.blue {
	max-width: 100%;
	background-image: linear-gradient(to right, rgba(0, 98, 173, 0.8) 0%, rgba(0, 98, 173, 0.05) 0.5%, rgba(0, 98, 173, 0.0) 50%, rgba(0, 98, 173, 0) 100%);
	display: grid;
	grid-template-columns: 53% 42%;
	column-gap: 5%;
	row-gap: 0;
	color: #000000;
	padding: 1rem 2rem;
	margin-bottom: 4rem;
	/*margin-bottom: 2rem;*/
        border-radius: 0.2rem;
}

.green {
	max-width: 100%;
	background-image: linear-gradient(to right, rgba(197, 211, 0, 0.0) 0%, rgba(197, 211, 0, 0.0) 50%, rgba(197, 211, 0, 0.05) 99.5%, rgba(197, 211, 0, 0.8) 100%);
	display: grid;
	grid-template-columns: 42% 53%;
	column-gap: 5%;
	row-gap: 0;
	color: #000000; /*rgba(0, 98, 173, 1);*/
	padding: 1rem 2rem;
	margin-bottom: 4rem;
	/*margin-bottom: 2rem;*/
        border-radius: 0.2rem;
}

.description {
	width: 100%;
	max-width: 100%;
	text-align: justify;
	margin-bottom: auto;
	padding-bottom: 1rem;
}

.blue .description {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.green .description {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.subtitle {
	text-align: left;
	font-size: 1.5rem;
	margin-bottom: 1rem;
        margin-top: auto;
}

.blue .subtitle{
	grid-column: 1 / 2;
	grid-row: 1 / 2;	
}

.green .subtitle{
	grid-column: 2 / 3;
	grid-row: 1 / 2;	
}

.slider {
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding-bottom: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slides {
	display: flex;
	height: 100%;
	text-align: center;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
}

.slides > div {
	scroll-snap-align: start;
        flex-shrink: 0;
	width: 100%;
	transform-origin: center center;
	transform: scale(1);
	transition: transform 0.5s;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	scroll-margin-top: 2rem;
}

.slides img {
	max-width: 100%;
	max-height: 300px;
}

.blue .slider {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}

.green .slider {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}

.points {
	text-align: center;
	display: none;
	justify-content: center;
}

/*.blue .points {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}

.green .points {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.points > a {
	text-align: center;
	border-radius: 50%;
	margin: 0.2rem;
}

input[type="radio"] {
	appearance: none;
	margin: 0;
	vertical-align: middle;
	width: 1.4rem;
	height: 1.2rem;
	border-radius: 50%;
}

input:checked {
	content: "";
	width: 1.4rem;
	height: 1.2rem;
	border-radius: 50%;
}

input:hover {
	cursor: pointer;
}

.blue input {
	color: rgba(0, 98, 173, 1);
	border: 0.3em solid rgba(0, 98, 173, 1);
}

.blue input:checked {
	background-color: rgba(0, 98, 173, 1);
}

.green input {
	color: rgba(197, 211, 0, 0.5);
	border: 0.3em solid rgba(197, 211, 0, 1);
}

.green input:checked {
	background-color: rgba(197, 211, 0, 1);
}*/

br {
	margin-bottom: 0rem;
}

#slidelink::after {
	content: none;
}

@media (max-width: 800px) {
	.blue {
		background-image: linear-gradient(to right, rgba(0, 98, 173, 0.7) 0%, rgba(0, 98, 173, 0.05) 2%, rgba(0, 98, 173, 0.05) 98%, rgba(0, 98, 173, 0.7) 100%);
		display: block;
	}
	
	.green {
		background-image: linear-gradient(to right, rgba(197, 211, 0, 0.7) 0%, rgba(197, 211, 0, 0.1) 2%, rgba(197, 211, 0, 0.1) 98%, rgba(197, 211, 0, 0.7) 100%);
		display: block;
	}
}

@media (max-width: 550px) {
	.submenu {
		display: inline-block;
		padding: 1rem 0;
	}
	
	.submenu a {
		padding: 0 2rem;
	}
}