
/* ----------------------------------------------------------------------------------------------------

CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-css-grid/4928861

---------------------------------------------------------------------------------------------------- */

/*h1 {
	margin-left:10px;
	margin-right:10px;
}*/


/*
	Columns Percentage (p)
*/

.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8
{
	padding-bottom:1%;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	margin-left:0px;
	margin-right:0px;
}
@media screen and (max-width: 767px) {
.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8
{
	margin-left:10px;
	margin-right:10px;
}}

.p1, /* wrapper width */
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8 {
	width:auto;
}


.p1 .one {
	width:100%;
}


.p2 .one {
	width:49.5%;
	float:left;
}
.p2 .two {
	width:49.5%;
	float:right;
}


.p3 .one {
	width:32.5%;
	float:left;
}
.p3 .one-two {
	width:66.25%;
	margin-left:0px;
	float:left;
}
.p3 .two {
	width:32.5%;
	margin-left:1.25%;
	float:left;
}
.p3 .two-three {
	width:66.25%;
	float:right;
}
.p3 .three {
	width:32.5%;
	float:right;
}


.p4 .one {
	width:24.25%;
	float:left;
}
.p4 .one-two {
	width:49.5%;
	float:left;
}
.p4 .one-three {
	width:74.75%;
	float:left;
}
.p4 .two {
	width:24.25%;
	margin-left:1%;
	float:left;
}
.p4 .two-three {
	width:49.5%;
	margin-left:1%;
	float:left;
}
.p4 .two-four {
	width:74.75%;
	float:right;
}
.p4 .three {
	width:24.25%;
	margin-left:1%;
	float:left;
}
.p4 .three-four {
	width:49.5%;
	float:right;
}
.p4 .four {
	width:24.25%;
	float:right;
}


.p5 .one {
	width:19.2%;
	float:left;
}
.p5 .one-two {
	width:39.4%;
	float:left;
}
.p5 .one-three {
	width:59.6%;
	float:left;
}
.p5 .one-four {
	width:79.8%;
	float:left;
}
.p5 .two {
	width:19.2%;
	float:left;
	margin-left:1%;
}
.p5 .two-three {
	width:39.4%;
	float:left;
	margin-left:1%;
}
.p5 .two-four {
	width:59.6%;
	margin-left:1%;
	float:left;
}
.p5 .two-five {
	width:79.8%;
	float:right;
}
.p5 .three {
	width:19.2%;
	float:left;
	margin-left:1%;
}
.p5 .three-five {
	width:59.6%;
	float:right;
}
.p5 .four {
	width:19.2%;
	float:left;
	margin-left:1%;
}
.p5 .four-five {
	width:39.4%;
	float:right;
}
.p5 .five {
	width:19.2%;
	float:right;
}


.p6 .one {
	width:15.83%;
	float:left;
}
.p6 .one-two {
	width:32.66%;
	float:left;
}
.p6 .one-three {
	width:49.49%;
	float:left;
}
.p6 .one-four {
	width:66.32%;
	float:left;
}
.p6 .one-five {
	width:83.15%;
	float:left;
}
.p6 .two {
	width:15.83%;
	float:left;
	margin-left:1%;
}
.p6 .two-three {
	width:32.66%;
	float:left;
	margin-left:1%;
}
.p6 .two-four {
	width:49.49%;
	float:left;
	margin-left:1%;
}
.p6 .two-five {
	width:66.32%;
	float:left;
	margin-left:1%;
}
.p6 .two-six {
	width:83.15%;
	float:right;
}
.p6 .three {
	width:15.83%;
	float:left;
	margin-left:1%;
}
.p6 .three-four {
	width:32.66%;
	float:left;
	margin-left:1%;
}
.p6 .three-five {
	width:49.49%;
	float:left;
	margin-left:1%;
}
.p6 .three-six {
	width:66.32%;
	float:right;
}
.p6 .four {
	width:15.83%;
	float:left;
	margin-left:1%;
}
.p6 .four-five {
	width:32.66%;
	float:left;
	margin-left:1%;
}
.p6 .four-six {
	width:49.49%;
	float:right;
}
.p6 .five {
	width:15.83%;
	float:left;
	margin-left:1%;
}
.p6 .five-six {
	width:32.66%;
	float:right;
}
.p6 .six {
	width:15.83%;
	float:right;
}


.p7 .one {
	width:13.43%;
	float:left;
}
.p7 .one-two {
	width:27.86%;
	float:left;
}
.p7 .one-three {
	width:42.29%;
	float:left;
}
.p7 .one-four {
	width:56.72%;
	float:left;
}
.p7 .one-five {
	width:71.15%;
	float:left;
}
.p7 .one-six {
	width:85.58%;
	float:left;
}
.p7 .two {
	width:13.43%;
	float:left;
	margin-left:1%;
}
.p7 .two-three {
	width:27.86%;
	float:left;
	margin-left:1%;
}
.p7 .two-four {
	width:42.29%;
	float:left;
	margin-left:1%;
}
.p7 .two-five {
	width:56.72%;
	float:left;
	margin-left:1%;
}
.p7 .two-six {
	width:71.15%;
	float:left;
	margin-left:1%;
}
.p7 .two-seven {
	width:85.58%;
	float:right;;
}
.p7 .three {
	width:13.43%;
	float:left;
	margin-left:1%;
}
.p7 .three-four {
	width:27.86%;
	float:left;
	margin-left:1%;
}
.p7 .three-five {
	width:42.29%;
	float:left;
	margin-left:1%;
}
.p7 .three-six {
	width:56.72%;
	float:left;
	margin-left:1%;
}
.p7 .three-seven {
	width:71.15%;
	float:right;
}
.p7 .four {
	width:13.43%;
	float:left;
	margin-left:1%;
}
.p7 .four-five {
	width:27.86%;
	float:left;
	margin-left:1%;
}
.p7 .four-seven {
	width:56.72%;
	float:right;
}
.p7 .five {
	width:13.43%;
	float:left;
	margin-left:1%;
}
.p7 .five-seven {
	width:42.29%;
	float:right;
}
.p7 .six {
	width:13.43%;
	float:left;
	margin-left:1%;
}
.p7 .six-seven {
	width:27.86%;
	float:right;
}
.p7 .seven {
	width:13.43%;
	float:right;
}


.p8 .one {
	width:11.625%;
	float:left;
}
.p8 .one-two {
	width:24.25%;
	float:left;
}
.p8 .one-three {
	width:36.875%;
	float:left;
}
.p8 .one-four {
	width:49.5%;
	float:left;
}
.p8 .one-five {
	width:62.125%;
	float:left;
}
.p8 .one-six {
	width:74.75%;
	float:left;
}
.p8 .one-seven {
	width:87.375%;
	float:left;
}
.p8 .two {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .two-three {
	width:24.25%;
	float:left;
	margin-left:1%;
}
.p8 .two-four {
	width:36.875%;
	float:left;
	margin-left:1%;
}
.p8 .two-five {
	width:49.5%;
	float:left;
	margin-left:1%;
}
.p8 .two-six {
	width:62.125%;
	float:left;
	margin-left:1%;
}
.p8 .two-seven {
	width:74.75%;
	float:left;
	margin-left:1%;
}
.p8 .two-eight {
	width:87.375%;
	float:right;
}
.p8 .three {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .three-four {
	width:24.25%;
	float:left;
	margin-left:1%;
}
.p8 .three-five {
	width:36.875%;
	float:left;
	margin-left:1%;
}
.p8 .three-six {
	width:49.5%;
	float:left;
	margin-left:1%;
}
.p8 .three-seven {
	width:62.125%;
	float:left;
	margin-left:1%;
}
.p8 .three-eight {
	width:74.75%;
	float:right;
}
.p8 .four {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .four-five {
	width:24.25%;
	float:left;
	margin-left:1%;
}
.p8 .four-six {
	width:36.875%;
	float:left;
	margin-left:1%;
}
.p8 .four-seven {
	width:49.5%;
	float:left;
	margin-left:1%;
}
.p8 .four-eight {
	width:62.125%;
	float:right;
}
.p8 .five {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .five-six {
	width:24.25%;
	float:left;
	margin-left:1%;
}
.p8 .five-seven {
	width:36.875%;
	float:left;
	margin-left:1%;
}
.p8 .five-eight {
	width:49.5%;
	float:right;
}
.p8 .six {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .six-seven {
	width:24.25%;
	float:left;
	margin-left:1%;
}
.p8 .six-eight {
	width:36.875%;
	float:right;
}
.p8 .seven {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .seven-eight {
	width:24.25%;
	float:right;
}
.p8 .eight {
	width:11.625%;
	float:right;
}