@import url('reset.css');
@import url('retypography.css');
@import url('reform.css');

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.rgrow {
	width: 100%;
	position: relative;
}

.rgcol {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-right: -4px;
}

.rginline {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-right: -4px;
}

.rgcenter {
	vertical-align: middle;
}

.rgbottom {
	vertical-align: baseline;
}

.rggutters .rgcol {
	margin-left: 0.75%;
	margin-right: -4px;
	margin-bottom: 1%;
}

.rggutters .rgrow {
	margin-top: 1%;
}

/** Automatic Media Resizing **/
.rgcol img, .rgcol iframe, .rgcol embed, .rgcol object, .rgcol video, .rgcol audio {
	max-width: 100%;
}

.rgrow img, .rgrow iframe, .rgrow embed, .rgrow object, .rgrow video, .rgrow audio {
	max-width: 100%;
}

.rginline img, .rginline iframe, .rginline embed, .rginline object, .rginline video, .rginline audio {
	max-width: 100%;
}

.rgcontent {
	padding: 10px;
	position: relative;
	display: block;
}

.rgspan1 { width: 8.33%; }
.rgspan2 { width: 16.66%; }
.rgspan3 { width: 24.99%; }
.rgspan4 { width: 33.32%; }
.rgspan5 { width: 41.65%; }
.rgspan6 { width: 49.98%; }
.rgspan7 { width: 58.31%; }
.rgspan8 { width: 66.64%; }
.rgspan9 { width: 74.97%; }
.rgspan10 { width: 83.30%; }
.rgspan11 { width: 91.63%; }
.rgspan12 { width: 99.96%; }

.rggutters .rgspan1 { width: 7.33%; }
.rggutters .rgspan2 { width: 15.66%; }
.rggutters .rgspan3 { width: 23.99%; }
.rggutters .rgspan4 { width: 32.32%; }
.rggutters .rgspan5 { width: 40.65%; }
.rggutters .rgspan6 { width: 48.98%; }
.rggutters .rgspan7 { width: 57.31%; }
.rggutters .rgspan8 { width: 67.64%; }
.rggutters .rgspan9 { width: 73.97%; }
.rggutters .rgspan10 { width: 82.30%; }
.rggutters .rgspan11 { width: 90.63%; }
.rggutters .rgspan12 { width: 98.96%; }

@media only screen and (max-width: 480px) {
	.rgcol {
		width: 100%;
		display: block;
		margin-right: 0px;
		margin-left: 0px;
	}

	.rgrow img {
		float: none !important;
		max-width: 100%;
	}

	.rggutters .rgcol {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 1%;
		margin-right: 0px;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
	.rgcol {
		width: 100%;
		display: block;
		margin-right: 0%;
		margin-left: 0px;
	}

 .rgrow img {
	float: none !important;
		max-width: 100%;
	}

	.rggutters .rgcol {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 1%;
		margin-right: 0px;
	}

}