img {
    width: 100%
}


@media screen and (min-width: 960px) {

i.fas.fa-envelope {
    top: 208px;
}

i.fas.fa-lock { 
    top: 273px;
}
}

@media only screen and (max-width: 959px) and (min-width: 768px)  {

i.fas.fa-envelope {
    top: 185px;
}

i.fas.fa-lock { 
    top: 250px;
}
}

@media only screen and (max-width: 767px) and (min-width: 480px)  {

i.fas.fa-envelope {
    top: 157px;
}

i.fas.fa-lock { 
    top: 222px;
}
}

@media screen and (max-width: 479px) {

i.fas.fa-envelope {
    top: 142px;
}

i.fas.fa-lock { 
    top: 208px;
}
input[type="submit"]:hover {
    width:100%;
}
}

a, a:hover, a:visited {
    color: #004b85
}

h1 {
    color: #004b85;
}

input[type="submit"], input[type="submit"]:hover, button, button:hover {
    background: #004b85;
}