body, div, h2, dl, dt, dd{margin:0; padding:0;}
body{font-family: 'Roboto', sans-serif;}
#wrapper{background:url(../images/bg.jpg) no-repeat center; background-size:cover; min-height:100vh; padding:5vh 0 0; box-sizing:border-box;}
#wrapper dl{background:#FFF; width:570px; margin:0 auto; padding:2em; box-shadow: 0 1rem 3rem rgba(0,0,0,1); box-sizing:border-box;}
#wrapper dl dt{font-size:24px; text-align:center; margin-bottom:1.2em; font-weight:400;}
#wrapper dl dd{margin-bottom: 1em; display:flex; align-items:center;}
#wrapper dl dd:nth-of-type(3){position:relative; border-top:1px solid rgba(0,0,0,.1); margin:1em 0;}
#wrapper dl dd:nth-of-type(3) em{
	position:absolute; left:0; top:0; font-style:normal; color:#F00; font-weight:bold; line-height:6vh;
	letter-spacing:1px; display:block; text-align:center; width:100%;
}
#wrapper dl dd input{
    display: block; width: 100%; padding: .5rem .75rem; font-size: 1rem; font-weight: 400;  line-height: 1.5; color: #6e707e;
    background-color: #fff; background-clip: padding-box; border: 1px solid #d1d3e2; border-radius: .35rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#wrapper dl dd input:focus {
  color: #6e707e;  background-color: #fff; border-color: #bac8f3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}

#wrapper dl button{
	display:block; border:none; border-radius:.35rem; width:100%; margin:0 auto 0; background:#4e73df; font-weight:600; 
	cursor:pointer; color:#FFF; padding:14px 30px; font-size:1em; letter-spacing:2px;
}
#wrapper h2{margin-top:8vw; padding-bottom:1.5vw; font-size:1em; color:#FFF; letter-spacing:1px; text-align:center;}
#wrapper h2 a{color:#FFF; font-weight:bold; -webkit-transition:0.5s all; -o-transition:0.5s all; -moz-transition:0.5s all; -ms-transition:0.5s all; transition:0.5s all;}
#wrapper h2 a:hover{opacity:.8; -webkit-transition:0.5s all; -o-transition:0.5s all; -moz-transition:0.5s all; -ms-transition:0.5s all; transition:0.5s all;}
@media screen and (max-width:1002px){
	#wrapper dl{width:430px; padding:1.7em;}
	#wrapper dl dd:nth-of-type(3) em{line-height:5vh;}
}
@media screen and (max-width:643px){
	#wrapper dl{width:322px; padding:1.5em;}
	#wrapper h2 {font-size:2.5vw;}
}