html, body {
	height:100%;
}

body {
	background:rgb(200,210,203) url('../pics/flat12/flat12_background.jpg') fixed;
	background-size:cover;
	color:white;
}

figure img {
	border:0px !important;
}

.archive-page #content section {
	background:rgba(0,0,0,0.1);
}

#content header a {
	color:white !important;
}


@media only screen and (min-width: 650px) {

.archive-page #content #stephen,
.archive-page #content #catie {
	float:right;
	margin-right:50px;
}

}/* closes media 	query for 650+ */	


@media only screen and (min-width: 860px) {

.archive-page #content #stephen,
.archive-page #content #catie {
	margin-right:20px;
}


}/* closes media 	query for 860+ */	

@media only screen and (min-width: 1024px) {
	
.archive-page #content {
	width:700px;
}

.archive-page #content section {
	background:none;
}

#content>header {
	top:355px; 
	left:470px; 
	width:170px !important;
}

#content header a:hover,
#content header a:focus {
	color:#f96 !important;
	
}

#angela header {
	/*top:137px; 
	left:-20px;*/
	top:247px; 
	left:-106px;
}

#angela figure {
	top:166px; 
	left:0px; 
	width:70px !important;
}



#stephen header {
	top:609px; 
	left:174px;
}

#stephen figure {
	top:100px; 
	left:100px; 
	width:70px !important;
}



#cole header {
	top:153px; 
	left:204px;
}

#cole figure {
	top:168px; 
	left:200px; 
	width:70px !important;
}


#catie header {
	top:326px; 
	left:235px;
}

#catie figure {
	top:100px; 
	left:300px; 
	width:70px !important;
}


#ecb header {
	top:153px; 
	left:410px;
}

#ecb figure {
	top:168px; 
	left:400px; 
	width:70px !important;
}
	
	
}/* closes media query for 1024+ */