* {
	box-sizing: border-box;
}

/* Mobile */
[class*="col-"] {
	float: left;
    padding: 15px;
    width: 100%;
}

/* Tablet */
@media only screen and (min-width: 620px) {
    .col-m-1 {width: 10%;}
	.col-m-2 {width: 20%;}
	.col-m-3 {width: 30%;}
	.col-m-4 {width: 40%;}
	.col-m-5 {width: 50%;}
	.col-m-6 {width: 60%;}
	.col-m-7 {width: 70%;}
	.col-m-8 {width: 80%;}
	.col-m-9 {width: 90%;}
	.col-m-10 {width: 100%;}
}

/* Desktop */
@media only screen and (min-width: 900px){
	.col-1 {width: 10%;}
	.col-2 {width: 20%;}
	.col-3 {width: 30%;}
	.col-4 {width: 40%;}
	.col-5 {width: 50%;}
	.col-6 {width: 60%;}
	.col-7 {width: 70%;}
	.col-8 {width: 80%;}
	.col-9 {width: 90%;}
	.col-10 {width: 100%;}
}

.row ::after {
	clear: both;
	content: '';
	display: table;
}