@media only screen and (max-width: 1630px) {
#pq-fiibo .box .dir .imagem {
width: 26vw;
}
}
@media only screen and (max-width: 1600px) {
#clientes .top .titulo {
font-size: 34px;
line-height: 42px;
}
#clientes .top .titulo:before, #clientes .top .titulo:after {
width: 26%;
}
#visao-proposito .container .box .titulo {
font-size: 34px;
}
#visao-proposito .container .box .texto {
font-size: 26px;
}
#visao-proposito .container .box {
width: 515px;
height: 270px;
}
#futuro .titulo {
font-size: 42px;
margin: 0 0 50px 0;
}
#futuro .texto {
font-size: 28px;
line-height: 43px;
}
#linha-tempo .top .titulo {
font-size: 36px;
line-height: 42px;
margin: 0 0 25px 0;
}
}
@media only screen and (max-width: 1430px) {
#visao-proposito .container .box .titulo {
font-size: 32px;
}
#visao-proposito .container .box .texto {
font-size: 24px;
margin: 10px 0;
}
#visao-proposito .container .box {
width: 410px;
height: 270px;
}
#visao-proposito .container .box-1 {
padding: 0 42px;
}
}
@media only screen and (max-width: 1400px) {
#banner .esq .texto {
font-size: 14px;
line-height: 20px;
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;
}
#futuro .texto {
font-size: 24px;
line-height: 38px;
}
#linha-tempo .top .titulo {
font-size: 32px;
line-height: 40px;
}
}
@media only screen and (max-width: 1335px) {
#banner .esq .titulo {
font-size: 30px;
}
}
@media only screen and (max-width: 1300px) {
#futuro .texto {
font-size: 22px;
line-height: 34px;
}
#futuro .titulo {
font-size: 40px;
margin: 0 0 40px 0;
}
#futuro .btn-conversar {
margin: 50px auto;
}
}
@media only screen and (max-width: 1250px) {
#clientes .top .titulo {
font-size: 32px;
line-height: 40px;
}
#clientes .top .titulo:before, #clientes .top .titulo:after {
width: 22%;
}
#visao-proposito .container .box .titulo {
font-size: 28px;
}
#visao-proposito .container .box .texto {
font-size: 20px;
}
#visao-proposito .container .box {
width: 355px;
height: 220px;
}
}
@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: 12px;
line-height: 18px;
}
}
@media only screen and (max-width: 1024px) {
#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%;
}
#clientes .box-btn-cta .btn-conversar {
border-radius: 50px;
padding: 10px 0px;
font-size: 16px;
width: 275px;
}
#clientes .box-btn-cta .btn-conversar svg {
margin: 0 0 0 15px;
width: 23px;
}
#app-fiibo {
padding: 0 0 50px 0;
}
#pq-fiibo {
padding: 50px 0;
}
#pq-fiibo .box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 90%;
height: auto;
}
#pq-fiibo .box .esq {
width: 100%;
padding: 35px 50px;
}
#pq-fiibo .box .dir {
width: 100%;
}
#pq-fiibo .box .dir .imagem {
position: relative;
bottom: initial;
right: initial;
margin: 0 0 -5px 0;
width: 25%;
}
#pq-fiibo .box .titulo {
font-size: 26px;
line-height: 32px;
margin: 0 0 30px 0;
padding: 0 5%;
text-align: center;
}
#pq-fiibo .box .texto {
margin: 0 0 10px 0;
font-size: 14px;
line-height: 20px;
}
#pq-fiibo .box .dir {
text-align: center;
}
#visao-proposito .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 90%;
margin: 0 auto;
}
#visao-proposito .container .box-1 {
margin: 0 0 45px 0;
}
#visao-proposito .container .box {
width: 100%;
height: auto;
padding: 50px 10%;
}
#futuro .container {
padding: 0 10%;
}
#futuro .texto {
font-size: 18px;
line-height: 30px;
}
#futuro .btn-conversar {
border-radius: 50px;
padding: 13px 0px;
font-size: 16px;
width: 278px;
}
#futuro .btn-conversar svg {
margin: 0 0 0 15px;
width: 23px;
}
#futuro .titulo {
line-height: 52px;
}
#futuro {
padding: 30px 0 0;
}
}
@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: 950px) {
#clientes .top .titulo {
font-size: 30px;
line-height: 38px;
}
#clientes .top .titulo:before, #clientes .top .titulo:after {
width: 18%;
}
}
@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%;
}
#banner .dir {
width: 45%;
}
}
@media only screen and (max-width: 800px) {
#pq-fiibo .box ul li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
#pq-fiibo .box ul li .icone {
margin: 0 0 20px 0;
}	
}
@media only screen and (max-width: 790px) {
#clientes .top .titulo:before, #clientes .top .titulo:after {
width: 10%;
}
}
@media only screen and (max-width: 770px) {
#banner .esq .titulo {
font-size: 26px;
line-height: 32px;
margin: 0 0 12px 0;
}
#banner .esq .texto {
font-size: 11px;
margin: 0 0 18px 0;
padding: 0;
line-height: 17px;
}
}
@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) {
#banner {
height: 172vw;
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: -28%;
right: 0;
width: 100%;
}
#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;
}
#linha-tempo {
padding: 26vw 0 0;
}
#linha-tempo .top .titulo {
font-size: 30px;
line-height: 37px;
margin: 0 0 25px 0;
}
#linha-tempo .top .texto {
font-size: 16px;
line-height: 23px;
}
#pq-fiibo .box .dir .imagem {
width: 50%;
}
}
@media only screen and (max-width: 600px) {
#clientes .top .titulo:before, #clientes .top .titulo:after {
width: 5%;
}
#clientes .top .titulo {
font-size: 28px;
line-height: 36px;
padding: 0 10%;
}
#visao-proposito .container .box .titulo {
font-size: 26px;
}
#visao-proposito .container .box .texto {
font-size: 18px;
}
#futuro .texto {
font-size: 16px;
line-height: 26px;
}
#futuro .titulo {
font-size: 36px;
margin: 0 0 25px 0;
}
#futuro .btn-conversar {
margin: 30px auto;
}
}
@media only screen and (max-width: 700px) {
#clientes .box-btn-cta .btn-conversar{
padding: 10px 5vw;
}
#clientes .box-btn-cta .btn-conversar svg{
margin: 0 0 0 8px;
width: 38px;
}
}
@media only screen and (max-width: 500px) {
#pq-fiibo .btn-conversar {
padding: 8px 0px;
font-size: 14px;
width: 80%;
}
#pq-fiibo .btn-conversar svg {
margin: 0 0 0 15px;
}
}
@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: 70vw;
}
}
@media only screen and (max-width: 409px) {
#clientes .box-btn-cta .btn-conversar {
font-size: 14px;
}
}
@media only screen and (max-width: 350px) {
#futuro .btn-conversar {
font-size: 14px;
width: 90%;
}
}