@media only screen and (max-width: 1800px) {
#beneficios .box .esq {
height: 600px;
}
#beneficios ul li p {
line-height: 23px;
margin: 3px 0;
font-size: 16px;
}
}
@media only screen and (max-width: 1700px) {
#dna-fiibo .bottom .box .texto {
font-size: 16px;
line-height: 25px;
}
#dna-fiibo .top .texto {
font-size: 18px;
line-height: 27px;
}
#dna-fiibo .top .titulo {
margin: 0 0 30px 0;
font-size: 36px;
}
#beneficios .box .esq {
height: 560px;
}
}
@media only screen and (max-width: 1600px) {
#dna-fiibo .bottom .box {
padding: 48px 30px 0;
min-height: 380px;
}	
#dna-fiibo .bottom .box .texto {
font-size: 14px;
line-height: 24px;
}
#dna-fiibo .bottom .box .titulo {
margin: 0 0 20px 0;
}
#beneficios .box .esq {
height: 530px;
}
#beneficios ul li {
margin: 0 0 8px 0;
}
}
@media only screen and (max-width: 1500px) {
#beneficios .box .esq {
height: 34vw;
}	
#beneficios ul li p {
line-height: 19px;
font-size: 14px;
}
#beneficios ul li img {
max-width: 28px;
margin-right: 20px;
}
#banner .esq .texto {
font-size: 16px;
line-height: 22px;
}
}
@media only screen and (max-width: 1400px) {
#banner .esq .texto {
font-weight: 400;
margin: 0 0 30px 0;
}
#banner .esq .btn {
padding: 14px 0 12px;
font-size: 16px;
}
#banner .esq .btn-conhecer {
border: 2px solid var(--amarelo);
width: 195px;
}
#banner .esq .btn-ser-fiibo {
border: 2px solid #fff;
margin-right: 20px;
width: 214px;
}
#banner .esq .titulo {
font-size: 33px;
line-height: 36px;
}
.btn-rev {
width: 365px;
font-size: 20px;
}
#box-cta .titulo {
font-size: 32px;
}
#box-cta .texto {
font-size: 24px;
line-height: 34px;
width: 70%;
}
#beneficios .titulo-top {
font-size: 38px;
}
}
@media only screen and (max-width: 1350px) {
#dna-fiibo .bottom .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#dna-fiibo .bottom .box {
width: 46%;
padding: 48px 30px 0;
margin: 0 40px 40px 0;
min-height: 255px;
}
#dna-fiibo .bottom .box:last-child {
margin: 0 0 40px 0;
}
#dna-fiibo .bottom .box:hover{
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .5s ease all;
}
}
@media only screen and (max-width: 1335px) {
#banner .esq .titulo {
font-size: 30px;
}
#banner .dir .imagem {
bottom: -10.2%;
}
}
@media only screen and (max-width: 1300px) {
#beneficios .box .esq {
min-height: 477px;
}
}
@media only screen and (max-width: 1250px) {
#dna-fiibo .bottom .box {
width: 45%;
}
}
@media only screen and (max-width: 1200px) {
#banner .esq .titulo {
font-size: 28px;
line-height: 33px;
}
#banner .esq .texto {
margin: 0 0 18px 0;
}
}
@media only screen and (max-width: 1130px) {
#banner .esq .btn {
padding: 11px 0 9px;
font-size: 14px;
}
#banner .esq .titulo {
margin: 12px 0;
}
#banner .esq .texto {
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (max-width: 1024px) {
#primary {
background-position-y: 104vw;
}
#banner {
height: 52vw;
border-bottom-right-radius: 32% 55%;
min-height: 435px;
}
#banner .esq {
margin: 10vw 0 0 0;
padding: 0 2vw 0 0;
}
#banner .container {
width: 90%;
}
#banner .dir .btn-play {
position: absolute;
bottom: 37%;
}
#dna-fiibo .bottom .box {
width: 46%;
margin: 0 4% 5% 0;
}
#dna-fiibo .top .titulo {
font-size: 32px;
}
#dna-fiibo .top .texto {
font-size: 16px;
line-height: 25px;
}
#dna-fiibo .top {
margin: 10vw auto 0;
}
#box-cta .texto {
width: 70%;
}
#beneficios .titulo-top {
font-size: 32px;
}
#beneficios .box {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#beneficios .box .dir {
position: relative;
width: 90%;
height: auto;
padding: 2% 0;
}
#beneficios .box .esq {
height: 40.4vw;
min-height: auto;
}
#beneficios .box .esq .imagem {
position: absolute;
bottom: 0;
right: initial;
width: 95%;
max-width: 515px;
top: 50.2%;
left: 50%;
transform: translate(-50%, -50%);
}
#beneficios .titulo-top {
font-size: 36px;
}
}
@media only screen and (max-width: 980px) {
#banner .esq .titulo {
font-size: 28px;
}
#banner .esq .btn-ser-fiibo {
font-size: 12px;
width: 200px;
}
#banner .esq .btn-conhecer {
width: 170px;
font-size: 12px;
}
#banner .esq .texto {
font-size: 13px;
margin: 0 0 18px 0;
padding: 0;
}
}
@media only screen and (max-width: 900px) {
#banner .esq .titulo {
font-size: 26px;
line-height: 32px;
}
}
@media only screen and (max-width: 850px) {
#banner .esq {
width: 60%;
}
#dna-fiibo .bottom .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#dna-fiibo .bottom .box {
width: 100%;
margin: 0 0 40px 0;
min-height: auto;
padding: 40px;
}
#dna-fiibo .bottom .box:last-child {
margin: 0 0 40px 0;
}
#box-cta .texto {
width: 80%;
}
#box-cta .titulo {
font-size: 28px;
padding: 0 10%;
}
.btn-rev {
width: 315px;
font-size: 18px;
}
}
@media only screen and (max-width: 770px) {
#banner .esq .titulo {
font-size: 26px;
line-height: 32px;
margin: 0 0 12px 0;
}
#banner .esq .texto {
margin: 0 0 18px 0;
padding: 0;
}
}
@media only screen and (max-width: 715px) {
#banner .esq .titulo {
font-size: 22px;
line-height: 28px;
}
#banner .esq .btn-conhecer {
font-size: 10px;
}
#banner .esq .btn-ser-fiibo {
font-size: 10px;
}
}
@media only screen and (max-width: 650px) {
#primary {
background-image: none;
}
#banner {
height: 140vw;
background-position-x: 12%;
border-bottom-right-radius: 65% 37.5%;
}
#banner .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 32vw 0 0 0;
width: 85%;
}
#banner .esq {
width: 100%;
height: 50%;
margin: 0;
padding: 0;
position: relative;
}
#banner .dir {
width: 100%;
height: 50%;
}
#banner .esq .titulo {
font-size: 7.2vw;
line-height: 9vw;
}
#banner .esq .texto {
font-size: 2.7vw;
line-height: 4.7vw;
margin: 0 0 4vw 0;
padding: 0 30% 0 0;
}
#banner .dir .imagem {
bottom: -22.2%;
right: 0;
}
#banner .esq .btn-ser-fiibo {
border: 2px solid #fff;
margin-right: 0;
margin-bottom: 3.5vw;
width: 47vw;
}
#banner .esq .btn-ser-fiibo svg {
margin: -0.3vw 0 0 2.5vw;
width: 2.5vw;
}
#banner .esq .btn {
border-radius: 10vw;
padding: 2.8vw 0 2.4vw;
font-size: 4vw;
}
#banner .esq .btn-conhecer {
border: 2px solid var(--amarelo);
width: 43vw;
}	
#dna-fiibo .top {
margin: 20vw auto 0;
}
#dna-fiibo .top .titulo {
font-size: 30px;
}
#dna-fiibo .bottom {
margin: 40px 0 0 0;
}
#dna-fiibo .bottom .box .titulo {
font-size: 22px;
}
#beneficios .box .esq {
height: 70.4vw;
width: 100%;
}
#beneficios .box .esq .imagem {
width: 67%;
}
#beneficios ul li img {
max-width: 23px;
margin-right: 10px;
}
#beneficios ul {
padding: 0 5%;
}
#beneficios .titulo-top {
margin: 0 0 36px 0;
padding: 0 10%;
}
}
@media only screen and (max-width: 450px) {
#banner .esq .texto {
font-size: 14px;
line-height: 20px;
margin: 0 0 20px 0;
padding: 0 0 0 0;
}
#banner {
height: auto;
}
#banner .dir {
height: 62vw;
}
.btn-rev {
width: 250px;
font-size: 16px;
}
}