/* Spacers */
	.spacer-10 { padding:5px;}
	.spacer-15 { padding:7.5px;}
	.spacer-20 { padding:10px;}
	.spacer-30 { padding:15px;}
	.spacer-40 { padding:20px;}
	.spacer-50 { padding:25px;}
	.spacer-60 { padding:30px;}
	.spacer-70 { padding:35px;}
	.spacer-80 { padding:40px;}
	.spacer-90 { padding:45px;}
	.spacer-100 { padding:50px;}

	.spacer-150 { padding:75px;}
	.spacer-200 { padding:100px;}

/* Margin */
	.ma-5 {margin:5px;}
	.ma-10 {margin:10px;}
	.ma-15 {margin:15px;}
	.ma-20 {margin:20px;}
	.ma-30 {margin:30px;}
	.ma-40 {margin:40px;}
	.ma-50 {margin:50px;}

/* Padding */
	.pad-5 {padding:5px;}
	.pad-10 {padding:10px;}
	.pad-15 {padding:15px;}
	.pad-20 {padding:20px;}
	.pad-30 {padding:30px;}
	.pad-40 {padding:40px;}
	.pad-50 {padding:50px;}

/* Extras */
	.wht {background-color:#FFFFFF;}
	.wht > h1,.wht > h2,.wht > h3,.wht > h4,.wht > h5,.wht > h6,.wht > p { color:#000000;}

	.blk { background-color:#000000;}
	.blk > h1,.blk > h2,.blk > h3,.blk > h4,.blk > h5,.blk > h6,.blk > p { color:#ffffff;}

	/* Text-alignment */
		.tc {text-align: center;}
		.tl {text-align: left;}
		.tr {text-align: right;}
	/* Clear */
		.clr {position: relative; clear:both;}

/* Width */
/*
* USAGE:
*  <div class="row">
*  		<div class="large-6 columns">
*  			<div class-"large-width-10 left"></div>
*  		</div>
*  		<div class="large-6 columns">
*  			<div class-"large-width-10 right"></div>
*  		</div>
*  </div>
 */
	.large-width-10 { width:100%;}
	.large-width-20 { width:100%;}
	.large-width-30 { width:100%;}
	.large-width-40 { width:100%;}
	.large-width-50 { width:100%;}
	.large-width-60 { width:100%;}
	.large-width-70 { width:100%;}
	.large-width-80 { width:100%;}
	.large-width-90 { width:100%;}
	.large-width-98 { width:100%;}

	.medium-width-10 { width:100%;}
	.medium-width-20 { width:100%;}
	.medium-width-30 { width:100%;}
	.medium-width-40 { width:100%;}
	.medium-width-50 { width:100%;}
	.medium-width-60 { width:100%;}
	.medium-width-70 { width:100%;}
	.medium-width-80 { width:100%;}
	.medium-width-90 { width:100%;}
	.medium-width-95 { width:100%;}
	.medium-width-98 { width:100%;}

/* Small */
@media only screen {
	.small-width-10 { width:10%;}
	.small-width-20 { width:20%;}
	.small-width-30 { width:30%;}
	.small-width-40 { width:40%;}
	.small-width-50 { width:50%;}
	.small-width-60 { width:60%;}
	.small-width-70 { width:70%;}
	.small-width-80 { width:80%;}
	.small-width-90 { width:90%;}

}

/* Medium */
@media only screen and (min-width: 40.063em) {
	.medium-width-10 { width:10%;}
	.medium-width-20 { width:20%;}
	.medium-width-30 { width:30%;}
	.medium-width-40 { width:40%;}
	.medium-width-50 { width:50%;}
	.medium-width-60 { width:60%;}
	.medium-width-70 { width:70%;}
	.medium-width-80 { width:80%;}
	.medium-width-90 { width:90%;}
	.medium-width-95 { width:95%;}
	.medium-width-98 { width:98%;}

	.spacer-10-med { padding:5px;}
	.spacer-20-med { padding:10px;}
	.spacer-30-med { padding:15px;}
	.spacer-40-med { padding:20px;}
	.spacer-50-med { padding:25px;}
	.spacer-60-med { padding:30px;}
	.spacer-70-med { padding:35px;}
	.spacer-80-med { padding:40px;}
	.spacer-90-med { padding:45px;}
	.spacer-100-med { padding:50px;}

}

/* Large */
@media only screen and (min-width: 64.063em) {
	.large-width-10 { width:10%;}
	.large-width-20 { width:20%;}
	.large-width-30 { width:30%;}
	.large-width-40 { width:40%;}
	.large-width-50 { width:50%;}
	.large-width-60 { width:60%;}
	.large-width-70 { width:70%;}
	.large-width-80 { width:80%;}
	.large-width-90 { width:90%;}
	.large-width-98 { width:98%;}

	.spacer-10-lrg { padding:5px;}
	.spacer-20-lrg { padding:10px;}
	.spacer-30-lrg { padding:15px;}
	.spacer-40-lrg { padding:20px;}
	.spacer-50-lrg { padding:25px;}
	.spacer-60-lrg { padding:30px;}
	.spacer-70-lrg { padding:35px;}
	.spacer-80-lrg { padding:40px;}
	.spacer-90-lrg { padding:45px;}
	.spacer-100-lrg { padding:50px;}

}