body {
    background: #f6bc27;
}
.login {
    background: #f8f8f8;
    height: 100vh;
    width: 80%;
    padding: 40px;
}

.login .logo {
    text-align: center;
    margin: 0 auto;
    padding: 20px;       
}
.login .form-control {
    display: block;
    width: 100%;
    padding: 0.575rem 0.5rem;
}

.login .btn-primary {
    background-color: #ffb900;
    border: none;
    padding: 10px 20px;
}
@media (min-width: 768px) { 
    .login {      
        width: 50%;
    }
}
@media (min-width: 320px) and (max-width: 480px){
    .login .logo {     
        padding: 0px;       
    }
}