*
{
	box-sizing: border-box;
}
.row
{
	max-width: 1280px;
	margin: auto;

}

.fullrow
{
	width: 100%;
}

.row:after, .fullrow:after
{
	display: block;
	clear: both;
	content: "";
}

.clm
{
	padding: 10px 5px;
	float: left;
}

.l-1{width: 8.333%}
.l-2{width: 16.666%}
.l-3{width: 25%;}
.l-4{width: 33.333%;}
.l-5{width: 41.6666%}
.l-6{width: 50%;}
.l-7{width: 58.333%;}
.l-8{width: 66.666%;}
.l-9{width: 75%;}
.l-10{width: 83.333%;}
.l-11{width: 91.666%;}
.l-12{width: 100%;}


@media all and (max-width: 60em)
{
	.m-1{width: 8.333%}
	.m-2{width: 16.666%}
	.m-3{width: 25%;}
	.m-4{width: 33.333%;}
	.m-5{width: 41.6666%}
	.m-6{width: 50%;}
	.m-7{width: 58.333%;}
	.m-8{width: 66.666%;}
	.m-9{width: 75%;}
	.m-10{width: 83.333%;}
	.m-11{width: 91.666%;}
	.m-12{width: 100%;}
}

@media all and (max-width: 40em)
{
	.s-1{width: 8.333%}
	.s-2{width: 16.666%}
	.s-3{width: 25%;}
	.s-4{width: 33.333%;}
	.s-5{width: 41.6666%}
	.s-6{width: 50%;}
	.s-7{width: 58.333%;}
	.s-8{width: 66.666%;}
	.s-9{width: 75%;}
	.s-10{width: 83.333%;}
	.s-11{width: 91.666%;}
	.s-12{width: 100%;}

	footer .clm
{
	float: right;
}

}