div.contentA{ /*Adjustments of the left panel*/
	background-color: rgba(255,126,0,0.20);
	width: 45%; /*Adjustments of size of panel*/
	margin: 20pt 1.5%; /*Adjustments of the panel position*/
	padding-left: 10pt; /*Adjustments of the text position*/
	padding-right: 10pt;
	float: left; /*Float the panel into left side*/
}
div.contentB{ /*Adjustments of the right panel*/
	background-color: rgba(255,126,0,0.20);
	width: 45%; /*Adjustments of size of panel*/
	margin: 20pt 1.5%; /*Adjustments of the panel position*/
	padding-left: 10pt; /*Adjustments of the text position*/
	padding-right: 10pt;
	float: right; /*Float the panel into right side*/
}
h1 { /*Adjustments of header*/
	text-transform: uppercase;
	font-family: "Segoe UI Black";
	color: rgba(255,0,0,1.00);
	-webkit-text-stroke: 2px white;
}
p, ul.listing{ /*Adjustments of the list*/
	font-family: "Segoe Print";
	font-weight: bold;
	color: rgba(153,0,221,1.00);
	margin: 0pt 0pt 2pt; /*This is needed to ensure lesser line spacing on left panel*/
	text-shadow: 3pt 0pt 5pt white, 0pt 3pt 5pt white, -3pt 0pt 5pt white, 0pt -3pt 5pt white; /*Create the white shadow behind the text*/
	font-size: 15pt;
	line-height: 24pt;
}