@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,700,700italic);

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

html {
	background-color: #0080bc;
	min-width:340px;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:600;
	width:85%;
	background:white;
	
}

header { width:300px; margin:0 auto; }

header h1{
	color:#22A2B3;
	font-size:40px;
	font-weight:500;
	margin-bottom:40px;
}

header .logo{ background-image: url(../img/cd_logo.png); }
section { width:300px;margin:0 auto;}

input{
	display:block;
	width:291px;
	height:45px;
	font-size:24px;
	border: solid 2px #22A2B3;
	color:#5B5B5B;
	font-family: 'Open Sans', sans-serif;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

input:focus{
	border: solid 2px #C00;
}

#submit_btn{
	width:296px;
	height:45px;
	text-align:center;
	color:white;
	background:#0080bc;
	font-size:24px;
	letter-spacing:1px;
	line-height:44px;
	border: solid 2px #0080bc;
	margin:0 auto;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	cursor:pointer;
}

#submit_btn:hover{ background:white; color:#0080bc; }

#error{
	width:100%;
	height:61px;
	text-align:center;
	color:#C00;
	font-size:22px
}

@media all and (min-width: 780px) {
	/*layout*/

body { margin-top:50px !important; padding:70px 0 100px; margin:0 auto;}

header .logo{
	width: 300px;
	height: 220px;
	background-size: 100% auto;
}

form { width:300px; margin:0 auto; }
#submit_btn, input { margin-bottom: 30px; }
	
	/*content styles*/

input{ padding-left:5px; }
	
}

@media all and (min-width: 481px) and (max-width: 779px) {
	body { margin-top:30px !important; padding:75px 0 75px; margin:0 auto; }
	header .logo{
	width: 300px;
	height: 220px;
	background-size: 100% auto;
}

form { width:300px; margin:0 auto; }
#submit_btn, input { margin-bottom: 30px; }
	
	/*content styles*/

input{ padding-left:5px; }

}

@media all and (max-width: 480px) {
html{
	background-color:#FFF;
	padding:0;
	margin:0;
}
body { 
margin:30px 0 !important;
padding:10px 0 10px;
width:100%;
}
header .logo{
	background-repeat:no-repeat;
	width: 225px;
	height: 180px;
	background-size: 100% auto;
	margin:0 auto;
}
header h1{
	font-size:40px;
	font-weight:500;
	margin-top:5px;
	margin-bottom:20px;
}

form { width:300px; margin:0 auto; }
#submit_btn, input { margin-bottom: 15px; }
	
	/*content styles*/

input{ padding-left:5px; }

}