@charset "UTF-8";

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

.sectionA
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.boxA
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
	padding: 0%;
	margin: 0%;
}

.sectionB
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.boxBL
{
	display: block;
	clear: both;
	float: right;
	width: 100%;
	padding-left: 0%;
}

.boxBR
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}


.sectionC
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.boxCL
{
	display: block;
	clear: both;
	float: right;
	width: 100%;
	padding-left: 0%;
	padding-bottom:1%;
}

.boxCR
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}



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

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

.sectionA
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.boxA
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
	padding: 0%;
	margin: 0%;
}

.sectionB
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.boxBL
{
	display: block;
	clear: both;
	float: right;
	width: 100%;
	padding-left: 0%;
}

.boxBR
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}


.sectionC
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.boxCL
{
	display: block;
	clear: both;
	float: right;
	width: 100%;
	padding-left: 0%;
	padding-bottom:1%;
}

.boxCR
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

}

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

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

.sectionA
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.boxA
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
	padding: 0%;
	margin: 0%;
}

.sectionB
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.boxBL
{
	display: block;
	clear: both;
	float: right;
	width: 65%;
	padding-left: 5%;
}

.boxBR
{
	display: block;
	clear: none;
	float: left;
	width: 30%;
}


.sectionC
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.boxCL
{
	display: block;
	clear: both;
	float: right;
	width: 49.5%;
	padding-left: 1%;
	padding-bottom:0%;
}

.boxCR
{
	display: block;
	clear: none;
	float: left;
	width: 49.5%;
}

}