* {
    font-family: 'Roboto', sans-serif;
}

header {
    background: url(../Images/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 1000px;
}

.login {
    height: 500px;
    margin-top: 10%;
}


.input-field input[type=email] {
    border-bottom: 1px solid white;
    box-shadow: 0 1px 0 0 white;
}

.input-field input[type=password] {
    border-bottom: 1px solid white;
    box-shadow: 0 1px 0 0 white;
}

.input-field input[type=text]:active {
    border-bottom: 1px solid darkblue;
    box-shadow: 0 1px 0 0 darkblue;
}

.input-field input[type=text].valid {
    border-bottom: 1px solid darkblue;
    box-shadow: 0 1px 0 0 darkblue;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid darkblue;
    box-shadow: 0 1px 0 0 darkblue;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: white;
}

@media screen and (max-width:670px) {
    header {
        min-height: 500px;
    }
}