body {
    background-color: #0F6B9C;
    color: white;
    font-family: "San Francisco", "Helvetica Neue", "Lucida Grande",sans-serif;
}
.navbar {
    height: 10vh!important;
}
.feature-1 {
    order: 0;
    width: 33.3%;
    float: left;
    /*height: 30vh;*/
    height: 30vh;
}
.feature-2 {
    order: 0;
    width: 33.3%;
    float: left;
    /*height: 30vh;*/
    height: 30vh;
}
.icon {
    width: 60%;
    height: 60%;
    /*margin-top: 10vh;*/
    margin-top: 10vh;
}

input {
    border-radius: 9999px!important;
    width: 60%!important;
    margin: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#loginButton {
    background-color: #00B3D9;
    border-radius: 9999px!important;
    width: 40%!important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#passwordDimenticataButton {
    background-color: transparent;
    border-color: transparent;
    color: white;
    margin-top: 20px;
    width: 100%;
}

#passwordDimenticataButton:focus {outline:0;}

@media only screen and  (max-width: 900px) {  /*(min-width: 750px) and*/
    .feature-1 {
        order: 0;
        width: 10%;
        float: left;
        /*height: 30vh;*/
        height: 30vh;
    }
    .feature-2 {
        order: 0;
        width: 80%;
        float: left;
        /*height: 30vh;*/
        height: 30vh;
    }
}