#login-page {
    padding: 10%;
    padding-top: -20px;
    height: auto;
    background-color: rgba(252,251,219,1);
    text-align: center;
}

#login-container {

    width: 100%;
    height: 100%;
}

.style-input {
    height: 50px;
    font-size: 2em;
    color: black!important;
}

#login-btn {
    padding-top: 2em;
}

.center-input {
    text-align: center;
}

.login-text {
    font-size: 2em;
}

.login-separator {
    background: #CCCCCC;
    height: 1px;
    width: 100%; margin: 0 auto;
}

.button-size {
    width: 75%;
    background-color: black!important;
    color: white!important;
    border-color: black!important;
}

.button-size:hover {
    opacity: 0.7;
}

@media only screen and (min-width: 768px) {
    #login-page {
        margin: 0;
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .center-input {
        text-align: center;
        width: 50%; margin: 0 auto;
    }

    .login-separator {
        width: 50%; margin: 0 auto;
    }

    .button-size {
        width: 25%;
    }
}