.row {
	margin-bottom:5px; 
}

.row:after {
	content: " "; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.col10 {
	float:left;
	width:9%;
	margin-right:1%; 
}

.col20 {
	float:left;
	width:19%;
	margin-right:1%; 
}

.col20 {
	float:left;
	width:19%;
	margin-right:1%; 
}

.col30 {
	float:left;
	width:29%;
	margin-right:1%; 
}

.col40 {
	float:left;
	width:39%;
	margin-right:1%; 
}

.col50 {
	float:left;
	width:49%;
	margin-right:1%; 
}

.col60 {
	float:left;
	width:69%;
	margin-right:1%;
}

.col70 {
	float:left;
	width:69%;
	margin-right:1%;
}

.col80 {
	float:left;
	width:79%;
	margin-right:1%; 
}

.col90 {
	float:left;
	width:89%;
	margin-right:1%; 
}

.main-col {
	max-width: 38.75rem;
	position: relative;
	float: left;
}

.main-col {
	max-width: 38.75rem;
	position: relative;
	float: left;
}

.offset .main-col {
	max-width: 38.75rem;
	margin-left:1.25rem; 
	position: relative;
	display: block;
	float: none;
}

.left-flex {
	position: relative;
}

.left-flex h2 {
	font-size: 18px;
	line-height: 24px;
	font-family: 'Guardian Egyptian Web', Georgia, serif;
	font-weight: 900;
}

@media (min-width: 1130px) {
	.offset .main-col {
		margin-left:11.25rem; 
		width:560px;
		float: left;
		}  
}

@media (min-width: 1300px) {
	.offset .main-col {
		margin-left: 16.25rem;
		width:640px;
		float: left;
	} 
}

@media (min-width: 46.25em) {
	.left-flex {
	position: relative; 
	}
}
@media (min-width: 20em) {
	.left-flex {
	position: relative; }
}
@media (min-width: 30em) {
	.left-flex {
	position: relative; }
}
@media (min-width: 61.25em) {
	.left-flex {
	position: relative; 
	}
}
@media (min-width: 71.25em) {
	.left-flex {
	float: left;
	width: 240px;
	}
}

@media (max-width: 520px) {

.col10, .col20, .col30, .col40, .col50, .col60, .col70, .col80, .col90 {
width:100%;
margin:0;
}

}

@media (max-width: 450px) {

}