/*
==================================================
CONTACTO
==================================================
*/
<style>
.contact-panel{

    background:#06132d;

    padding:60px;

    border-radius:6px;

}


.contact-info-panel{

    padding-right:40px;

}


.contact-title{

    color:#ffffff;

    font-size:54px;

    font-weight:700;

    margin-bottom:28px;

    line-height:1.1;

}


.contact-description{

    color:#d8dde7;

    font-size:22px;

    line-height:1.8;

    margin-bottom:40px;

}


.contact-image{

    width:100%;

    border-radius:12px;

    box-shadow:0 18px 45px rgba(0,0,0,.30);

}


/*
==================================================
FORMULARIO
==================================================
*/

.contact-form label{

    color:#ffffff;

    font-size:18px;

    margin-bottom:8px;

    display:block;

}


.required{

    color:#ff2d2d;

}


.contact-form .form-control{

    background:transparent;

    border:1px solid rgba(255,255,255,.35);

    color:#ffffff;

    height:54px;

    border-radius:3px;

    font-size:18px;

    box-shadow:none;

}


.contact-form textarea.form-control{

    height:180px;

    resize:none;

    padding-top:16px;

}


.contact-form select.form-control{

    background:#06132d;

    color:#ffffff;

}


.contact-form .form-control::placeholder{

    color:#ffffff;

    opacity:.75;

}


.contact-form .form-control:focus{

    border-color:#ffc107;

    box-shadow:none;

}


.control-group{

    margin-bottom:22px;

}


.contact-submit{

    background:#ffc107;

    color:#ffffff;

    border:none;

    border-radius:2px;

    padding:16px 34px;

    font-size:20px;

    font-weight:700;

    transition:.25s;

}


.contact-submit:hover{

    background:#e7ad00;

    color:#ffffff;

}


/*
==================================================
RESPONSIVE
==================================================
*/

@media(max-width:991px){

    .contact-panel{

        padding:35px;

    }

    .contact-info-panel{

        margin-bottom:45px;

        padding-right:0;

    }

    .contact-title{

        font-size:42px;

    }
https://my.ionos.mx/webhosting/26762bdf-7454-446f-966f-d7cf62fd59ac/webspace-explorer/edit-file?file=contacto.css&path=%2Fprueba%2Fcss#
    .contact-description{

        font-size:18px;

    }

}
</style>