/* CSS Document */
@charset "utf-8";

/* Mobile Layout: 480px and below. */

#main h2 {
	font-size: 110%;
	font-weight: 600;
	padding: 0px 0px 0px 6.5%;
	margin: 0px;
}
#main h3 {
	font-size: 120%;
	font-weight: 600;
	padding: 2% 0px 0px 5%;
}
#main p {
	padding-left: 11%;
	margin-top: 1%;
}
#main p a {
	color: rgba(255,255,255,1);
}
#main p a:hover {
	color: rgba(102,204,255,1);
}

#side {
	clear: none;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	background-color: rgba(0,0,0,1);
}

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

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

#main h2 {
	padding-left: 4%;
}
#main h3 {
	font-size: 140%;
}
#main p {
	padding-left: 8%;
	margin-top: 1%;
}

#side {
	width: 92%;
	display: block;
	margin: 0px;
	padding: 0px 4% 3%;
	clear: none;
	float: left;
}
.after {
	padding-bottom: 3%;
	display: block;
	width: 100%;
	clear: both;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

#main p {
	padding-left: 8%;
	margin-top: 1%;
}
#main h3 {
	font-size: 160%;
}
#side {
	clear: none;
	float: left;
	width: 80%;
	display: block;
	margin: 0px;
	padding: 1% 10% 5%;
}
.after {
	padding-bottom: 5%;
	display: block;
	width: 100%;
	clear: both;
}
}