.grid_1,.grid_2,.grid_3,.grid_4 {
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%
}

.grid_1 {
	width: 23%
}

.grid_2 {
	width: 48%
}

.grid_3 {
	width: 73%
}

.grid_4 {
	width: 98.0%
}

audio,img,video {
	max-width: 100%
}

@media only screen and (max-width:768px) {
	html {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none
	}
	.grid_1,.grid_2,.grid_3,.grid_4 {
		float: none;
		width: 100%;
		margin: 0 0 2.5em
	}
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix {
	display: inline-block
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}