/* Mobile Layout: 449px and below. */
#left-side {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#right-side {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
	padding-left:20px;
}

/* Tablet Layout: 450px to 749px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 450px) {
#left-side {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#right-side {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
	padding-top:30px;
	padding-left:20px;
}

}

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

@media only screen and (min-width: 750px) {
#left-side {
	clear: none;
	float: left;
	width: 50%;
	display: block;
}
#right-side {
	clear: none;
	float: right;
	width: 35%;
	display: block;
	margin:-3% 0 0 0%;
}
}