:root {
--sz1:0.4em;
--sz2:2.0px;
--pdp:1.0%; --xpdp:2.0%; --sw: 8.22%; --pd:1.0vh;
}
* { margin:0; padding: 0; font-family: 'Raleway',Helvetica, arial, courier; font-weight: 400; }

.content { margin: 0 auto; padding: 10px; }

.f_hold { display: flex; flex-flow: row wrap; flex-wrap: wrap; flex-flow: space-around; justify-content: flex-end; margin: 0;}

.col { padding: calc(1.5*var(--pd)) 0 0 var(--pdp); }
.xcol { padding: calc(1.5*var(--pd)) var(--xpdp) 0 var(--xpdp); }
.rpad { padding-right: var(--pdp); }

.hf { min-height: 100vh; }

.f_col_1  {  flex-grow:  1; flex-basis: calc( 1*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
.f_col_2  {  flex-grow:  2; flex-basis: calc( 2*var(--sw) - 2*var(--pdp)); flex-shrink: 2; }
.f_col_3  {  flex-grow:  3; flex-basis: calc( 3*var(--sw) - 2*var(--pdp)); flex-shrink: 3; }
.f_col_4  {  flex-grow:  4; flex-basis: calc( 4*var(--sw) - 2*var(--pdp)); flex-shrink: 4; }
.f_col_5  {  flex-grow:  5; flex-basis: calc( 5*var(--sw) - 2*var(--pdp)); flex-shrink: 5; }
.f_col_6  {  flex-grow:  6; flex-basis: calc( 6*var(--sw) - 2*var(--pdp)); flex-shrink: 6; }
.f_col_7  {  flex-grow:  7; flex-basis: calc( 7*var(--sw) - 2*var(--pdp)); flex-shrink: 7; }
.f_col_8  {  flex-grow:  8; flex-basis: calc( 8*var(--sw) - 2*var(--pdp)); flex-shrink: 8; }
.f_col_9  {  flex-grow:  9; flex-basis: calc( 9*var(--sw) - 2*var(--pdp)); flex-shrink: 9; }
.f_col_10 {  flex-grow: 10; flex-basis: calc(10*var(--sw) - 2*var(--pdp)); flex-shrink: 10; }
.f_col_11 {  flex-grow: 11; flex-basis: calc(11*var(--sw) - 2*var(--pdp)); flex-shrink: 11; }
.f_col_12 {  flex-grow: 12; flex-basis: calc(12*var(--sw) - 2*var(--pdp)); flex-shrink: 12; }

.col_1  {  flex-basis: calc( 1*var(--sw) - 2*var(--xpdp)); }
.col_2  {  flex-basis: calc( 2*var(--sw) - 2*var(--xpdp)); }
.col_3  {  flex-basis: calc( 3*var(--sw) - 2*var(--xpdp)); }
.col_4  {  flex-basis: calc( 4*var(--sw) - 2*var(--xpdp)); }
.col_5  {  flex-basis: calc( 5*var(--sw) - 2*var(--xpdp)); }
.col_6  {  flex-basis: calc( 6*var(--sw) - 2*var(--xpdp)); }
.col_7  {  flex-basis: calc( 7*var(--sw) - 2*var(--xpdp)); }
.col_8  {  flex-basis: calc( 8*var(--sw) - 2*var(--xpdp)); }
.col_9  {  flex-basis: calc( 9*var(--sw) - 2*var(--xpdp)); }
.col_10 {  flex-basis: calc(10*var(--sw) - 2*var(--xpdp)); }
.col_11 {  flex-basis: calc(11*var(--sw) - 2*var(--xpdp)); }
.col_12 {  flex-basis: calc(12*var(--sw) - 2*var(--xpdp)); }

.mid { margin: auto; }
.rgt { margin: auto 0 auto auto; }
.shd { box-shadow: 0 2px 15px -3px var(--b4); margin-top: 30px; }
.tac { text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }
.brb { border-bottom: thin solid rgba(100,100,100,0.2); box-shadow: 0 1px 2px -2px rgba(255,255,255,0.75); }
.brr { border-right: 10px solid white; }
.brl { border-left: 10px solid white; }
.breb { border-bottom: 10px solid white; }
.brt { border-bottom: 10px solid white; }
.clear {
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}
.hs { min-height: 3em; border: none; width: 100%; }

@media (min-width: 601px) {
	.mob { visibility: hidden; display: none; }
	/* .m_col_1  {  flex-grow: 1; flex-basis: calc( 1*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_2  {  flex-grow: 1; flex-basis: calc( 2*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_3  {  flex-grow: 1; flex-basis: calc( 3*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_4  {  flex-grow: 1; flex-basis: calc( 4*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_5  {  flex-grow: 1; flex-basis: calc( 5*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_6  {  flex-grow: 1; flex-basis: calc( 6*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_7  {  flex-grow: 1; flex-basis: calc( 7*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_8  {  flex-grow: 1; flex-basis: calc( 8*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_9  {  flex-grow: 1; flex-basis: calc( 9*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_10 {  flex-grow: 1; flex-basis: calc(10*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_11 {  flex-grow: 1; flex-basis: calc(11*var(--sw) - 2*var(--pdp)); flex-shrink: 1; }
	.m_col_12 {  flex-grow: 1; flex-basis: calc(12*var(--sw) - 2*var(--pdp)); flex-shrink: 1; } */
}
@media (max-width:600px) {
	* {font-size: 10px; }
	.mob { visibility: visible; }
	.m_col_1  {  flex-grow:  2; flex-basis: calc( 2*var(--sw) - 2*var(--pdp)); flex-shrink: 2; }
	.m_col_2  {  flex-grow:  4; flex-basis: calc( 4*var(--sw) - 2*var(--pdp)); flex-shrink: 4; }
	.m_col_3  {  flex-grow:  4; flex-basis: calc( 4*var(--sw) - 2*var(--pdp)); flex-shrink: 4; }
	.m_col_4  {  flex-grow:  6; flex-basis: calc( 6*var(--sw) - 2*var(--pdp)); flex-shrink: 6; }
	.m_col_5  {  flex-grow:  6; flex-basis: calc( 6*var(--sw) - 2*var(--pdp)); flex-shrink: 6; }
	.m_col_6  {  flex-grow:  6; flex-basis: calc( 6*var(--sw) - 2*var(--pdp)); flex-shrink: 6; }
	.m_col_7  {  flex-grow:  6; flex-basis: calc( 6*var(--sw) - 2*var(--pdp)); flex-shrink: 6; }
	.m_col_8  {  flex-grow:  6; flex-basis: calc( 6*var(--sw) - 2*var(--pdp)); flex-shrink: 6; }
	.m_col_9  {  flex-grow:  8; flex-basis: calc( 8*var(--sw) - 2*var(--pdp)); flex-shrink: 8; }
	.m_col_10 {  flex-grow:  8; flex-basis: calc( 8*var(--sw) - 2*var(--pdp)); flex-shrink: 8; }
	.m_col_11 {  flex-grow: 10; flex-basis: calc(10*var(--sw) - 2*var(--pdp)); flex-shrink: 10; }
	.m_col_12 {  flex-grow: 12; flex-basis: calc(12*var(--sw) - 2*var(--pdp)); flex-shrink: 12; }

	.mcol_1  {  flex-basis: calc( 2*var(--sw) - 2*var(--pdp));  }
	.mcol_2  {  flex-basis: calc( 4*var(--sw) - 2*var(--pdp));  }
	.mcol_3  {  flex-basis: calc( 4*var(--sw) - 2*var(--pdp));  }
	.mcol_4  {  flex-basis: calc( 6*var(--sw) - 2*var(--pdp));  }
	.mcol_5  {  flex-basis: calc( 6*var(--sw) - 2*var(--pdp));  }
	.mcol_6  {  flex-basis: calc( 6*var(--sw) - 2*var(--pdp));  }
	.mcol_7  {  flex-basis: calc( 6*var(--sw) - 2*var(--pdp));  }
	.mcol_8  {  flex-basis: calc( 6*var(--sw) - 2*var(--pdp));  }
	.mcol_9  {  flex-basis: calc( 8*var(--sw) - 2*var(--pdp));  }
	.mcol_10 {  flex-basis: calc( 8*var(--sw) - 2*var(--pdp));  }
	.mcol_11 {  flex-basis: calc(10*var(--sw) - 2*var(--pdp));  }
	.mcol_12 {  flex-basis: calc(12*var(--sw) - 2*var(--pdp));  }
}