@media (max-width: 480px){
	.grid-mobile-1{width: 8.33%; float:left; }
	.grid-mobile-2{width: 16.66%; float:left;}
	.grid-mobile-3{width: 25%; float:left;}
	.grid-mobile-4{width: 33.33%; float:left;}
	.grid-mobile-5{width: 41.66%; float:left;}
	.grid-mobile-6{width: 50%; float:left;}
	.grid-mobile-7{width: 58.33%; float:left;}
	.grid-mobile-8{width: 66.66%; float:left;}
	.grid-mobile-9{width: 75%; float:left;}
	.grid-mobile-10{width: 83.33%; float:left;}
	.grid-mobile-11{width: 91.66%; float:left;}
	.grid-mobile-12{width: 100%; float:left;}
}

@media (min-width: 480px){
	.grid-tablet-1{width: 8.33%; float:left; }
	.grid-tablet-2{width: 16.66%; float:left;}
	.grid-tablet-3{width: 25%; float:left;}
	.grid-tablet-4{width: 33.33%; float:left;}
	.grid-tablet-5{width: 41.66%; float:left;}
	.grid-tablet-6{width: 50%; float:left;}
	.grid-tablet-7{width: 58.33%; float:left;}
	.grid-tablet-8{width: 66.66%; float:left;}
	.grid-tablet-9{width: 75%; float:left;}
	.grid-tablet-10{width: 83.33%; float:left;}
	.grid-tablet-11{width: 91.66%; float:left;}
	.grid-tablet-12{width: 100%; float:left;}
}

body{ margin: 0px;}

*{
	box-sizing: border-box;
}

@media (min-width: 800px){
.grid-col-1{width: 8.33%; float:left; }
.grid-col-2{width: 16.66%; float:left;}
.grid-col-3{width: 25%; float:left;}
.grid-col-4{width: 33.33%; float:left;}
.grid-col-5{width: 41.66%; float:left;}
.grid-col-6{width: 50%; float:left;}
.grid-col-7{width: 58.33%; float:left;}
.grid-col-8{width: 66.66%; float:left;}
.grid-col-9{width: 75%; float:left;}
.grid-col-10{width: 83.33%; float:left;}
.grid-col-11{width: 91.66%; float:left;}
.grid-col-12{width: 100%; float:left;} 
.grid-flex{ display: flex; }
}
.grid-row::after{
	content: "";
	clear: both;
	display: table;
}