@media (max-width: 820px) {
    #reparto {
        margin-block-start: 0.6%;
        margin-block-end: 0.6%;
        font-size: 2vw;
    }

    #logo {
        width: 300px;
        height: 100%;
        text-align: center;
    }

    #login_box {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        padding-top: 1%;
        padding-bottom: 10%;
    }

    .font_28 {
        font-size: 6vw;
    }

    .font_16 {
        font-size: 5vw;
    }
        .font_14 {
        font-size: 4vw;
    }
}

@media (min-width:821px) {
    #reparto {
        margin-block-start: 0.6%;
        margin-block-end: 0.6%;
        font-size: 1vw;
    }

    #logo {
        width: 400px;
        height: 100%;
        text-align: center;
    }

    #login_box {
        width: 48%;
        margin-left: 26%;
        margin-right: 26%;
        padding-top: 1%;
        padding-bottom: 4%;
    }

    .font_28 {
        font-size: 2.8vw;
    }

    .font_16 {
        font-size: 1.6vw;
    }

    .font_14 {
        font-size: 1.5vw;
    }
}

header {
    background-color: rgb(29, 59, 124);
}

#reparto {
    color: rgb(23, 44, 63);
}

.espacio {
    margin-block-start: 0.1%;
    margin-block-end: 0.1%;
}

.center {
    text-align: center;
}

.font_28 {
    color: rgb(50, 84, 116);
}

.font_16 {
    color: rgb(23, 44, 63);
}

#login_box {
    margin-top: 20px;
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.75);
    height: 100%;
    margin-bottom: 120px;
}

.input_text {
    outline: none;
    border: none;
    border-bottom: 1px solid rgb(182, 182, 182);

    color: rgb(70, 97, 114);
}

#boton {
    border: 1px solid;
    margin-top: 2%;
    padding: 3% 6% 3%;
    color: white;
    background-color: rgb(29, 59, 124);
    cursor: pointer;

    transition: background-color 0.1s linear;
}

#boton:hover {
    background-color: rgb(42, 157, 211);
}

.noaccount {
    font-size: 12px;

    cursor: pointer;
}