html{
	box-sizing:border-box
	}

ul {
    padding-left: 5px;
}

*,*:before,*:after
  {
	box-sizing:inherit
	}
html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
	}
body{margin:0}

img{
    padding-right: 20px;
    max-width:100%;
    height:auto
    border-style: solid;
    border-width: 5px;
}


.row:after,.row:before,.row-padding:after,.row-padding:before,.clear:after,.clear:before {
	content:""; 
	clear:both
}

.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col
	{
	padding:0 20px
	}
	
	.col,.half,.third,.twothird,.threequarter,.quarter{
	float:left;
	width:100%
	}

@media (min-width:601px){
	.col.m1{
	width:8.33333%
	}

	.col.m2	{
	width:16.66666%
	}

	.col.m3,.quarter{
	width:24.99999%
	}
	.col.m4,.third{
	width:33.33333%
	}
}

.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col{padding:0 20px}