.b8grow {
	width: 100%;
	float: none;
}

.b8grow:not(.noreset) {
	margin: 0px -10px 0px -10px;
	clear: both;
}

.b8gcol {
	float: left;
	box-sizing: border-box;
	padding: 10px;
	margin: 0px;
	width: 100%;
}

.b8gcol.s1 { width: 12.5%; }
.b8gcol.s2 { width: 25%; }
.b8gcol.s3 { width: 37.5%; }
.b8gcol.s4 { width: 50%; }
.b8gcol.s5 { width: 62.5%; }
.b8gcol.s6 { width: 75%; }
.b8gcol.s7 { width: 87.5%; }
.b8gcol.s8 { width: 100%; }

/* Row Padding TOP */
.b8grow.p-t-5 { padding-top: 5px; }
.b8grow.p-t-10 { padding-top: 10px; }
.b8grow.p-t-15 { padding-top: 15px; }
.b8grow.p-t-20 { padding-top: 20px; }
/* Row Padding BOTTOM */
.b8grow.p-b-5 { padding-bottom: 5px; }
.b8grow.p-b-10 { padding-bottom: 10px; }
.b8grow.p-b-15 { padding-bottom: 15px; }
.b8grow.p-b-20 { padding-bottom: 20px; }
/* Row Margin TOP */
.b8grow.m-t-5 { margin-top: 5px; }
.b8grow.m-t-10 { margin-top: 10px; }
.b8grow.m-t-15 { margin-top: 15px; }
.b8grow.m-t-20 { margin-top: 20px; }
/* Row Margin BOTTOM */
.b8grow.m-b-5 { margin-bottom: 5px; }
.b8grow.m-b-10 { margin-bottom: 10px; }
.b8grow.m-b-15 { margin-bottom: 15px; }
.b8grow.m-b-20 { margin-bottom: 20px; }


/* Column Margin TOP */
.b8gcol.m-t-5 { margin-top: 5px; }
.b8gcol.m-t-10 { margin-top: 10px; }
.b8gcol.m-t-15 { margin-top: 15px; }
.b8gcol.m-t-20 { margin-top: 20px; }
/* Column Margin Right */
.b8gcol.m-r-5 { margin-left: 5px; }
.b8gcol.m-r-10 { margin-left: 10px; }
.b8gcol.m-r-15 { margin-left: 15px; }
.b8gcol.m-r-20 { margin-left: 20px; }
/* Column Margin BOTTOM */
.b8gcol.m-b-5 { margin-bottom: 5px; }
.b8gcol.m-b-10 { margin-bottom: 10px; }
.b8gcol.m-b-15 { margin-bottom: 15px; }
.b8gcol.m-b-20 { margin-bottom: 20px; }
/* Column Margin Left */
.b8gcol.m-l-5 { margin-left: 5px; }
.b8gcol.m-l-10 { margin-left: 10px; }
.b8gcol.m-l-15 { margin-left: 15px; }
.b8gcol.m-l-20 { margin-left: 20px; }

/* Column Margin Left - Width correction */
.b8gcol.s1.m-l-5 { width: 12.2%; width: calc( 12.5% - 5px ); }
.b8gcol.s1.m-l-10 { width: 12%; width: calc( 12.5% - 10px ); }
.b8gcol.s1.m-l-15 { width: 11.8%; width: calc( 12.5% - 15px ); }
.b8gcol.s1.m-l-20 { width: 11.6%; width: calc( 12.5% - 20px ); }
.b8gcol.s2.m-l-5 { width: 24.8%; width: calc( 25% - 5px ); }
.b8gcol.s2.m-l-10 { width: 24.6%; width: calc( 25% - 10px ); }
.b8gcol.s2.m-l-15 { width: 24.4%; width: calc( 25% - 15px ); }
.b8gcol.s2.m-l-20 { width: 24.2%; width: calc( 25% - 20px ); }
.b8gcol.s3.m-l-5 { width: 37.2%; width: calc( 37.5% - 5px ); }
.b8gcol.s3.m-l-10 { width: 37%; width: calc( 37.5% - 10px ); }
.b8gcol.s3.m-l-15 { width: 36.8%; width: calc( 37.5% - 15px ); }
.b8gcol.s3.m-l-20 { width: 36.6%; width: calc( 37.5% - 20px ); }
.b8gcol.s4.m-l-5 { width: 49.8%; width: calc( 50% - 5px ); }
.b8gcol.s4.m-l-10 { width: 49.6%; width: calc( 50% - 10px ); }
.b8gcol.s4.m-l-15 { width: 49.4%; width: calc( 50% - 15px ); }
.b8gcol.s4.m-l-20 { width: 49.2%; width: calc( 50% - 20px ); }
.b8gcol.s5.m-l-5 { width: 62.2%; width: calc( 62.5% - 5px ); }
.b8gcol.s5.m-l-10 { width: 62%; width: calc( 62.5% - 10px ); }
.b8gcol.s5.m-l-15 { width: 61.8%; width: calc( 62.5% - 15px ); }
.b8gcol.s5.m-l-20 { width: 61.6%; width: calc( 62.5% - 20px ); }
.b8gcol.s6.m-l-5 { width: 74.8%; width: calc( 75% - 5px ); }
.b8gcol.s6.m-l-10 { width: 74.6%; width: calc( 75% - 10px ); }
.b8gcol.s6.m-l-15 { width: 74.4%; width: calc( 75% - 15px ); }
.b8gcol.s6.m-l-20 { width: 74.2%; width: calc( 75% - 20px ); }
.b8gcol.s7.m-l-5 { width: 87.2%; width: calc( 87.5% - 5px ); }
.b8gcol.s7.m-l-10 { width: 87%; width: calc( 87.5% - 10px ); }
.b8gcol.s7.m-l-15 { width: 86.8%; width: calc( 87.5% - 15px ); }
.b8gcol.s7.m-l-20 { width: 86.6%; width: calc( 87.5% - 20px ); }
.b8gcol.s8.m-l-5 { width: 99.8%; width: calc( 100% - 5px ); }
.b8gcol.s8.m-l-10 { width: 99.6%; width: calc( 100% - 10px ); }
.b8gcol.s8.m-l-15 { width: 99.4%; width: calc( 100% - 15px ); }
.b8gcol.s8.m-l-20 { width: 99.2%; width: calc( 100% - 20px ); }
/* Column Margin Right - Width correction */
.b8gcol.s1.m-r-5 { width: 12.2%; width: calc( 12.5% - 5px ); }
.b8gcol.s1.m-r-10 { width: 12%; width: calc( 12.5% - 10px ); }
.b8gcol.s1.m-r-15 { width: 11.8%; width: calc( 12.5% - 15px ); }
.b8gcol.s1.m-r-20 { width: 11.6%; width: calc( 12.5% - 20px ); }
.b8gcol.s2.m-r-5 { width: 24.8%; width: calc( 25% - 5px ); }
.b8gcol.s2.m-r-10 { width: 24.6%; width: calc( 25% - 10px ); }
.b8gcol.s2.m-r-15 { width: 24.4%; width: calc( 25% - 15px ); }
.b8gcol.s2.m-r-20 { width: 24.2%; width: calc( 25% - 20px ); }
.b8gcol.s3.m-r-5 { width: 37.2%; width: calc( 37.5% - 5px ); }
.b8gcol.s3.m-r-10 { width: 37%; width: calc( 37.5% - 10px ); }
.b8gcol.s3.m-r-15 { width: 36.8%; width: calc( 37.5% - 15px ); }
.b8gcol.s3.m-r-20 { width: 36.6%; width: calc( 37.5% - 20px ); }
.b8gcol.s4.m-r-5 { width: 49.8%; width: calc( 50% - 5px ); }
.b8gcol.s4.m-r-10 { width: 49.6%; width: calc( 50% - 10px ); }
.b8gcol.s4.m-r-15 { width: 49.4%; width: calc( 50% - 15px ); }
.b8gcol.s4.m-r-20 { width: 49.2%; width: calc( 50% - 20px ); }
.b8gcol.s5.m-r-5 { width: 62.2%; width: calc( 62.5% - 5px ); }
.b8gcol.s5.m-r-10 { width: 62%; width: calc( 62.5% - 10px ); }
.b8gcol.s5.m-r-15 { width: 61.8%; width: calc( 62.5% - 15px ); }
.b8gcol.s5.m-r-20 { width: 61.6%; width: calc( 62.5% - 20px ); }
.b8gcol.s6.m-r-5 { width: 74.8%; width: calc( 75% - 5px ); }
.b8gcol.s6.m-r-10 { width: 74.6%; width: calc( 75% - 10px ); }
.b8gcol.s6.m-r-15 { width: 74.4%; width: calc( 75% - 15px ); }
.b8gcol.s6.m-r-20 { width: 74.2%; width: calc( 75% - 20px ); }
.b8gcol.s7.m-r-5 { width: 87.2%; width: calc( 87.5% - 5px ); }
.b8gcol.s7.m-r-10 { width: 87%; width: calc( 87.5% - 10px ); }
.b8gcol.s7.m-r-15 { width: 86.8%; width: calc( 87.5% - 15px ); }
.b8gcol.s7.m-r-20 { width: 86.6%; width: calc( 87.5% - 20px ); }
.b8gcol.s8.m-r-5 { width: 99.8%; width: calc( 100% - 5px ); }
.b8gcol.s8.m-r-10 { width: 99.6%; width: calc( 100% - 10px ); }
.b8gcol.s8.m-r-15 { width: 99.4%; width: calc( 100% - 15px ); }
.b8gcol.s8.m-r-20 { width: 99.2%; width: calc( 100% - 20px ); }
/* Column Margin Left/Right - Width correction */
.b8gcol.s1.m-l-5.m-r-5 { width: 12.2%; width: calc( 12.5% - 10px ); }
.b8gcol.s1.m-l-10.m-r-10 { width: 12%; width: calc( 12.5% - 20px ); }
.b8gcol.s1.m-l-15.m-r-15 { width: 11.8%; width: calc( 12.5% - 30px ); }
.b8gcol.s1.m-l-20.m-r-20 { width: 11.6%; width: calc( 12.5% - 40px ); }
.b8gcol.s2.m-l-5.m-r-5 { width: 24.8%; width: calc( 25% - 10px ); }
.b8gcol.s2.m-l-10.m-r-10 { width: 24.6%; width: calc( 25% - 20px ); }
.b8gcol.s2.m-l-15.m-r-15 { width: 24.4%; width: calc( 25% - 30px ); }
.b8gcol.s2.m-l-20.m-r-20 { width: 24.2%; width: calc( 25% - 40px ); }
.b8gcol.s3.m-l-5.m-r-5 { width: 37.2%; width: calc( 37.5% - 10px ); }
.b8gcol.s3.m-l-10.m-r-10 { width: 37%; width: calc( 37.5% - 20px ); }
.b8gcol.s3.m-l-15.m-r-15 { width: 36.8%; width: calc( 37.5% - 30px ); }
.b8gcol.s3.m-l-20.m-r-20 { width: 36.6%; width: calc( 37.5% - 40px ); }
.b8gcol.s4.m-l-5.m-r-5 { width: 49.8%; width: calc( 50% - 10px ); }
.b8gcol.s4.m-l-10.m-r-10 { width: 49.6%; width: calc( 50% - 20px ); }
.b8gcol.s4.m-l-15.m-r-15 { width: 49.4%; width: calc( 50% - 30px ); }
.b8gcol.s4.m-l-20.m-r-20 { width: 49.2%; width: calc( 50% - 40px ); }
.b8gcol.s5.m-l-5.m-r-5 { width: 62.2%; width: calc( 62.5% - 10px ); }
.b8gcol.s5.m-l-10.m-r-10 { width: 62%; width: calc( 62.5% - 20px ); }
.b8gcol.s5.m-l-15.m-r-15 { width: 61.8%; width: calc( 62.5% - 30px ); }
.b8gcol.s5.m-l-20.m-r-20 { width: 61.6%; width: calc( 62.5% - 40px ); }
.b8gcol.s6.m-l-5.m-r-5 { width: 74.8%; width: calc( 75% - 10px ); }
.b8gcol.s6.m-l-10.m-r-10 { width: 74.6%; width: calc( 75% - 20px ); }
.b8gcol.s6.m-l-15.m-r-15 { width: 74.4%; width: calc( 75% - 30px ); }
.b8gcol.s6.m-l-20.m-r-20 { width: 74.2%; width: calc( 75% - 40px ); }
.b8gcol.s7.m-l-5.m-r-5 { width: 87.2%; width: calc( 87.5% - 10px ); }
.b8gcol.s7.m-l-10.m-r-10 { width: 87%; width: calc( 87.5% - 20px ); }
.b8gcol.s7.m-l-15.m-r-15 { width: 86.8%; width: calc( 87.5% - 30px ); }
.b8gcol.s7.m-l-20.m-r-20 { width: 86.6%; width: calc( 87.5% - 40px ); }
.b8gcol.s8.m-l-5.m-r-5 { width: 99.8%; width: calc( 100% - 10px ); }
.b8gcol.s8.m-l-10.m-r-10 { width: 99.6%; width: calc( 100% - 20px ); }
.b8gcol.s8.m-l-15.m-r-15 { width: 99.4%; width: calc( 100% - 30px ); }
.b8gcol.s8.m-l-20.m-r-20 { width: 99.2%; width: calc( 100% - 40px ); }

.b8gcol.p-5 { padding: 5px; }
.b8gcol.p-10 { padding: 10px; }
.b8gcol.p-15 { padding: 15px; }
.b8gcol.p-20 { padding: 20px; }
.b8gcol.p-25 { padding: 25px; }
.b8gcol.p-30 { padding: 30px; }
.b8gcol.p-35 { padding: 35px; }
.b8gcol.p-40 { padding: 40px; }
.b8gcol.p-45 { padding: 45px; }
.b8gcol.p-50 { padding: 50px; }
/* Flotar a la derecha */
.b8gcol.right { float: right; }

.b8gclear::after,
.b8grow:not(.noreset)::after {
	box-sizing: border-box;
	content: "";
	display: block;
	width: 100%;
	height: 0px;
	clear: both;
	float: none;
	padding: 0px;
	margin: 0px;
	border: none;
}