/*XTRA-Small devices (landscape phones, 576px and up)*/
@media (min-width: 0px) and (max-width: 360px) {
    section {
        min-height: 66.3vh;
    }

    #ContGeneral {
        padding-top: 5vw;
    }

    #WhiteCont {
        width: 90%;
        padding-top: 10vw;
        padding-bottom: 1vw;
    }

    #oAlertas {
        width: 90%;
        margin: auto !important;
        font-size: 10px;
    }

    #WhiteCont > p {
        font-size: 5.5vw;
    }

    #ContInputs {
        width: 95%;
    }

    input {
        height: 11vw;
        padding-left: 2vw;
    }

        input[type="email"] {
            font-size: 3.5vw;
        }
        
    label {
        text-align: left;
        font-weight: 200;
        font-size: 4vw;
    }

    #ContLabel {
        margin-top: 6vw;
    }

    #ContBotones {
        padding-bottom: 4px;
        padding-top: 2px;
    }

    .BtnEnviar {
        width: 50%;
        height: 7vw;
        font-size: 3.5vw;
    }

        .BtnEnviar:hover {
            width: 50%;
            height: 7vw;
            font-size: 3.5vw;
        }

    #Parrafo1 {
        font-size: 3.1vw;
        width: 90%;
        line-height: 3.5vw;
    }
}

/*XTRA-Small devices (landscape phones, 576px and up)*/
@media (min-width: 360.1px) and (max-width: 576px) {
    *{
        font-size: 4.5vw;
    }
    
    section {
        min-height: 67.3vh;
    }

    #ContGeneral {
        padding-top: 5vw;
    }

    #WhiteCont {
        width: 90%;
        padding:5vw 5vw 10vw 5vw;
        
    }

    #oAlertas {
        width: 90%;
        margin: auto !important;
        font-size: 10px;
    }

    #WhiteCont > p {
        font-size: 6vw;
    }

    #ContInputs {
        width: 95%;
    }

    input {
        height: 9vw;
        padding-left: 2vw;
        margin-top: 2vw;
    }

        input[type="email"] {
            font-size: 3.5vw;
        }
        
    label {
        text-align: left;
        font-weight: 200;
        font-size: 4vw;
        margin-top: 5vw;
    }

    #ContLabel {
        margin-top: 6vw;
    }

    #ContBotones {
        padding-bottom: 0px;
        padding-top: 5vw;
    }

    .BtnEnviar {
        width: 65%;
        height: 13vw;
        padding: 0;
        font-size: 4.5vw;
    }

        .BtnEnviar:hover {
            width: 65%;
            height: 13vw;
            font-size: 4.5vw;
        }

    #Parrafo1 {
        font-size: 3.5vw;
        width: 90%;
        margin-top: 3vw !important;
        line-height: 6vw;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 768px) {
    * {
        font-size: 3.5vw;
    }

    section {
        min-height: 67.3vh;
    }

    #ContGeneral {
        padding-top: 0vw !important;
    }

    #WhiteCont {
        width: 80% !important;
        padding: 3vw 5vw 7vw 5vw;
    }

    #oAlertas {
        width: 90%;
        margin: auto !important;
        font-size: 10px;
    }

    #WhiteCont > p {
        font-size: 5vw !important;
    }

    #ContInputs {
        width: 95%;
    }

    input {
        height: 7vw !important;
        padding-left: 3vw;
        margin-top: 2vw;
    }

        input[type="email"] {
            font-size: 3.5vw;
        }

    label {
        text-align: left;
        font-weight: 200;
        font-size: 3vw !important;
        margin-top: 3vw;
    }

    #ContLabel {
        margin-top: 6vw;
    }

    #ContBotones {
        padding-bottom: 0px !important;
        padding-top: 3vw !important;
    }

    .BtnEnviar {
        width: 70% !important;
        height: 10vw !important;
        padding: 0 !important;
        font-size: 3.5vw !important;
    }

        .BtnEnviar:hover {
            width: 70% !important;
            height: 10vw !important;
            padding: 0 !important;
            font-size: 3.5vw !important;
        }

    #Parrafo1 {
        font-size: 3.5vw !important;
        width: 90% !important;
        margin-top: 3vw !important;
        line-height: 5vw !important;
    }

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    section {
        min-height: 78.3vh;
    }

    #ContGeneral {
        padding-top: 5vw;
    }

    #WhiteCont {
        width: 50%;
        padding-top: 5vw;
    }

    #oAlertas {
        width: 50%;
        margin: auto !important;
        font-size: 10px;
    }

    #WhiteCont > p {
        font-size: 3.0vw;
    }

    #ContInputs {
        width: 95%;
    }

    input {
        height: 4.5vw;
        font-size: 2.5vw;
    }

        input[type="email"] {
            font-size: 3.5vw;
        }

    label {
        text-align: left;
        font-weight: 200;
        font-size: 2vw;
    }

    #ContLabel {
        margin-top: 6vw;
    }

    #ContBotones {
        padding-bottom: 20px;
        padding-top: 2px;
    }

    .BtnEnviar {
        height: 5vw;
        font-size: 3.0vw;
    }

        .BtnEnviar:hover {
            height: 5vw;
            font-size: 3.0vw;
        }

    #Parrafo1 {
        font-size: 1.3vw;
        width: 50%;
        line-height: 1.8vw;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    section {
        min-height: 77.3vh;
    }

    #ContGeneral {
        padding-top: 5vw;
    }
}

@media (min-width: 1200px) and (max-width:1311px) {
    section {
        min-height: 68.3vh;
    }

    #ContGeneral {
        padding-top: 5vw;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}