@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body{font-family:'Roboto', sans-serif;}
body{margin: 0; padding: 0;}
article, aside, dialog, div, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
.desktop{display:block}
.mobile{display:none}
/*Header*/
header{
    background-image: url(img/banner.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 100%;
    height: 571px;
}
header img{
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    padding: 273px;
}
.container{
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.servicos{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 50px auto;
}
.servicos-box{
    float: left;
    width: 300px;
    height: 234px;
    margin: 10px;
    font-weight: lighter;
    color: #74395a;
    text-align: center;
}
.servicos-box h2{
    font-size: 24px;
    font-weight: lighter;
    margin: 0;
}
.servicos-box p{
    font-size: 14px;
    margin: 0;
}
footer{
    background-image: url(img/bkg-footer.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    width: 100%;
    height: 666px;
}
.contato{
    margin: 0 auto;
    width: 950px;
    height: 286px;
}
.contato p{
    font-size: 14px;
    font-weight: 300;
    color: #545454;
}
.contato form{
    float: left;
    
    margin-top: 39px;
}
.contato input, .contato select, .contato textarea, .contato fieldset{
    border-radius:15px;
    font-size: 14px;
    padding:11px 23px; 
    font-family: 'Roboto', sans-serif;
    border: 0px;
    background-color: #ededed;
    margin: 10px 4px;
    font-weight: 300;
    width: 74%;
    color: #545454;
}
#campo-email{width: 87%;}
#enviar{
    font-size: 29px;
    font-weight: 400;
    color: #fff;
    width: auto; 
    border:0px;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.midias{
    float: right;
    width: 400px;
    margin-top: 63px;
    text-align: center;
}
.midias h3{
    color: #8b8b8b;
    font-weight: 300;
    font-size: 27px;
}
.rodape{
    width: 980px;
    margin: 0 auto;
    font-weight: 300;
    overflow: hidden;
}
.rodape img{
    display: block;
    float: left;
}
.endereco{
    width: 468px;
    float: right;
    margin-top: 87px;
}
.linha-a{ 
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}
.linha-a span{
    font-size: 22px;

} 
.linha-b{ 
    color: #fff;
    font-size: 17px;
    font-weight: 300;
}
.linha-b span{
    font-size: 14px;
    color: #888888;
} 
.sucesso p{font-size: 36px;}
@media screen and (max-width:1009px){
    #mobile{ display: block;}
    #desktop{display: none;}
    .container{ width: 100%;}
    header {width: 100%;background-image: url(img/banner-mobile.jpg);height: 453px;}
    header img{width: auto;float: none;margin: 0 auto;padding: 308px 0 0;}
    .servicos-box {float: none;height: 250px; margin: 10px auto;}
    footer {height: auto; background-image: url(img/bkg-footer-mobile.jpg);}
    .contato{width: 95%; height: auto;}
    .contato form{float: none;}
    .contato p{padding-top: 30px;}
    .contato table{width: 100%;}
    .contato input{padding: 8px 14px;}
    .midias{float: none; width: 100%;overflow: hidden;height: auto; margin-top: 0; margin-bottom: 45px;}
    .midias h3{font-size: 24px;}
    .rodape{width: 90%;}
    .rodape img{width: 100%; width: 100%; max-width: 495px; display: block;margin: 0 auto;}
    .endereco{width: 100%; float: none;overflow: hidden;}
    }