body, html {
	font-weight: 500;
	font-display: swap;
}
.content {
	position: sticky;
	top: 0;
}
.titulo-fibonetico {
	color: #01269a;
	font-weight: 900;
	font-size: 4rem;
	line-height: 1;
}
.elemento-1 {
	position: absolute;
	left: 0;
	width: 200px;
}
.uniao {
	background-color: #e3e3e3;
	margin-top: -70px;
	background-image: url('../../img/elemento-2.png');
	background-size: contain;
	background-position: center 100px;
	background-repeat: no-repeat;
}
.box-fibonetico {
	background-color: #ff9800;
	border-radius: 20px;
	padding: 50px;
	position: relative;
	z-index: 0;
	hr {
		background-color: #fff;
		height: 2px;
	}
}
.plus-1 {
	position: absolute;
	top: 60px;
	right: -90px;
	width: 150px;
}
.plus-2 {
	position: absolute;
	bottom: -60px;
	left: -50px;
	width: 150px;
}
.logo-fibo-1,
.logo-etico-1 {
	margin-left: -120px;
	width: 170%;
}
.logo-fibo-1 {
	margin-bottom: -210px;
	position: relative;
	z-index: 2;
}
.logo-etico-1 {
	position: relative;
	z-index: 1;
}
.futuro {
	background-color: #01279a;
	background-image: url('../../img/elemento-2.png');
	background-size: 50%;
	background-position: right 0;
	background-repeat: no-repeat;
}
.box-futuro {
	background-color: #02a8f7;
	border-radius: 20px;
	padding: 50px 150px 50px 50px;
	position: relative;
	z-index: 0;
	width: 145%;
}
.menina-fibonacci {
	position: relative;
	z-index: 1;
}
.acesso {
	background-image: url('../../img/elemento-3.png');
	background-size: 101%;
    background-position: center -10px;
    background-repeat: no-repeat;
}
.plus-3 {
	position: absolute;
	top: 10px;
	left: -100px;
	width: 100px;
}
.btn-acessar {
	background-color: #02a8f7;
	border-radius: 20px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 900;
	padding: 20px 25px;
	text-decoration: none;
	transition: .2s all;
	&:hover {
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,.25);
		color: #fff;
	}
}
.footer {
	background-color: #01279a;
	background-image: url('../../img/elemento-2.png'), url('../../img/elemento-2.png');
	background-size: 20%, 50%;
	background-position: -100px 0, right -300px;
	background-repeat: no-repeat;
}
.cor-1 {
	color: #01269a;
}
.cor-2 {
	color: #ff9800;
}
@media (min-width: 320px) and (max-width: 991px) {
	.titulo-fibonetico {
		font-size: 2.5rem;
	}
	.elemento-1 {
		display: none;
	}
	.uniao {
		margin-top: 0;
	}
	.plus-1, .plus-2, .plus-3 {
		display: none;
	}
	.logo-fibo-1 {
		margin-bottom: -130px;
	}
	.logo-fibo-1,
	.logo-etico-1 {
		width: 100%;
		margin-left: 0;
	}
	.box-futuro {
		width: 100%;
		padding: 50px;
	}
}