#masthead {
position: relative;
background: var(--principal);
}
#masthead.header_fixo{
display: none;
}
#fiibopass {
order: 2;
}
#banner{
border-bottom: 8px solid #7B4BEF;
}
#fiibopass .container {
width: 1180px;
max-width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 50px;
}
#fiibopass .esq {
width: 45%;
}
#fiibopass .dir {
width: 51%;
}
#fiibopass .dir img {
display: block;
margin-bottom: -8px;
}
#fiibopass .titulo {
font-family: "Cal Sans", sans-serif;
font-weight: 400;
font-size: 42px;
line-height: 60px;
color: #000;
}
#fiibopass .titulo b {
color: #7B4BEF;
font-weight: 400;
}
#fiibopass .texto {
font-family: "Cal Sans", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 32px;
color: #000;
margin: 0px;
}
#conheca{
padding-bottom: 50px;
background: rgb(249 250 251);
}
#conheca iframe{
width: 100%;
height: 870px;
}
@media only screen and (max-width: 1400px) {
#fiibopass .dir {
width: 45%;
}
#fiibopass .esq {
width: 48%;
}
#fiibopass .titulo {
font-size: 3.5vw;
line-height: 4.3vw;
}
#fiibopass .texto {
font-size: 15px;
line-height: 29px;
}
}
@media only screen and (max-width: 1024px) {
#fiibopass .container {
flex-direction: column;
gap: 50px;
}
#fiibopass .esq,
#fiibopass .dir {
width: 100%;
}
#fiibopass .dir img {
max-width: 85%;
margin: 0 auto -8px;
}
#fiibopass .titulo {
font-size: 5.5vw;
line-height: 6.3vw;
}
}
@media only screen and (max-width: 710px) {
#conheca iframe {
height: 901px;
}
}
@media only screen and (max-width: 600px) {
#fiibopass .titulo {
font-size: 7.5vw;
line-height: 10.3vw;
}
#fiibopass .logo {
width: 180px;
height: auto;
}
}