@font-face {font-family:'pnr'; src:url('img/proximanova-regular-webfont.woff') format("woff");}
html, body {background-color:#f4f8f9; height:100%; margin:0; padding:0;}
a, a:visited {color:#03f; cursor:pointer; text-decoration:none;}
a:hover {color:#f30;}
body {font-family:pnr;}
#bg1 {background-position:center center; background-size:cover; width:65%;}
#di1 {height:100%; min-height:100%;}
#di2 {text-align:center;}
#di2 .d2 {display:none; text-align:center;}
#di2 a {color:#14c8fa;}
#di2 button {background-color:#ff4d66; border-radius:5px 5px 5px 5px; border:none; color:#fff; cursor:pointer; font-size:.9em; outline:none; padding:1vw; width:100%;}
#di2 form div {margin:.5vw 0;}
#di2 form input {border-color:#e6e6e6; border-radius:5px 5px 5px 5px; border-style:double; border-width:.5px; font-family:pnr; font-size:.9em; height:50px; outline:none; padding:1vw; width:100%; box-sizing:border-box;}
#di2 form {width:70%;}
#di2 img {margin-bottom:2vw; width:80px;}
#di2 p {margin-bottom:1em; text-align:center; width:85%;}
#di2 p.e1 {color:#f00; font-size:.8em;}
#di2 p.e1 i {color:#000; font-style:normal;}
#di2 {display:flex; height:100%;}
#di3 {align-items:center; display:flex; flex-direction:column; justify-content:center; width:35%;}
#img2 {display:none;}
@media (min-width:10px) and (max-width:999px){
	#bg1 {height:40%; opacity:.7; width:100%;}
	#di2 {flex-direction:column;}
	#di2 p {font-size:.8em;}
	#di2 button {padding:3vw;}
	#di2 form div {margin:2vw 0;}
	#di2 form input {height:50px;}
	#di2 img {display:none;}
	#di3 {width:100%;}
	form {margin-top:-40px; z-index:1}
	#img2 {display:flex !important; margin-top:2em; width:100px !important;}
}