@font-face {
    font-family: OpenSans;
    src: url(fonts/OpenSans-Regular.ttf);
  }
#dot-red{
    color:#e30000;
}
#input-login{
    max-width:90%;
    margin-left: auto;
    margin-right: auto;
    }
.bg-webd-color{
    background-color: #e30000;
    color: white;
}
.top{
    padding: 7%;
}
.content{
background-color:#112646;
color:white;
text-align: center;
padding: 2%;
font-family: OpenSans;
height:100%;
  width:100%;
  overflow:hidden;
}
.footer{
padding-top:10%;
}

@media only screen and (min-width: 600px) and (min-height: 600px) {
.top{
    padding: 2%;
}
.footer{
padding-top:unset;
position: absolute;
bottom: 0;
width: 100%;
height: 5rem; 
}
#input-login{
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    }
}