@font-face {
  font-family: 'Montserrat Regular';
  font-style: normal;
  font-display: block;
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Montserrat Extra Bold';
  font-style: normal;
  font-display: block;
  src: url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Montserrat Semi Bold';
  font-style: normal;
  font-display: block;
  src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Montserrat Bold';
  font-style: normal;
  font-display: block;
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Montserrat Light';
  font-style: normal;
  font-display: block;
  src: url("../fonts/Montserrat-Light.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Montserrat Black';
  font-style: normal;
  font-display: block;
  src: url("../fonts/Montserrat-Black.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Montserrat Medium';
  font-style: normal;
  font-display: block;
  src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Montserrat Light';
  font-style: normal;
  font-display: block;
  src: url("../fonts/Montserrat-Light.ttf") format("truetype"); 
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, b, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.mensagem-sucesso{
    font-family: 'Montserrat Regular';
    background-color: green;
    border-radius: 5px;
    color: white;
    padding: 1rem;
    margin: 1rem;
}

.mensagem-error{
    font-family: 'Montserrat Regular';
    background-color: red;
    color: white;
    border-radius: 5px;
    color: white;
    padding: 1rem;
    margin: 1rem;
}

.banner-img-desktop{
    object-fit: fill; 
    width: 100%; 
    height: auto;
    display: block;
}

.banner-img-mobile{
    object-fit: fill; 
    width: 100%; 
    height: auto;
    display: none;
}

.quemsomos-div{
    display: flex;
    background-color: #303030;
    flex-direction: row;
}

.quemsomos-font-title{
    font-family: 'Montserrat Extra Bold';
    color: white;
    font-size: 4rem;
    line-height: 4rem;
    margin-left: 4rem;
    margin-top: 4rem;
}

.quemsomos-font-text{
    font-family: 'Montserrat Regular';
    color: white;
    text-align: justify;
    font-size: 1.25rem;
    margin-left: 4rem;
    margin-top: 4rem;
    margin-right: 4rem;
    margin-bottom: 0.5rem;
    line-height: 1.875rem;
}

.quemsomos-img{
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 4rem;
    margin-bottom: 1rem;
}

.servicos-barra{
    background-color: #96201E;
    height: 3.5rem;
    width: 100%;
}

.servicos-font-title{
    font-family: 'Montserrat Extra Bold';
    color: white;
    text-align: center;
    margin-bottom: 0px;
    font-size: 2.5rem;
    line-height: 2.5rem;
    padding-top: calc( ( 3.5rem - 40px) /2 );
}

.servicos-div{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: center;
}

.servicos-div-item{
    width: 400px;
}

.servicos-div-item-inner{
    padding: 1rem;
}

.servicos-div-item-border{
    padding: 1rem;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(135, 44, 53, 0.1);
    height: 45rem;
}

.servicos-div-img{
    margin: auto;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.servicos-div-subtitle{
    background-color: #872C35;
    border-radius: 5px;
    margin-left: calc( 100% - 80% );
    margin-right: calc( 100% - 80% );
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.servicos-font-subtitle{
    font-family: 'Montserrat Semi Bold';
    font-size: 1.5rem;
    color: white;
    text-align: center;
}

.servicos-font-text{
    font-family: 'Montserrat Regular';
    color: #878787;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.porquenos-div{
    display: flex;
    flex-direction: row;
    background-color: #303030;
}

.porquenos-column{
    width: 50%;
    padding: 4rem;
}

.porquenos-img{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.porquenos-font-title{
    font-family: 'Montserrat Extra Bold';
    font-size: 3rem;
    color: white;
    text-align: left;
}

.porquenos-font-text{
    font-family: 'Montserrat Regular';
    font-size: 1.5rem;
    line-height: 2rem;
    color: white;
    text-align: justify;
    margin-top: 3rem;
}

.oquefalam-div{
    display: flex;
    flex-direction: row;
    background-color: #872C35;
}

.oquefalam-div-column{
    width: 50%;
}
/*
.oquefalam-font-title{
    font-family: 'Montserrat Extra Bold';
    font-size: 3rem;
    color: white;
    text-align: left;
}*/

.oquefalam-div-carousel{
    position: relative;
    background-color: #872C35;
}

.oquefalam-img-aspas-esquerda{
    position: absolute;
}

.oquefalam-img-aspas-direita{
    position: absolute;
}

.oquefalam-img-aspas-esquerda{
    width: 85px !important;
    height: 66px !important;
    left: -30px !important;
    top: -30px !important;
}

.oquefalam-img-aspas-direita{
    width: 85px !important;
    height: 66px !important;
    bottom: 30px !important;
    right:  -20px !important;
}

.oquefalam-font-title{
    font-family: 'Montserrat Extra Bold';
    color: white;
    text-align: left;
    font-size: 4rem;
    margin-top: 6rem;
    margin-left: 1rem;
}

.oquefalam-font-text{
    font-family: 'Montserrat Regular';
    font-size: 1.3rem;
    color: white;
    text-align: justify;
    margin-top: 1rem;
}

.oquefalam-font-name{
    font-family: 'Montserrat Semi Bold';
    color: white;
    text-align: left;
    font-size: 1.5rem;
    margin-top: 1rem;
}

.oquefalam-font-cargo{
    font-family: 'Montserrat Regular';
    font-size: 1.2rem;
    color: white;
    text-align: left;
}

.oquefalam-item-margin{
    margin: 2rem;
    padding: 2rem;
}

.fiqueolho-div{
    display: flex;
    flex-direction: row;
    background-image: url('../images/img-020.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.fiqueolho-font-title{
    font-family: 'Montserrat Extra Bold';
    color: white;
    text-align: left;
    margin-top: 2rem;
    font-size: 3rem;
    line-height: 3rem;
    text-align: center;
}

.fiqueolho-div-column1{
    width: 40%;
}

.fiqueolho-div-column2{
    display: flex;
    flex-direction: row;
    width: 60%;
    align-items: center;
    justify-content: center;
}

.fiqueolho-div-column2-item{
    width: 33.33%;
    align-items: center;
    justify-content: center;
}

.faleconosco-div{
    background-image: url('../images/img-025.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2rem;
}

.faleconosco-div-conteiner{
    background-color: white;
    margin-left: 20%;
    margin-right: 20%;
    border-radius: 10px;
    padding: 1rem;

    background-color: white;
    border-color: rgba(135, 44, 53, 0.1);
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
}

.faleconosco-div-form{
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
}

.faleconosco-font-title{
    font-family: 'Montserrat Extra Bold';
    color: #DE454D;
    text-align: center;
    font-size: 2rem;
    margin: 1rem;
}

.form-form{
    width: 100%;
}

.form-row{
    width: 100%;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.form-input-text{
    font-family: 'Montserrat Regular';
    font-size: 1.2rem;
    color: #303030;
    text-align: left;
    width: 90%;
}

.faleconosco-button{
    font-family: 'Montserrat Regular';
    font-size: 0.75rem;
    background-color: #DE454D;
    border-width: 0px;
    color: white;
    text-align: center;
    border-radius: 5px;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    padding-top : 0.4rem;
    padding-top : 0.4rem;
    padding-left : 1.5rem;
    padding-right : 1.5rem;
}

.rodape-div{
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
}

.rodape-div-img{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: auto;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}

.rodape-div-contatos{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

.rodape-font-text{    
    font-family: 'Montserrat Light';
    text-align: justify;
    color: #303030;
    font-size: 0.75rem;
    line-height: 0.75rem;
}

.rodape-div-contatos-item{
    margin-left: 2rem;
}

.assinatura-div{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

.assinatura-div-item{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.assinatura-div-linha{
    width: 50%;
    background-color: #303030; 
    height: 2px; 
    opacity: .2;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.logo-resttaura{
        width: 15%;
        height: auto;
    }

@media only screen and (max-width: 1080px){

    .quemsomos-font-title{
        font-size: 3rem;
        line-height: 4rem;
    }

    .quemsomos-font-text{
        font-size: 1.15rem;
        line-height: 1.725rem;
    }

    .servicos-font-title{
    }

    .servicos-font-subtitle{
    }

    .servicos-font-text{
    }

    .porquenos-font-title{
        font-size: 2.25rem;
    }

    .porquenos-font-text{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .oquefalam-font-title{
        font-size: 3rem;
    }

    .oquefalam-font-text{
    }

    .oquefalam-font-name{
    }

    .oquefalam-font-cargo{
    }

    .fiqueolho-font-title{
    }

    .fiqueolho-img{

    }

    .faleconosco-font-title{
    }

    .rodape-font-text{
    }

    .logo-resttaura{
        width: 20%;
        height: auto;
    }

}

@media only screen and (max-width: 800px){

    .banner-img-desktop{
        display: none;
    }

    .banner-img-mobile{
        display: block;
    }

    .quemsomos-div{
        flex-direction: column;
    }

    .quemsomos-img{
        display: flex;
        justify-content: center;
    }

    .servicos-div{
    }

    .porquenos-div{
        flex-direction: column;
    }

    .porquenos-column{
        width: 95%;
        padding: 1rem;
    }

    .porquenos-img{
        width: 80%;
        height: auto;
        margin: auto;
    }

    .oquefalam-div{
        flex-direction: column;
    }

    .oquefalam-div-column{
        width: 95%;
    }

    .fiqueolho-div{
    }

    .fiqueolho-div-column2-item{
    }

    .fiqueolho-div-column1{
        display: none;
    }

    .fiqueolho-div-column2{
        width: 100%;
    }

    .faleconosco-div-conteiner{
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .rodape-div{
    }

    .rodape-div-contatos{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .rodape-div-contatos-item{
        margin-top: 5px;
    }

    .quemsomos-font-title{
        font-size: 3rem;
        line-height: 4rem;
    }

    .quemsomos-font-text{
        font-size: 1.15rem;
        line-height: 1.725rem;
    }

    .servicos-font-title{
    }

    .servicos-font-subtitle{
    }

    .servicos-font-text{
    }

    .porquenos-font-title{
        font-size: 2.25rem;
    }

    .porquenos-font-text{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .oquefalam-font-title{
        font-size: 3rem;
    }

    .oquefalam-font-text{
    }

    .oquefalam-font-name{
    }

    .oquefalam-font-cargo{
    }

    .fiqueolho-font-title{
    }

    .faleconosco-font-title{
    }

    .rodape-font-text{
    }

    .logo-resttaura{
        width: 33%;
        height: auto;
    }

}

@media only screen and (max-width: 500px){

    .banner-img-desktop{
        display: none;
    }

    .banner-img-mobile{
        display: block;
    }

    .quemsomos-div{
        flex-direction: column;
    }

    .quemsomos-img{
        display: flex;
        justify-content: center;
        margin: 1rem;
    }

    .quemsomos-imagem{
        width: 80%;
        height: auto;
    }

    .servicos-div{
    }

    .servicos-div-item-border{
        height: 29rem;
    }

    .porquenos-div{
        flex-direction: column;
    }

    .porquenos-column{
        width: 90%;
        padding: 1rem;
    }

    .porquenos-img{
        width: 80%;
        height: auto;
        margin: auto;
    }

    .oquefalam-div{
        flex-direction: column;
    }

    .oquefalam-div-column{
        width: 95%;
    }

    .fiqueolho-div-column1{
        display: none;
    }

    .fiqueolho-div{
    }

    .fiqueolho-div-column2-item{
    }

    .fiqueolho-div-column2{
        width: 100%;
    }

    .fiqueolho-img{
        width: 115px;
        height: auto;
    }

    .faleconosco-div-form{
    }

    .faleconosco-div-conteiner{
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .form-row{
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .rodape-div{
    }

    .rodape-div-contatos{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .rodape-div-contatos-item{
        margin-top: 5px;
    }

    .quemsomos-font-title{
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .quemsomos-font-text{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .servicos-font-title{
    }

    .servicos-font-subtitle{
        font-size: 1rem;
    }

    .servicos-font-text{
        font-size: 0.85rem;
        line-height: 1.0625rem;
    }

    .porquenos-font-title{
        font-size: 2.5rem;
    }

    .porquenos-font-text{
        font-size: 1.25rem;
        line-height: 1.75;
    }

    .oquefalam-font-title{
        font-size: 2.5rem;
        margin-left: 2rem;
    }

    .oquefalam-font-text{
        font-size: 1rem;
    }

    .oquefalam-font-name{
        font-size: 1.2rem;
    }

    .oquefalam-font-cargo{
        font-size: 0.85rem;
    }

    .fiqueolho-font-title{
    }

    .faleconosco-font-title{
        font-size: 1.5rem;
    }

    .form-input-text{
        font-size: 0.75rem;
    }

    .rodape-font-text{
    }

    .logo-resttaura{
        width: 50%;
        height: auto;
    }

}