@charset "UTF-8";

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

html, body{ overflow-x: hidden !important; font-family: 'Roboto', sans-serif;}


body {background-image: url('..//img/banner.jpg'); background-position: top center;  background-repeat: no-repeat;}
form {text-align: right; display: grid; justify-content: end;}
.titulo{text-align: right; padding-top: 150px;}
.titulo h1{ color: #6a7355; font-weight: lighter; padding-bottom: 30px;}
.titulo h1 span{font-weight: bold;}
.titulo p{color: #6a7355; padding-bottom: 10px;}
.form-group {width: 330px;height: 50px;  border-bottom: 5px solid #6a7355;}
.form-control {width: 100%; height: 100%;padding: 10px;box-sizing: border-box; border-radius: 0;}
.btn-primary{width: 125px; height: 50px; background-color: #6a7355; border: none; border-radius: 0; border-bottom: 5px solid #95b058; font-weight: bold; font-size: 25px;}
.btn-primary:hover{background-color: #86916d; border-bottom: 5px solid #95b058;}

footer{position: fixed; width: 100%; bottom: 0; background-color: #6a7355; margin-top: -10px;}
.logo-footer img{width: 90px; padding: 20px 0;}
.telefone-social{color: #fff;  padding-top: 20px;}
.telefone-social h2{color: #fff; font-size: 20px;  font-family: "Lora", serif !important;}
.direitos img{width: 30px; margin-right: 10px;}
.direitos{display: flex; align-items: center; justify-content: center;color: #fff; font-size: 12px; padding: 20px 0;}
.direitos p{color: #fff !important; padding-left: 80px; margin-bottom: 0;}
.logo-as{text-align: right; padding: 20px 0;}
.logo-as img{width: 30%;}



@media screen and (max-width: 1440px){
    #body{padding-bottom: 30px;}
    .titulo {text-align: right;padding-top: 50px;}
    footer {position: absolute;margin-top: 0;}
    
}

@media screen and (max-width: 1366px){
    #body{padding-bottom: 30px;}
    .titulo {text-align: right;padding-top: 50px;}
    
    
}

@media screen and (max-width: 1024px){
    footer {position: absolute;margin-top: 0;}
    .telefone-social h2 {font-size: 18px;}
    
}



@media screen and (max-width: 990px){
    body{background-image: url('..//img/banner-mobile.jpg'); background-position: center; background-size: cover;  text-align: center;}
    #body{padding-bottom: 80%;}
    .titulo{text-align: center;}
    .titulo p br{display: none;}
    form {text-align: center;justify-content: center;}
    .telefone-social{padding: 20px 0;}
    .direitos{display: block; padding: 0;}
    .direitos p{padding: 20px 0;}
    .logo-as{text-align: center; padding: 10px 0;}
    footer {position: relative;margin-top: 0;}
}


@media screen and (max-width: 412px){
    footer {
        position: relative;
        margin-top: 0;
    }
}