/**** GRID ****/
/* Dead Simple Grid (c) 2015 Vladimir Agafonkin */

.row .row { margin:  0 -1.5em; }
.col      { padding: 0  1.5em; }

.row:after {
    content: "";
    clear: both;
    display: table;
}

@media only screen { .col {
    float: left;
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}}

/* Custom for PPPL Theroy */

/* 5 Column Grid */
/* for landing, standard template */
@media only screen {
.col-5-1 {
	width: 20%;
 /*   width: 216px\9;
    padding: 10px\9;*/
}
.col-5-2 { width: 40%; }
.col-5-3 {
	width: 60%;
/*	width: 688px\9;
    padding: 10px\9;*/
}
.col-5-4 { width: 80%; }
.push-5-1 { margin-left: 20%; }
.push-5-2 { margin-left: 40%; }
.push-5-3 { margin-left: 60%; }
.push-5-4 { margin-left: 80%; }

/* 7 Column Grid */
/* for people pages */
.col-7-1 {
	width: 14.285714%;
/*	width: 84px\9;*/
}
.col-7-2 { width: 28.571428%; }
.col-7-3 { width: 42.857142%; }
.col-7-4 { width: 57.142857%; }
.col-7-5 { width: 71.428571%; }
.col-7-6 { width: 85.714285%; }

/* 12 Column Grid */
/* main grid, for standard template */
.col-12-1 { width: 8.333333%; }
.col-12-2 { width: 16.666666%; }
.col-12-3 { width: 25%; }
.col-12-4 { width: 33.333333%; }
.col-12-5 { width: 41.666666%; }
.col-12-6 { width: 50%; }
.col-12-7 { width: 58.333333%; }
.col-12-8 { width: 66.666666%; }
.col-12-9 { width: 75%; }
.col-12-10 { width: 83.333333%; }
.col-12-11 { width: 91.666666%; }
.push-12-1 { margin-left: 8.333333%; }
.push-12-2 { margin-left: 16.666666%; }
.push-12-3 { margin-left: 25%; }
.push-12-4 {
	margin-left: 33.333333%;
/*	width: 209px\9;
	padding: 10px\9;*/
}
.push-12-5 { margin-left: 41.666666%; }
.push-12-6 { margin-left: 50%; }
.push-12-7 { margin-left: 58.333333%; }
.push-12-8 { margin-left: 66.666666%; }
.push-12-9 { margin-left: 75%; }
.push-12-10 { margin-left: 83.333333%; }
.push-12-11 { margin-left: 91.666666%; }
/**** END GRID ****/
}