// Mobile
.container{				width: 100%; display: block; margin: 0 auto 0 auto; text-align: left;}	
.col{					margin: 0 3% 0 3%; float: right; display: block;}	
.w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-10, .w-11, .w-12, .w-13, .w-14, .w-15, .w-16{		width: 94%;}
.l-1, .l-2, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l10, .w11, .w12, .w13, .w14, .w15, .w16{				margin: 0 3% 0 3%;}	

// Tablet
@media only screen and (min-width: @minWidthTablet) {
	.container{								width: 100%;}
	.col{									margin: 0 2% 0 2%; float: right; display: block;}
	.w-1, .w-2, .w-3, .w-4, .w-5{			width: 96%;}	
	.w-6, .w-7, .w-8, .w-9, .w-10, {		width: 96%;}
	.w-11, .w-12, .w-13, .w-14, .w-15,{		width: 71%;}
	.w-16{									width: 96%;}
	.l-0, .l-1, .l-2, .l-3, .l-4,{			margin-left: 2%;}
	.l-5, .l-6, .l-7, .l-8, .l-9 {			margin-left: 27%;}
	.l-10, .l-11, .l-12, .l-13, .l-14{		margin-left: 52%;}
	.l-15{									margin-left: 77%;}	
}


// Desktop
@media only screen and (min-width: @minWidthDesktop) {
	.container{
		width: 			960px;
	}

	.col{
		display:		block;
		float: 			right;
		margin: 		0 10px 0 10px;
	}

	.w-1{	width: 40px;}
	.w-2{	width: 100px;}
	.w-3{	width: 160px;}
	.w-4{	width: 220px;}
	.w-5{	width: 280px;}
	.w-6{	width: 340px;}
	.w-7{	width: 400px;}
	.w-8{	width: 460px;}
	.w-9{	width: 520px;}
	.w-10{	width: 580px;}
	.w-11{	width: 640px;}
	.w-12{	width: 700px;}
	.w-13{	width: 760px;}
	.w-14{	width: 820px;}
	.w-15{	width: 880px;}
	.w-16{	width: 940px;}

	.l-0{	margin-left: 10px;}
	.l-1{	margin-left: 70px;}
	.l-2{	margin-left: 130px;}
	.l-3{	margin-left: 190px;}
	.l-4{	margin-left: 250px;}
	.l-5{	margin-left: 310px;}
	.l-6{	margin-left: 370px;}
	.l-7{	margin-left: 430px;}
	.l-8{	margin-left: 490px;}
	.l-9{	margin-left: 550px;}
	.l-10{	margin-left: 610px;}
	.l-11{	margin-left: 670px;}
	.l-12{	margin-left: 730px;}
	.l-13{	margin-left: 790px;}
	.l-14{	margin-left: 850px;}
	.l-15{	margin-left: 910px;}
}