<style>
*{
padding:0px;
margin:0px;
}
.logo{
position:relative;
top:125px;

}
header{
position:relative;
width:100%;
height:100vh;
background-image:url("images/background2.jpg");
background-repeat: no-repeat;
background-size:100% 100vh;
}

.container{

width:800px;
height:400px;
text-align:center;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

.container-inner{
position:relative;
top:75px;
width:300px;
height:270px;
background-color:white;
float:right;

}
#user{
text-align:center;
width:250px;
height:30px;
font-size:10pt;
border:1px solid #00adef;
}
#myPsw{
text-align:center;
width:250px;
height:30px;
font-size:12pt;
border:1px solid #00adef;
}
#signin{
text-align:center;
width:125px;
height:50px;
background-color:#3ae8e1;
border:none;
color:white;
font-size:18pt;
}
input:focus{
outline:none;
}
h3{
position:relative;
left:-80px;
color:#00adef;
}

@media (max-width:920px)
{
.logo{
width:400px;
top:25px;
}
.container{
width:300px;
}
.container-inner{
width:300px;
float:none;
position:relative;
left:50px;
}
#user{
width:200px;
background-image:none;
}
#myPsw{
width:200px;
background-image:none;
}
#signin{
width:200px;
}
}

@media (max-width:520px)
{
.logo{
width:200px;
top:25px;
}
.container-inner{
top:75px;
width:200px;
}

.container{
top:50%;
left:0%;
transform:translate(0%,-50%);
}

h3{
position:relative;
left:0px;
color:#00adef;
}
#user{
width:200px;
background-image:none;
}
#myPsw{
width:200px;
background-image:none;
}
#signin{
width:200px;
}

}

@media (max-width:520px)
{
#user{
width:180px;
background-image:none;
}
#myPsw{
width:180px;
background-image:none;
}
#signin{
width:180px;
}
}
/*at 360px*/
@media (max-width:360px)
{
.logo{
width:200px;
left:10%;
}
.container{
width:250px;

}
.container-inner{
width:250px;
}

#user{
width:200px;
background-image:none;
}
#myPsw{
width:200px;
background-image:none;
}
#signin{
width:200px;
}
}
</style>