* {
    font-family: Tahoma, serif;
	font-size: 16px;
    box-sizing: border-box;
}

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

[class*="col-"] {
/*	margin: 2px;
	padding: 2px;
*/
    float: left;
/*
	border: 1px solid #444444;
*/
}

.col-m-1  {width: 100%;}
.col-m-2  {width: 100%;}
.col-m-3  {width: 100%;}
.col-m-4  {width: 100%;}
.col-m-5  {width: 100%;}
.col-m-6  {width: 100%;}
.col-m-7  {width: 100%;}
.col-m-8  {width: 100%;}
.col-m-9  {width: 100%;}
.col-m-10 {width: 100%;}
.col-m-11 {width: 100%;}
.col-m-12 {width: 100%;}

@media only screen and (min-width: 741px) {    /* 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: 1000px) {    /* For desktop: */

	[class*="col-"] {
/*
		padding: 2px;
*/
		float: left;
	}
	
    .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%;}
	
}