* {
    box-sizing: border-box;
}
[class*="col_"] {
 float: left;
 width:100%;
 padding:0px;
 /*border: 1px solid green;*/
 }
.row:after {
 content: "";
 clear: both;
 display: block;
 /*border: 1px solid red;*/
 }
.col-img {
 position:relative;
 width: 180px;
 left: 50%;
 margin-left:-89px;
 top:-30px;
}
.col-screen{
 width:100%;
 position:relative;
 left:0%;
 margin-left:0px;
}
@media only screen and (min-width: 600px) {
 /* For tablets: */
 .col_t_1 {width: 8.33%;}
 .col_t_2 {width: 16.66%;}
 .col_t_3 {width: 25%;}
 .col_t_4 {width: 33.33%;}
 .col_t_5 {width: 41.66%;}
 .col_t_6 {width: 50%;}
 .col_t_7 {width: 58.33%;}
 .col_t_8 {width: 66.66%;}
 .col_t_9 {width: 75%;}
 .col_t_10 {width: 83.33%;}
 .col_t_11 {width: 91.66%;}
 .col_t_12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
 /* For desktop: */
 .col_1 {width: 8.33%;}
 .col_2 {width: 16.66%;}
 .col_3 {width: 25%;}
 .col_4 {width: 33.33%;}
 .col_5 {width: 41.66%;}
 .col_6 {width: 50%;}
 .col_7 {width: 58.33%;}
 .col_8 {width: 66.66%;}
 .col_9 {width: 75%;}
 .col_10 {width: 83.33%;}
 .col_11 {width: 91.66%;}
 .col_12 {width: 100%;}
}
@media only screen and (min-width: 950px) {
 .col-screen{
  width: 950px;
  margin: auto;
 }
}
.colpaddten{
 padding:10px;
}
.colpaddtwo{
 padding:2px;
}
.colrigth{
 float:right;
}