* {
  box-sizing: 		    border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: 	  border-box;
  -o-box-sizing: 		  border-box;
	padding:		0; 
	margin: 		0; 
	border: 		0;
}
html, 
body { 
	margin: 		  0; 
	padding: 		  0;
	font-size: 		62.5%;
	font-family: 	Helvetica, Arial, sans-serif;
	background: 	#eee;
}
body > * { 
	width: 			    100%;
}
header { 
	background: 	  #444;
}
header > form {
	font-size: 		  2em; 
}
header > form > a.prev,
header > form > a.next {
	position:		    absolute;
	top:			      .2em;
	left:			      .1em;
	margin:			    0em;
	padding:		    .6em .4em;
	color:			    #000;
	font-size:       1.9em;
	font-weight:	  bold;
	line-height:	  .2em;
	background:		  #ddd;
	border-radius:	.15em;
	-webkit-border-radius:	.2em;
	-moz-border-radius:		  .2em;
	-o-border-radius:		    .2em;
	border-radius:		      .2em;
	cursor:			pointer;
}
header > form > a.prev:hover,
header > form > a.next:hover,
header > form > select:hover,
header > form > button[type=submit]:hover {
	color:			  #bc0000;
	background:		#fff;
}
header > form > a.next {
	left:			1.7em;
}
header > form > input {
	width: 			  100%; 
	padding: 		  .5em .5em .5em 4.5em; 
	font-size: 		1.5em; 
	color: 			  #fff; 
	background: 	transparent;
}
header > form > select { 
	position: 		absolute; 
	top: 			    .3em;
	right: 			  3.8em;
	padding: 		  .6em .7em;
	background:		#ddd;
	font-size:    1.1em;
	cursor:			  pointer;
	-webkit-appearance: 	none; 
	-moz-appearance: 		  none;
	-o-appearance: 			  none;
	appearance: 			    none;
	-webkit-border-radius:	.3em;
	-moz-border-radius:		  .3em;
	-o-border-radius:		    .3em;
	border-radius:		      .3em;
}
header > form > button[type=submit] { 
	position: 		  absolute;
	top:			      .2em;
	right:			    .2em;
	padding:		    .65em .35em .7em .35em;
	color:			    #000;
	font-size:      1.6em;
	font-weight:	  normal;
	font-size:      1.9em;
	line-height:	  .1em;
	background:		  #ddd;
	-webkit-border-radius:	.3em;
	-moz-border-radius:		  .3em;
	-o-border-radius:		    .3em;
	border-radius:		      .3em;
	cursor:			pointer;
}
section { 
	width: 			  100%;
	margin-top:		1em;
	text-align:		center;
}
section > div {
	background: 	#000;
}
section > iframe, 
section > div {
	width: 			1px;
	margin: 		0 auto;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: 	  all 250ms ease-in-out;
	-o-transition: 		  all 250ms ease-in-out;
	transition: 		    all 250ms ease-in-out;
}
section > iframe {
	height: 		  1px;
	border: 		  1px solid #ccc;
	border-top: 	0px;
}
section > div {
	text-align: 	left;
	padding: 		  .5em;
	color: 			  #fff;
	font-size:    1.8em;
}
section > div > a {
	float: 			right;
	color: 			#fff;
}

footer {
	color: 			  #ccc;
	margin-top: 	10px;
	text-align: 	center;
}
footer > p > a {
	color: 			#ccc;
}