/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
}
* {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clear {
	clear: both;
}
.flex {
	display: flex;
	flex-wrap: wrap;
}
.flex.alinearhorizontal {
	align-items: center ;
}
img {
	max-width: 100%;
	height: auto;
}

.grid_2, .grid_3, .grid_4, .grid_6, .grid_8, .grid_9, .grid_100 {
	display: inline-block;
	margin: 0 auto;
}
.grid_100{
	width: 100%;
	    margin: 0 auto;
	
}

.grid_12 {
	width: 98%;
	    margin: 0 auto;
	
}
.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: 1280px) {
}

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

@media only screen and (max-width: 799px) {
.grid_3 {
	width: 100%;
}
.grid_4 {
	width: 100%;
}
.grid_6 {
	width: 100%;
}
.grid_8 {
	width: 100%;
}
.grid_9 {
	width: 100%;
}

.grid_12 {
	width: 96%;
	    margin: 0 auto;
	
}
}

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

}