/*!
 * Manhattan - A clean, lightweight and customisable CSS grid.
 * Version: 1.0
 * Url: https://www.adchsm.com
 * Author: Adam Charles Smith
 * Author url: https://www.adchsm.com
 * License: MIT
 */

html, body, [mhtn] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}
[mhtn*=container] {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding-left: 15px;
	padding-right: 15px
}
[mhtn*=container][mhtn*=flex] {
	max-width: none
}
[mhtn*=container][mhtn*=edge] {
	max-width: none;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0
}
[mhtn*=row] {
	margin-left: -15px;
	margin-right: -15px
}
[mhtn*=row]:before, [mhtn*=row]:after {
	content: " ";
	display: table
}
[mhtn*=row]:after {
	clear: both
}
[mhtn*=col] {
	padding-left: 15px;
	padding-right: 15px;
	float: left
}
html[dir=rtl] [mhtn*=col] {
	float: right
}
[mhtn*=xs-10] {
	width: 10%
}
[mhtn*=xs-20] {
	width: 20%
}
[mhtn*=xs-30] {
	width: 30%
}
[mhtn*=xs-40] {
	width: 40%
}
[mhtn*=xs-50] {
	width: 50%
}
[mhtn*=xs-60] {
	width: 60%
}
[mhtn*=xs-70] {
	width: 70%
}
[mhtn*=xs-80] {
	width: 80%
}
[mhtn*=xs-90] {
	width: 90%
}
[mhtn*=xs-100] {
	width: 100%
}
[mhtn*=xs-33] {
	width: 33.33%
}
[mhtn*=xs-66] {
	width: 66.67%
}
[mhtn*=xs-25] {
	width: 25%
}
[mhtn*=xs-75] {
	width: 75%
}

@media (min-width:600px) {
[mhtn*=sm-10] {
	width: 10%
}
[mhtn*=sm-20] {
	width: 20%
}
[mhtn*=sm-30] {
	width: 30%
}
[mhtn*=sm-40] {
	width: 40%
}
[mhtn*=sm-50] {
	width: 50%
}
[mhtn*=sm-60] {
	width: 60%
}
[mhtn*=sm-70] {
	width: 70%
}
[mhtn*=sm-80] {
	width: 80%
}
[mhtn*=sm-90] {
	width: 90%
}
[mhtn*=sm-100] {
	width: 100%
}
[mhtn*=sm-33] {
	width: 33.33%
}
[mhtn*=sm-66] {
	width: 66.67%
}
[mhtn*=sm-25] {
	width: 25%
}
[mhtn*=sm-75] {
	width: 75%
}
}

@media (min-width:900px) {
[mhtn*=md-10] {
	width: 10%
}
[mhtn*=md-20] {
	width: 20%
}
[mhtn*=md-30] {
	width: 30%
}
[mhtn*=md-40] {
	width: 40%
}
[mhtn*=md-50] {
	width: 50%
}
[mhtn*=md-60] {
	width: 60%
}
[mhtn*=md-70] {
	width: 70%
}
[mhtn*=md-80] {
	width: 80%
}
[mhtn*=md-90] {
	width: 90%
}
[mhtn*=md-100] {
	width: 100%
}
[mhtn*=md-33] {
	width: 33.33%
}
[mhtn*=md-66] {
	width: 66.67%
}
[mhtn*=md-25] {
	width: 25%
}
[mhtn*=md-75] {
	width: 75%
}
}

@media (min-width:1200px) {
[mhtn*=lg-10] {
	width: 10%
}
[mhtn*=lg-20] {
	width: 20%
}
[mhtn*=lg-30] {
	width: 30%
}
[mhtn*=lg-40] {
	width: 40%
}
[mhtn*=lg-50] {
	width: 50%
}
[mhtn*=lg-60] {
	width: 60%
}
[mhtn*=lg-70] {
	width: 70%
}
[mhtn*=lg-80] {
	width: 80%
}
[mhtn*=lg-90] {
	width: 90%
}
[mhtn*=lg-100] {
	width: 100%
}
[mhtn*=lg-33] {
	width: 33.33%
}
[mhtn*=lg-66] {
	width: 66.67%
}
[mhtn*=lg-25] {
	width: 25%
}
[mhtn*=lg-75] {
	width: 75%
}
}

@media (min-width:1500px) {
[mhtn*=xl-10] {
	width: 10%
}
[mhtn*=xl-20] {
	width: 20%
}
[mhtn*=xl-30] {
	width: 30%
}
[mhtn*=xl-40] {
	width: 40%
}
[mhtn*=xl-50] {
	width: 50%
}
[mhtn*=xl-60] {
	width: 60%
}
[mhtn*=xl-70] {
	width: 70%
}
[mhtn*=xl-80] {
	width: 80%
}
[mhtn*=xl-90] {
	width: 90%
}
[mhtn*=xl-100] {
	width: 100%
}
[mhtn*=xl-33] {
	width: 33.33%
}
[mhtn*=xl-66] {
	width: 66.67%
}
[mhtn*=xl-25] {
	width: 25%
}
[mhtn*=xl-75] {
	width: 75%
}
}
[mhtn*=clear]:before, [mhtn*=clear]:after {
	content: " ";
	display: table
}

@media (max-width:599px) {
[mhtn*=clear][mhtn*=xs]:after {
	clear: both
}
}

@media (min-width:600px) and (max-width:899px) {
[mhtn*=clear][mhtn*=sm]:after {
	clear: both
}
}

@media (min-width:900px) and (max-width:1199px) {
[mhtn*=clear][mhtn*=md]:after {
	clear: both
}
}

@media (min-width:1200px) and (max-width:1499px) {
[mhtn*=clear][mhtn*=lg]:after {
	clear: both
}
}

@media (min-width:1500px) {
[mhtn*=clear][mhtn*=xl]:after {
	clear: both
}
}