/* CSS RESET */

* {
	margin:0;
	padding:0;	
	}

html{
	background-color:#d2b78f;
	}
	
body{
	background-color:#fff;
	}
	
header{
	background-color:#4f483e;
	color:#fff;
	}

h1{
	text-align:center;
	padding-bottom:.5em;
	}

p {
	line-height:1.5em;
    margin: 1em 0;
	}
	
.embed-container{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 2em;
	border: 2px solid #000;
	}
	
.embed-container iframe, .embed-container object, .embed-container embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
footer{
	text-align:center;
	clear:both;
	background-color:#686d7b;
	color:#fff;
	text-transform:uppercase;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;	
	}
	
footer a{
	color:#fff;
	}
	
footer a:hover{
	color:#ff0;
	text-decoration:none;
	}
	
/* start reCAPTCHA styles */
		
/* writes to small text above reCAPTCHA upon failure */
	.dateFeedback{
		font-style:italic;
		font-size:70%;
		font-weight:bold;
		color:#f00;
	}
	input:required {
	  border: 1px solid red;
	}

	input:optional, textarea:optional {
	  background-color:#f1f1f1;
	  border:1px solid #ccc;
	}

	input[type="submit"], input[type="button"] {
	  background-color: #fff;
	  border-radius: 4px;
	  border: solid 1px #ccc;
	  padding: 0.3em 0.5em;
	}

	fieldset {
	  border: 1px solid #ccc;
	  max-width: 350px;
	}

	legend {
	  margin-left: 0.5em;
	  margin-bottom: 0.5em;
	  padding: 0.2em 0.5em;
	  border-left: 1px solid #ccc;
	  border-right: 1px solid #ccc;
	}
	
	form div{
		margin-bottom:2%;
		}
	
	/* end reCAPTCHA styles */
	
/* DESKTOP */
@media all and (min-width:1280px){
	body{
		width:80%;
		margin:auto;
	}
	
	article{
		padding-left:2.5%;
		float:left;
		width:64%;
	}

	aside{
		padding-right:2.5%;
		float:right;
		width:26%;
	}
	
	footer{
		font-size:1.2em;
		letter-spacing:.20em;
		padding:25px 0 15px 0;
		}
	
}

/* TABLET */
@media all and (min-width:481px) and (max-width:1279px){
	body{
		background-color:#fff;
	}
	
	article{
		padding-left:2.5%;
		float:left;
		width:64%;
	}

	aside{
		padding-right:2.5%;
		float:right;
		width:26%;
	}
	
	footer{
		font-size:1.2em;
		letter-spacing:.20em;
		padding:25px 0 15px 0;
		}
	
}

/* PHONE */
@media all and (max-width:480px){
	body{
        width:100%;
		background-color:#fff;
	}
	
	article, aside{
        padding:.5em;
		float:none;
		width:90%;
		}
	
}