@media all and (min-width: 1502px) {
    
}

@media all and (max-width: 1501px) {
    #aba-titulo {
        display: none !important;
    }

    #quadro-formulario {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
    }

    .botao {
        margin-top: 20px !important;
    }
}

body {
    background-color: #f5f5f5;
}

#capa-contato {
    height: 664px;
    background-image: url('images/Contato/capa-contato.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
}

#capa-contato-mobile {
    height: 664px;
    background-image: url('images/Contato/capa-contato-mobile.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
}

#capa-compliance {
    height: 280px;
    background-image: url('images/Contato/capa-compliance.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
}

#divider {
    height: 39px;
    background-image: url('images/separador-base.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: bottom;
}

#header-contato {
    padding-top: 140px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 32px;
    color: #888B8D;
    line-height: 40px;
    background-image: url('images/triangulo-vermelho-canto.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
}

#header-contato-mobile {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 32px;
    color: #888B8D;
    line-height: 40px;
}

#titulo-contato {
    color: black;
    padding-bottom: 30px;
    border-bottom: 4px solid black;
    margin-bottom: 25px;
    width: 400px;
    margin-bottom: 30px;
}

#descricao-contato {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 30px;
}

#descricao-contato a:link {
    color: #F32735;
    text-decoration: underline;
}

#descricao-contato a:visited {
    color: #F32735;
    text-decoration: underline;
}

#descricao-contato a:hover {
    color: #F32735;
    text-decoration: underline;
}

#descricao-contato a:active {
    color: #F32735;
    text-decoration: underline;
}

#aba-titulo {
    background-color: #f32735;
    width: 340px;
    padding: 25px;
    font-size: 26px;
    text-align: center;
    color: white;
    margin-left: 50px;
    margin-right: 50px;
}

#quadro-formulario {
    background-color: white;
    border: 3px solid #f32735;
    padding-top: 30px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 50px;
    margin-right: 50px;
}

.form-label {
    font-size: 26px;
    color: black;
    margin-bottom: 10px;
    margin-top: 35px;
}

.campo-obrigatorio {
    color: #f32735;
}

input[type='text'].form-control, textarea.form-control, select.form-control {
    border: 2px solid #888b8d;
    border-radius: 0;
    font-size: 20px;
}

input[type='text'].form-control, select.form-control {
    height: 70px;
}

select.form-control {
    background-image: url('images/Icones/ico-dropdown.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}

#linha-envio-form {
    margin-top: 50px;
    font-size: 18px;
    color: black;
}

    #linha-envio-form a:link {
        color: #F32735;
        text-decoration: underline;
    }

    #linha-envio-form a:visited {
        color: #F32735;
        text-decoration: underline;
    }

    #linha-envio-form a:hover {
        color: #F32735;
        text-decoration: underline;
    }

    #linha-envio-form a:active {
        color: #F32735;
        text-decoration: underline;
    }

.botao {
    border-width: 3px;
    padding: 22px;
    font-size: 26px;
    text-decoration: none !important;
}

.botao-cancel {
    background-image: url('images/triangulo-cinza-botao.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    border-width: 3px;
    padding: 22px;
    background-color: white;
    border-color: #d9d9d9;
    border-style: solid;
    color: #888b8d !important;
}

.botao-confirm {
    background-image: url('images/triangulo-branco-botao.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    border-width: 3px;
    padding: 22px;
    background-color: #b22a2e;
    border-color: #b22a2e;
    border-style: solid;
    color: white !important;
}

.botao .icone-botao {
    margin-right: 30px;
}

.botao-block {
    width: 100%;
}

.botao-form {
    margin-top: 85px;
}

    .botao-form .botao {
        padding-top: 12px;
        padding-bottom: 12px;
    }