@font-face {
    font-family: "roc-grotesk-wide";
    src: url("https://use.typekit.net/af/c9606e/00000000000000007735b7cd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
            format("woff2"),
        url("https://use.typekit.net/af/c9606e/00000000000000007735b7cd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
            format("woff"),
        url("https://use.typekit.net/af/c9606e/00000000000000007735b7cd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
            format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

p,
label {
    font-size: 20px;
}

.encuesta_portada {
    width: 100vw;
    height: 280px;
    margin-top: 200px;
}

.logo_portada {
    background-image: url("../img/logo_blanco.svg");
    background-repeat: no-repeat;
    height: 880px;
    background-position-x: calc(100% + 420px);
    background-position-y: calc(100% - 100px);
    position: relative;
}

#contacto_portada {
    background: #0a0add;
    overflow: hidden;
}

.input_form {
    border-radius: 2vw !important;
}

.form_contacto {
    min-width: 27vw !important;
    background-color: #dee6f5;
    border-radius: 1vw;
}

.form_contacto label {
    margin-left: 0.75rem;
}

.form_contacto span {
    font-weight: 600;
}

.contacto_box_left {
    width: 50vw;
}

.contacto_box_right {
    width: 50vw;
}

.formulario_box h6 {
    font-size: 30px;
    font-weight: 600;
    font-family: "roc-grotesk-wide";
    margin-top: 3rem;
}

.rafael_cruz {
    font-weight: 600;
}

.contacto_box h5 {
    font-size: 50px;
    font-weight: 600;
    font-family: "roc-grotesk-wide";
}

.contacto_container {
    margin-top: 4rem;
    margin-bottom: 4rem;
    margin-left: 10rem;
    margin-right: 10rem;
}

.btn_enviar {
    background-color: #000;
    color: #fff;
    border-radius: 3vw;
    text-decoration: none !important;
    border: none;
}

.contactanos {
    padding-right: 5rem;
}

.contactanos h5 {
    font-size: 30px;
    font-weight: 600;
    font-family: "roc-grotesk-wide";
    margin-top: 3rem;
}

textarea.form-control {
    min-height: 150px;
    padding-top: 1.5rem;
}

.form-control {
    padding-left: 1.5rem;
}

input {
    min-height: 50px;
}

input,
textarea {
    font-size: 20px;
}

@media screen and (max-width: 1200px) {
    p,
    label {
        font-size: 13px !important;
    }

    .contacto_container {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .contacto_box_left h5,
    .formulario_box h6 {
        font-size: 25px;
        font-weight: 600;
        font-family: "roc-grotesk-wide";
    }

    .contactanos {
        padding-right: 2rem;
    }

    .contacto_box_left {
        width: 40vw;
    }

    .contacto_box_right {
        width: 50vw;
    }

    input {
        min-height: 35px;
    }

    .form-control {
        font-size: 13px !important;
    }
}

@media screen and (max-width: 650px) {
    .contacto_box_left {
        width: 95vw;
    }

    .contacto_box_right {
        width: 80vw;
    }

    input {
        min-height: 35px;
    }

    .form-control {
        font-size: 13px !important;
    }

    .form_contacto {
        min-width: 80vw !important;
    }
}