/* CSSGrid Responsive CSS Grid (www.cssgrid.co)
*/
/*	Columns Percentage (p) */
/* margins below all column wrappers, for display purposes */
.p1,.p2,.p3,.p4,.p5 { padding-bottom: 1%; padding-left: 0px; padding-right: 0px; margin: 0px; margin-left: 10px; margin-right: 10px;}
.p1 .nopadmar,.p2 .nopadmar,.p3 .nopadmar,.p4 .nopadmar,.p5 .nopadmar { padding: 0; margin:0px;}
.p1#p1-header{margin:0;}

/* outer div width */
.p1,.p2,.p3,.p4,.p5 {width:auto; text-align:center;}
.p1 .one {width:100%;}
.p1 .nrw, p2 .nrw, .p3 .nrw, .p4 .nrw, .p5 .nrw {width: 90%; max-width: 980px; margin-left: auto; margin-right: auto;}
.f1 .nrw, f2 .nrw, .f3 .nrw, .f4 .nrw, .f5 .nrw  {width:90%; max-width: 980px;margin-left:auto;margin-right:auto;}

.p2 .one {width:49.5%;	float:left;}
.p2 .two {width:49.5%;
/*
To set correct position for last column, add up all columns to the left and add on padding
In this case: 49.9 + 1 = 50.5
*/
margin-left:50.5%;}

.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%;	margin-left:33.75%;}
.p3 .three {width:32.5%;	margin-left:67.5%;}

.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%;	margin-left:25.25%;}
.p4 .three {width:24.25%;	margin-left:1%;	float:left;}
.p4 .three-four {width:49.5%;	margin-left:50.5%;}
.p4 .four {width:24.25%;	/*
To set the correct position for the last column, add up all columns to the left and add on the padding.
In this case: 24.25 x 3 + 3 = 75.75
*/
margin-left:75.75%;}

@media screen and (min-width: 0px) and (max-width: 479px) {
.pl .one, .p1 .nrw, .p3 .one, .p3 .nrw, .p4 .nrw, .p5 .nrw {width:98%;}
}