body	{
		background-color: gray;
}

object {
		width: 100%;
		height: 100%;
}

#wrapper {
		background-color: #7b96b9;
}



article {
		background-color: white;
}

header {	margin: 10px; }



footer	{	
		margin-top: 20px;
		text-align: center;
		clear: both;
	}

img 	{	
		width: 100%;
		height: auto;
	}


nav	{
		font: 1.4em Calibri,Helvetica,sanserif;
		background-color: #24518b;
	}

nav ul	{	
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}


nav li a {	
		display: block;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		color: white;
	}

nav li a:hover {
		background: #24858b;
	}

/* unvisited link */
a:link 	{
	}

/* visited link */
a:visited {
	}

/* mouse over link */
a:hover {
	}

/* selected link */
a:active {
	}

/* PHONES */
@media only screen and (max-width: 825px) {
	
h1,h4	{
		margin: 10px 0 10px 0;
		padding: 0;
		background-color: #24518b;
		color: white;
		border: 1px solid black;
}

#headshot {
		float: right;
		width: 50%;
}

#wrapper {	
		width:100%;
		padding: 0;
		margin: 0;
	} 

aside,
article {	
		width: 100%; 
		margin: 0;
		padding: 0;
		border: none;
		box-shadow: none;
		font: 1.4em Calibri,Helvetica,sanserif;
	}

} /* END PHONES */


/* DESKTOPS */
@media only screen and (min-width: 825px) {

#wrapper {	
		width: 80%;
		border:2px solid black;
		padding: 0;
		margin:2.5em auto 20px auto;
	}
	
#resume {
		height: 700px;
}
	
h1,h4	{
		margin: 10px;
		padding: 10px;
		background-color: #24518b;
		color: white;
		border: 1px solid black;
}

#headshot {
		float: right;
		width: 30%;
}

aside {	
		float: left;	
		padding: 5px; 
		margin: 5px;
		width: 20%;
	}
	
article	{	
		float: left;
		border: 1px solid;
		box-shadow: 3px 3px 3px;
		padding: 10px;
		margin: 10px;
		width: 70%;
		height: 75%;
	}

img	{	
		margin: 10px;
		padding: 10px;
		width: 95%;
	}


nav	{	
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		width: 100%;
		margin: 0;
	}

nav li 	{	 }

aside h4 	{
		text-align: center;
}

nav li a {	border-right: 1px solid black; 
		border-left: 1px solid black;
		}


} /* END DESKTOPS */