section {
    column-gap: 25px;
}

aside {
    height: 100vh;
    width: 40%;
    padding: 60px;

    row-gap: 35px;

    background: #000000;
    color: #ffffff;
}

article {
    height: 100vh;
}

label {
    color: #006db3;
    font-weight: bold;
}

#login-logo {
    width: 75%;
}

.form-control {
    width: 25vw !important;
}

#login-error {
    margin-top: 20px;
}

@media screen and (max-width: 480px){
    section {
        flex-direction: column;!important;
    }

    aside, article {
        width: 100%;
        height: 50%;
    }

    article {
        margin-top: 30px;
        padding: 20px;
    }

    article input {
        width: 100% !important;
    }

    input.form-control {
        width: 100% !important;
    }

    aside {
        padding: 20px;
    }

    #login-title {
        font-size: 25px;
    }

    #login-logo {
        width: 45%;
    }

}