@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');


.sessaogrande{background-image: url(imagens/fundo.webp); background-size: cover; background-position: center; min-height: 100vh; display: flex;}
.sessaogrande .container{display: block; height: fit-content; margin: auto;}
.sessaogrande h3{font-family: 'Roboto', sans-serif; color: #ffffff; font-weight: 400; text-transform: uppercase; font-size: 50px; margin-bottom: 0; padding-bottom: 0;}
.sessaogrande h2{font-family: 'Roboto', sans-serif; color: #ffffff; font-weight: 700; text-transform: uppercase; font-size: 80px;}
.divisor{width: 100%; background-color: #CD3B3F; height: 8px; margin: 20px 0 20px 0;}
.sessaogrande p{font-family: 'Roboto', sans-serif; color: #ffffff; font-weight: 400; font-size: 18px;}
.botaocli{font-family: 'Roboto', sans-serif; background-color: #CD3B3F; color: #ffffff; font-size: 18px; padding: 12px 60px; text-decoration: none; display: block; width: fit-content;}
.botaocli:hover{background-color: #2f2e40;}
.logos img{width: 75%; margin: auto;}
.logos{background-color: #021A4C; height: 120px; margin: 0 20px 0 0; display: flex;}


.slider{margin-top: 10px;}
.botoessliders{margin-top: 40px; display: flex;}
.botoessliders div{display: flex; margin: auto 0 auto auto; width: fit-content}
.botoessliders img{width: 50px; margin: 0 10px; transition: .5s;}
.botoessliders img:hover{transform: scale(1.2); transition: .5s; }

@media(max-width:767px){
    .sessaogrande h3{font-size: 40px;}
    .sessaogrande h2{font-size: 52px;}
}