@media (max-width: 575px) {
    div.container {
        padding-top: 10px;
        position: relative;
    }

    .fotocontacto {
        display: none;
    }

    .fotocontactomobile {
        background-image: url('imagenes/CB_1_Get_In_Touch.jpg');
        background-repeat: no-repeat;
        display: block !important;
        background-size: cover;
        background-position: center;
        background-size: contain !important;
        min-width: 100vw;
        min-height: 80vh;
    }

    div.contact-formext {
        margin: auto;
    }
    
    .contactbody {
        margin-top: 70px;
    }
}

@media (max-width:991px) and (min-width:576px) {
    div.container {
        padding: 0;
    }

    div.col-7.fotocontacto {
        min-height: 400px;
        margin: auto;
    }

    div.contact-formext {
        margin: auto;
    }

    .contactbody {
        margin-top: 80px;
    }
}

.contactbody {
    color: rgb(65, 41, 121);
}

form {
    margin: auto;
}

td {
    padding: 10px;
}

button {
    margin: auto;
}


td.mensaje {
    display: flex;
    /*esto es para que en escritorio la palabra mensaje aparezca arriba y no a la altura del medio del espacio para el mensaje*/
}

.fotocontacto {
    background-image: url('imagenes/CB_1_Get_In_Touch.jpg');
    background-repeat: no-repeat;
    background-size: 90%;
    /* Cubrir todo el contenido del body */
    /* background-attachment: fixed; /* Fijar la imagen de fondo */
    min-height: 800px;
    padding-top: 20px;
}

.contact-formext h2 {
    margin: auto;
    /* Centra horizontalmente el título */
    margin-bottom: 30px;
    /* Espacio inferior para separar el título del formulario */
    text-align: center;
    /* Centra el texto del título */
}


.contact-formext.col-md-5 {
    margin: auto;
    display: block;
    align-items: center;
    justify-content: center;
}

.contact-formint {
    text-align: center;
    /* Centra el contenido del formulario */
}

.contact-formint table {
    margin: auto;
    /* Centra la tabla dentro del formulario */
}

button[type="submit"] {
    display: block;
    margin: auto;
    margin-top: 20px;
    border-radius: 10px;
    /* Bordado redondeado */
    background-color: rgb(65, 41, 121);
    /* Color de fondo del cuerpo */
    color: white;
    /* Color del texto blanco */
    border: none;
    /* Elimina el borde */
    padding: 10px 20px;
    /* Espaciado interno */
    box-shadow: 1px 1px 1px 1px rgb(241, 90, 41, 0.7);
    /* Sombra */
}

.fotocontactomobile {
    display: none;
}