body {
    font-family: Arial, Helvetica, sans-serif;
}

div.citillo {
    background-color: black !important;
}

div.titulo > h1, h2, h3, h4 {    
    font-weight: bold;
    color: #0062cc;
}

div.titulo > hr.linea-superior {
    border: 1.2px solid #7fbdff;
    margin-bottom: 3% !important;
    margin: auto;
    background: #7fbdff;
}

div.titulo > hr.linea-inferior {
    border: 1.2px solid #7fbdff;
    margin-top: 3% !important;
    margin: auto;
    background: #7fbdff;
}

div.fondo {
    background-image: url('../Recursos/Contactenos3.jpg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 100%;  
    text-align: center;
}

.text {
    background: #f7fdfba6;
    border: solid 1px;
    border-color: #000000;
}

button.btn-fondo {
    background: #f7fdfba6;
    border-color: #000000;
    color: #83757d;
}

.ocultar {
    display: none;
}

/**
    Modo telefono
*/
@media screen and (max-width: 425px) {
    #contacto-titulo {
        display: block !important;
    }

    .text {
        border: solid 2px;
        border-color: #0062cc;
    }

    button.btn-fondo {
        border: solid 2px;
        border-color: #0062cc;
    }

    .fondo {
        background: transparent !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    #tituloFormulario {
        display: none;
    }
}

@media screen and (min-width : 769px ) and (max-width: 1024px) {

    .fondo {
        background-repeat: unset !important
    }

}


/**
    Modo tablet
*/

/* typical tablet screen resolution */
@media screen and (max-width : 768px) {
    #contacto-titulo {
        display: block !important;
    }

    .text {
        border: solid 2px;
        border-color: #0062cc;
    }

    button.btn-fondo {
        border: solid 2px;
        border-color: #0062cc;
    }

    .fondo {
        background: transparent !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    #tituloFormulario {
        display: none;
    }

    .col-md-12.d-flex.fondo.justify-content-end.mt-5 {
        justify-content: center !important;
    }
}