#wrapper{
	margin:0px auto;
	width:90%;
	border:solid black 1px;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 25px;
	margin: 0px;
	border: solid black 1px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
	position: relative;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

.orange{
    background-color: #D86836;
    color: aliceblue;
    padding: 25px;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}

@media only screen and (max-width: 720px) {
	.span_1_of_8 {
		width: 22.6%;
		margin: 1% 0 1% 3.2%;
	}
	
	.span_1_of_8:nth-child(4n+1) {
		clear: both;
		margin-left: 0;
	}
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	/*  GRID OF FOUR  */
	.span_4_of_4 {
		width: 100%;
	}
	.span_3_of_4 {
		width: 100%;
	}
	.span_2_of_4 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 100%;
	}
	/*  GRID OF EIGHT  */
	.span_8_of_8 {
		width: 100%; 
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	
}

.footer{
    color: #D86836;
    border: 0;
}

.buttons{
    color: #D86836;
    font-weight: bolder;
}

.paragraph{
    color: black;
}

h2{
    color: #D86836;
}

.primarynav a{
	text-decoration:none;
	color:#D86836;
	font-weight:bold;
}

.primarynav a:hover{
	text-decoration:none;
	color:#D86836;
	font-weight:bold;
	text-decoration-line: underline;
}

.vl {
  border-left: 1px solid green;
  height: 15%;
  position: absolute;
  left: 25%;
  top: 9%;
}

.orangeh5 {
	color: #D86836;
	font-weight: bold;
}

.vl2 {
  border-left: 1px solid green;
  height: 20%;
  position: absolute;
  left: 25%;
  top: 16%;
}

.by{
	font-weight: bold;
}