.row {
	display:block;
	box-sizing:border-box;
	margin:0 -15px;
}

.row:after {
	content:' ';
	display:block;
	clear:both;
}

.col {
	display:block;
	box-sizing:border-box;
	float:left;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:15px;
}

.debug .col {
	outline:1px dashed red;
}

.pull-right {
    float:right;
}

@media only screen and (min-width: 1025px) {	
	.col-desktop-1 {
		width:8.33%;
	}
	.col-desktop-2 {
		width:16.66%;
	}
	.col-desktop-3 {
		width:25%;
	}
	.col-desktop-4 {
		width:33.33%;
	}
	.col-desktop-5 {
		width:41.66%;
	}
	.col-desktop-6 {
		width:50%;
	}
	.col-desktop-7 {
		width:58.33%;
	}
	.col-desktop-8 {
		width:66.66%;
	}
	.col-desktop-9 {
		width:75%;
	}
	.col-desktop-10 {
		width:83.33%;
	}
	.col-desktop-11 {
		width:91.66%;
	}
	.col-desktop-12 {
		width:100%;
	}
	
	.hide-desktop {
		display:none;
	}
}

@media only screen and (min-width: 751px) and (max-width: 1024px) {
	.col-tablet-1 {
		width:8.33%;
	}
	.col-tablet-2 {
		width:16.66%;
	}
	.col-tablet-3 {
		width:25%;
	}
	.col-tablet-4 {
		width:33.33%;
	}
	.col-tablet-5 {
		width:41.66%;
	}
	.col-tablet-6 {
		width:50%;
	}
	.col-tablet-7 {
		width:58.33%;
	}
	.col-tablet-8 {
		width:66.66%;
	}
	.col-tablet-9 {
		width:75%;
	}
	.col-tablet-10 {
		width:83.33%;
	}
	.col-tablet-11 {
		width:91.66%;
	}
	.col-tablet-12 {
		width:100%;
	}
	
	.hide-tablet {
		display:none;
	}
}

@media only screen and (min-width: 240px) and (max-width: 750px) {
	.col-small-1 {
		width:8.33%;
	}
	.col-small-2 {
		width:16.66%;
	}
	.col-small-3 {
		width:25%;
	}
	.col-small-4 {
		width:33.33%;
	}
	.col-small-5 {
		width:41.66%;
	}
	.col-small-6 {
		width:50%;
	}
	.col-small-7 {
		width:58.33%;
	}
	.col-small-8 {
		width:66.66%;
	}
	.col-small-9 {
		width:75%;
	}
	.col-small-10 {
		width:83.33%;
	}
	.col-small-11 {
		width:91.66%;
	}
	.col-small-12 {
		width:100%;
	}
	
	.hide-small {
		display:none;
	}
}