.LoginWrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
h2 { text-align: center; padding-bottom: 20px; }
h2 img { width: 350px; }
.loginbox {
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden; 
}
fieldset { border: none; padding-top: 20px;}

input { 
	border: 1px solid #aaa;
	width: 400px;
    margin: -1px;
    padding: 18px 19px 19px;
    box-sizing: border-box;
    outline: none; 
    
}

button.loginpagebtn { 
	display: block;
	width: 400px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	padding: 18px 19px 19px;
	background: #d96b2b;
	border-radius: 5px;
	color: #fff;
	margin-top: 20px; }
	
h3:first-of-type { color: blue; padding-bottom: 5px; }
h3:last-of-type { text-indent: 22px; font-size: 16px; }
span { color: red; }

@media screen and (max-width: 720px){
	.LoginWrap { width: 90vw !important; }
	.loginbox { width: 90%; }
	input { width: 101% !important; }
	h2 img { width: 80vw; }
	section{ height: 100vh; }
	.loginpagebtn { width: 90% !important; }
	.loginbox { margin: 0 auto; }
	.LoginWrap button { margin: 20px auto; }
	fieldset { margin: 0 auto; text-align: center; }
}