@charset "utf-8";
/* CSS Document */
/* Mobile Layout: 0-480px.  */	

#picture {
	margin: 1em auto;
	max-width:65%;
}

#text {
	text-align: left;
	padding: 1%;
}

#text2 {
	float:left;
		text-align: left;
		width: 98%;
		margin: 1em auto;
		padding: 1%;
}

#pictures {
	text-align: center;
}
#picture2 {
	margin: 0 auto 1em auto;
}		
td {
	padding:0 1em 1em 0
}
	
	


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
	h1 {
	padding: 0.5em 0 0em 0;
	}	
	
	#picture {
	display: inline-block; 
    vertical-align:middle;
	max-width: 40%;
}

	#text {
		display: inline-block; 
    	vertical-align:middle;
		text-align: left;
		width: 55%;
		margin: 1em auto;
	}
	
	#text2 {
		float:left;
		text-align: left;
		width: 98%;
		margin: 1em auto;
	}
	
#pictures {
	text-align: left;
	clear: both;
	margin: 1em auto;
	float: left;
	width: 100%;
}
#picture2 {
		float: right;
		
	}
	
	
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {	
	#picture {
		max-width: 19%;
		margin: 0 3% 0 3%;
		float: right;
	}

	#pictures {
		border-top-right-radius:10px;
		border-bottom-right-radius:10px;
		border-top:solid 2px #8db863;
		border-right:solid 2px #8db863;
		border-bottom:solid 2px #8db863;
		margin-left:-1.2%;
		padding:0 0 0 1%;
		width:27%;
}
	
	#text {
		width: 64%;
	}
#text2 {
		width: 66%;
		float:left;
		text-align: left;
		margin: 0 0 0 2em;
	}
	
	
}