/* Custom Overrides */
body {
    background-color: #F3F4ED;
}

/*## 2horas*/
.ageo-texto {
	position: absolute;
	top: 300px;
	left: 30%;
	width: 40%;
	height: fit-content;
	text-align: justify;
    font-family: 'Nunito';
	font-weight: normal;
	font-size: calc(14px + 0.5vw);
	color: #004252;
	line-height: 1.3;
}
.ageo-text-note{
	font-size: calc(12px + 0.4vw);
	color: #7f7f7f;
}
.ageo-mascote {
	width: 70%;
    float: left;
	margin: -30% 0 5% 5%;
}
.ageo-left-episode {
	float: left;
	margin: -40% 0 0 5%;
	max-height: 500px;
}
.ageo-right-episode {
	float: right;
	margin: -45% 5% 0 0;
	max-height: 500px;
}

@media (max-width: 544px) {
	.ageo-texto {
		position: absolute;
		top: 90px;
		left: 10%;
		width: 80%;
		height: fit-content;
		text-align: justify;
		font-family: 'Nunito';
		font-weight: normal;
		font-size: calc(8px + 0.4vw);
		color: #004252;
		line-height: 1;
	}
    .ageo-text-note{
        font-size: calc(6px + 0.3vw);
        color: #7f7f7f;
    }
	.ageo-left-episode {
		float: left;
		margin: -40% 0 0 5%;
		max-height: calc(150px + 0.5vh);
	}
	.ageo-right-episode {
		float: right;
		margin: -45% 5% 0 0;
		max-height: calc(150px - 0.5vh);
	}
}