/*
* Amazium (http://www.amazium.co.uk)
* Copyright 2010 - 2013, Mike Ballan
* Licensed under MIT (https://github.com/OwlyStuff/Amazium/blob/master/LICENSE)
*/

.width-fill {
	display:table-cell;
	float:none;
	width:10000px;
	padding:0 20px; 
	min-width:50px;
}
.width-fill:before,.width-fill:after {}
	content:""; 
	display:table;
}
.width-fill:after {
	clear: both;
}

.width-fit {
	padding:0 20px; 
	float: left;
	width: auto;
}

.row-max .one,
.row-max .one-of-two,
.row-max .one-of-three,
.row-max .two-of-three,
.row-max .one-of-four,
.row-max .two-of-four,
.row-max .three-of-four,
.row-max .one-of-five,
.row-max .two-of-five,
.row-max .three-of-five,
.row-max .four-of-five,
.row-max .one-of-six,
.row-max .two-of-six,
.row-max .three-of-six,
.row-max .four-of-six,
.row-max .five-of-six {
	margin:0; 
	padding:0 20px; 
	float:left; 
	display:inline-block; 
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box;
	
}


.row-max .one		{ width: 100%;}
.row-max .one-of-two 	{ width: 50%;}
.row-max .one-of-three	{ width: 33.333%;}
.row-max .two-of-three	{ width: 66.667%;}
.row-max .one-of-four	{ width: 25%;}
.row-max .two-of-four	{ width: 50%;}
.row-max .three-of-four { width: 75%;}
.row-max .one-of-five	{ width: 20%;}
.row-max .two-of-five	{ width: 40%;}
.row-max .three-of-five	{ width: 60%;}
.row-max .four-of-five	{ width: 80%;}
.row-max .one-of-six	{ width: 16.667%;}
.row-max .two-of-six	{ width: 33.333%;}
.row-max .three-of-six	{ width: 50%;}
.row-max .four-of-six	{ width: 66.667%;}
.row-max .five-of-six	{ width: 83.333%;}


/***********************************************
Screen 100%
***********************************************/
.row-max                                        { margin:0 auto; padding:0; width:100%; display:table; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; vertical-align: top;}
.row-max .row-max                               { padding:0; }
.row-max .grid_1, .row-max .grid_2,
.row-max .grid_3, .row-max .grid_4,
.row-max .grid_5, .row-max .grid_6,
.row-max .grid_7, .row-max .grid_8,
.row-max .grid_9, .row-max .grid_10,
.row-max .grid_11, .row-max .grid_12            { margin:0; padding:0 20px; float:left; display:inline; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.row-max .grid_1                                { width:8.333%; }
.row-max .grid_2                                { width:16.667%; }
.row-max .grid_3                                { width:25%; }
.row-max .grid_4                                { width:33.333%; }
.row-max .grid_5                                { width:41.667%; }
.row-max .grid_6                                { width:50%; }
.row-max .grid_7                                { width:58.333%; }
.row-max .grid_8                                { width:66.667%; }
.row-max .grid_9                                { width:75%; }
.row-max .grid_10                               { width:83.333%; }
.row-max .grid_11                               { width:91.667%; }
.row-max .grid_12                               { width:100%; }

.row-max .offset_1                              { margin-left:8.333%; }
.row-max .offset_2                              { margin-left:16.667%; }
.row-max .offset_3                              { margin-left:25%; }
.row-max .offset_4                              { margin-left:33.333%; }
.row-max .offset_5                              { margin-left:41.667%; }
.row-max .offset_6                              { margin-left:50%; }
.row-max .offset_7                              { margin-left:58.333%; }
.row-max .offset_8                              { margin-left:66.667%; }
.row-max .offset_9                              { margin-left:75%; }
.row-max .offset_10                             { margin-left:83.333%; }
.row-max .offset_11                             { margin-left:91.667%; }


/***********************************************
Mobile
***********************************************/
@media only screen and (max-width: 767px) {

.row-max                                        { padding:0 16px; display:block; }
.row-max .row-max                               { margin:0; padding:0; width:100%; display:block; }

.row-max .grid_1, .row-max .grid_2,
.row-max .grid_3, .row-max .grid_4,
.row-max .grid_5, .row-max .grid_6,
.row-max .grid_7, .row-max .grid_8,
.row-max .grid_9, .row-max .grid_10,
.row-max .grid_11, .row-max .grid_12,
.row-max .one, .row-max .one-of-two,
.row-max .one-of-three, .row-max .two-of-three, 
.row-max .one-of-four, .row-max .two-of-four, .row-max .three-of-four,
.row-max .one-of-five, .row-max .two-of-five, .row-max .three-of-five, .row-max .four-of-five,
.row-max .one-of-six, .row-max .two-of-six, .row-max .three-of-six, .row-max .four-of-six, .row-max .five-of-six 
						{ width:100%; margin:10px 0 0 0; float:none; display:block; }

}