/*  SECTIONS  */
#app-root .grid-row {
	clear: both;
	padding: 0px;
	/*margin: 0px;*/
	margin: 30px 0px;
}

/*  COLUMN SETUP  */
#app-root .grid-col {
	display: block;
	float:left;
	/*margin: 1% 0 1% 2.34375%;*/
	margin: 0 0 0 2.34375%;
}

#app-root .grid-col:first-child { margin-left: 0; }

/*  GROUPING  */
.grid-group::before,
#app-root .grid-group::after { content: ""; display: table; }
#app-root .grid-group::after { clear: both; }

/*  GRID OF TWELVE  */
#app-root .grid-col-span_12_of_12 { width: 100%;   }
#app-root .grid-col-span_11_of_12 { width: 91.47%; }
#app-root .grid-col-span_10_of_12 { width: 82.94%; }
#app-root .grid-col-span_9_of_12  { width: 74.41%; }
#app-root .grid-col-span_8_of_12  { width: 65.88%; }
#app-root .grid-col-span_7_of_12  { width: 57.35%; }
#app-root .grid-col-span_6_of_12  { width: 48.82%; }
#app-root .grid-col-span_5_of_12  { width: 40.29%; }
#app-root .grid-col-span_4_of_12  { width: 31.77%; }
#app-root .grid-col-span_3_of_12  { width: 23.24%; }
#app-root .grid-col-span_2_of_12  { width: 14.71%; }
#app-root .grid-col-span_1_of_12  { width: 6.184%; }

/*  GO FULL WIDTH BELOW 687 PIXELS -- mobile */
@media only screen and (max-width: 687px) {
	#app-root .grid-col {  margin: 1% 0 1% 0%; }
    
	#app-root .grid-col-span_1_of_12, #app-root .grid-col-span_2_of_12,  #app-root .grid-col-span_3_of_12,  #app-root .grid-col-span_4_of_12,
	#app-root .grid-col-span_5_of_12, #app-root .grid-col-span_6_of_12,  #app-root .grid-col-span_7_of_12,  #app-root .grid-col-span_8_of_12,
	#app-root .grid-col-span_9_of_12, #app-root .grid-col-span_10_of_12, #app-root .grid-col-span_11_of_12, #app-root .grid-col-span_12_of_12 {
		width: 100%; 
	}
}