@font-face {
    font-family: 'BSBook';
    src: url(fonts/BentonSans-Book.woff) format("woff"),
         url(fonts/BentonSans-Book.ttf) format("opentype");
}
@font-face {
    font-family: 'BSBold';
    src: url(fonts/BentonSans-Bold.woff) format("woff"),
         url(fonts/BentonSans-Bold.ttf) format("opentype");
}
body{
    background: linear-gradient(to top, #202B88, #267FCA);
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0;
    font-family: 'BSBook';
}
@media only screen and (min-width:320px) and (max-width:767px){
    #dvHead{
        width: 100%;
        position: relative;
    }
    #dvHead img{
        width: 100%;
    }
    #dvHead p{
        color: #FFFFFF;
        position: absolute;
        font-size: 7vw;
        font-family: 'BSBold';
        top: 52%;
        left: 29%;
        text-align: center;
    }
    #dvTitle{
        color: #FFFFFF;
        width: 50%;
        margin: 6% auto;
        text-align: center;
        font-size: 3.5vw;
    }
    #logo-cobranza{
        text-align: center;
        margin: 6% auto;
    }
    #logo-cobranza img{
        width: 15%;
    }
    #dvLogin{
        margin: 7% auto;
        width: 70%;
        color: #1464A5;
        background-color: #FFFFFF;
        border-radius: 20px;
        text-align: center;
        font-size: 3.4vw;
        padding: 2vw;
    }
    #btnLogin{
        font-size: 3vw;
        width: 50%;
        font-family: 'BSBold';
        text-align: center;
        padding: 6px 0;
        border-radius: 10px;
        background-color: #2DCCCD;
        color: #004481;
        margin: 20px 0%;
        cursor: pointer;
        border: 0;
    }
    #alert{
        width: 50%;
        margin: 0 auto;
        color: #ffa63b;
        font-size: 0.9em;
        display: none;
    }
    #cpEmail {
        padding: 5px 10px;
        border: 1px solid #c6c6c6;
        font-family: 'BSBook';
        width: 70%;
    }
}
@media only screen and (min-width: 768px){
    #dvHead{
        width: 40%;
        position: relative;
        margin: 0 auto;
    }
    #dvHead img{
        width: 100%;
    }
    #dvHead p{
        color: #FFFFFF;
        position: absolute;
        font-size: 3vw;
        font-family: 'BSBold';
        top: 50%;
        left: 28%;
        text-align: center;
    }
    #dvTitle{
        color: #FFFFFF;
        width: 50%;
        margin: 2% auto;
        text-align: center;
        font-size: 2vw;
    }
    #logo-cobranza{
        width: 8%;
        text-align: center;
        position: absolute;
        top: 5%;
        right: 4%;
    }
    #logo-cobranza img{
        width: 100%;
    }
    #dvLogin{
        margin: 3% auto;
        width: 30%;
        color: #1464A5;
        background-color: #FFFFFF;
        border-radius: 20px;
        text-align: center;
        font-size: 1.7vw;
        padding: 2vw;
    }
    #btnLogin{
        font-size: 1.5vw;
        width: 30%;
        font-family: 'BSBold';
        text-align: center;
        padding: 6px 0;
        border-radius: 10px;
        background-color: #2DCCCD;
        color: #004481;
        margin: 20px 0%;
        cursor: pointer;
        border: 0;
    }
    #alert{
        width: 50%;
        margin: 0 auto;
        color: #ffa63b;
        font-size: 0.9em;
        display: none;
    }
    #cpEmail {
        padding: 5px 10px;
        border: 1px solid #c6c6c6;
        font-family: 'BSBook';
        width: 70%;
    }
}