.col{float: left;}

.col_1{
  width: 100%
}

.col_8{
  width: 80%;
}

.col_7{
	width: 75%;
}

.col_9{
  width: 66.666%;
}

.col_2{
  width: 50%;
}

.col_3{
  width: 33.333333%;
}

.col_4{
	width: 25%;
}

.col_5{
	width: 20%;
}

.col_6{
	width: 16.666666%;
}


.col img{
  width:100%;
}

.clrfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media(max-width:900px){
	.col_6{
		width: 33.333333%;
	}
}

@media(max-width:660px){
	.col_6{ width: 100%; }

	.col_4, .col_7, {
		width: 50%;
	}
}

@media(max-width:375px){
	.col{
		float: none;
	}

    .col_2, .col_3, .col_4, .col_5{
      width: 100%;
    }

}