.information {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.information .formulario {
    width: 30%;
    margin: 0 5rem;
}

.form-contacto {
    margin: 0 auto;
    width: 100%;
}

.form-contacto label {
    display: inline;
}

.mensaje-exito {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    color: #1A8D5B;
    text-align: center;
}

.mensaje-error {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    color: red;
}

.find-us {
    margin: auto 0;
    width: 40%;
    background-color: #D3EDF8;
    padding: 4vw 2vw;
}

.find-us h3 {
    font-family: 'Poppins-Medium';
    text-align: center;
}

.find-us p {
    margin: 1vw 0;
    text-justify: inter-word;
}

legend {
    font-family: 'Poppins-Medium';
    text-align: center;
    font-size: 2rem;
    margin: 1vw 0;
}

.form-contacto input[type="text"] {
    /*position: relative;*/
    margin: 1vw 0;
    padding: 1vw;
    width: 100%;
}

.form-contacto input[type="text"]:focus,
mensaje:focus {
    border: 2px solid #FEA342;
}

.form-contacto input[type="submit"] {
    width: 100%;
    margin: 0 auto;
}

.mensaje {
    height: 10rem;
    width: 100%;
    margin-bottom: 2rem;
    resize: none;
}

@media (max-width: 800px) {
    .information {
        display: inline;
    }

    .find-us {
        width: 50%;
        height: auto;
        margin: 0 auto;
        min-width: 310px;
    }

    .information .formulario {
        width: 50%;
        margin: 0 auto;
        margin-top: 2rem;
    }
}

@media (max-width: 400px) {
    .information .formulario {
        width: 70%;
    }

    .find-us {
        width: 90%;
        height: auto;
        margin: 0 auto;
        min-width: 0px;
        padding: 2rem 1rem;
    }
}