/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}
.span_5_of_5Diary {
	width: 100%;
}
.span_5_of_5Diary h2{
	font-size:1.2em; margin-bottom:-1%;
}
.span_5_of_5Diary p{
	font-size:1.1em !important; 
}
.span_5_of_5Diary a {
	font-size:1.2em; font-weight:bold;
}


.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}
.span_3_of_5 p {
  	margin-top:1%; 
}
.span_3_of_5 h1 {font-size:18px; color:white; color: #888; font-family:'Open Sans', Arial, Helvetica, sans-serif; border:0px solid red !important;}
.span_3_of_5  p {margin-top:6px; margin-bottom:6px}

.span_3_of_5 a:link, a:visited, a:active { color:#357E87 !important; ; font-weight:bold !important; text-decoration:underline}
.span_3_of_5 a:hover {color: red !important;  font-weight:bold  !important}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}

@media only screen and (max-width: 800px) {
	.span_3_of_5 {
		font-size:1em !important; border:0px solid blue !important; line-height:1.4em;
	}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 707px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100% !important; font-size: 1.3em  !important;
	}
	.span_2_of_5 {
		width: 100% !important; clear:both; float:left; font-size: 1.3em !important;
	}
	.span_1_of_5 {
		width: 35%; 
	}
	.span_1_of_5  {
		font-size:8px ;
	}
}