/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
}
* {
	padding: 0px;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
    vertical-align: middle;
}

.clear {
	clear: both;
}
.flex {
	display: flex;
	flex-wrap: wrap;
}

img {
	max-width: 100%;
	height: auto;
}

.grid_3, .grid_4, .grid_6, .grid_8, .grid_9,.grid_12, .grid_100 {
		margin-left:auto;
	margin-right:auto;
}
.grid_100{
	width: 100%;
	
}
.grid_12 {
	width: calc(100% - 4em);
}
.grid_3 {
	width: 25%;
}
.grid_4 {
	width: 33.3%;
}
.grid_6 {
	width: 50%;
}
.grid_8 {
	width: 66.6%;
}
.grid_9 {
	width: 75%;
}

@media only screen and (max-width: 1120px) {
	.grid_12{
	width:94%;	
	}
}

@media only screen and (max-width: 1024px) {

.grid_3 {
	width: 100%;
}
.grid_4 {
	width: 100%;
}
.grid_6 {
	width: 100%;
}
.grid_8 {
	width: 100%;
}
.grid_9 {
	width: 100%;
}

}

@media only screen and (max-width: 499px) {

}