.loginbox {
    width: 440px;
    height: 470px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}

.loginlogo {
    height: 50px;
    margin-top: 4%;
    margin-left: 24%;
    margin-right: 24%;
    vertical-align: middle;
}

.welcome-back {
    width: 162px;
    height: 27px;
    font-family: Nunito-Regular, serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
}

.email-address {
    height: 24px;
    font-family: Nunito-Bold;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    margin-left: 5%;
}

.email-address-input {
    margin-left: 1%;
}

.forgot-password {
    font-family: Nunito-Regular;
    text-decoration: underline;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #d71920;
    margin-left:2%
}

.login-button {
    width: 400px;
    height: 44px;
    background-color: #e02020;
    margin-left:5%;
}

.login-text {
    font-family: Nunito-Bold;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.login-sign-up {
    width: 264px;
    height: 22px;
    font-family: Nunito-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
}

.login-sign-up a {
    font-family: Nunito-Regular;
    text-decoration: underline;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #d71920;
}

@media (max-width: 480px) {
    .loginbox {
        width: auto;
    }

    .login-button {
        width: 90%;
    }

    .loginlogo {
        margin-left: 18%;
    }
}