* { box-sizing: border-box; }

.orablue { 	background-color: #cbe9f5; color: #f16123; text-indent: 5px; 
						font-weight:600; font-family: berlin sans fb demi, berlin sans fb, arial black;
					}
.bluyellow { 	background-color: #fdf2b4; color: #185e9a; text-indent: 5px; 
							font-weight:600; font-family: berlin sans fb demi, berlin sans fb, arial black;
					}
.orayellow {	background-color: #f95120; color: yellow; text-indent: 5px; 
							font-weight:600; font-family: berlin sans fb demi, berlin sans fb, arial black;
						}
.yellowblu { 	background-color: #fcce54; color: #185e9a; font-size: 20pt; text-align: right; 
							font-weight: 600; font-family: berlin sans fb demi, berlin sans fb, arial black;
					}
.whiteblu {	background-color: #185e9a; color: white; font-size: 20pt; text-align: left; 
						font-weight: 600; font-family: berlin sans fb demi, berlin sans fb, arial black;
					}
					
.berlin 	{ font-family: berlin sans fb, arial black; }
.century		{ font-family: century gothic, tahoma; }
.century10gray	{ font-size:10pt; font-family:century gothic, tahoma; color:gray;}
.arial 	{ font-family : arial; }

.float-right { float:right; }

.inline { display: inline; }

.indent { padding: 14px 0 0 20px; }

#flex-container { display:flex; flex-flow: row wrap; }
.flexcell  	{ width: 50%; }

.image { text-align: center; margin-bottom: 10 0px; border-width: 0 0 10 0px; padding-bottom: 10px;}

.regfont { font-family: Helvetica, Palatino Linotype, Arial Black; }

/*   ########   Small Media   ##########  */
@media (min-width: 200px) and (max-width: 650px) {

.indent-smscr { padding-left: 35px; }
.orablue, .bluyellow, .orayellow	{ text-align: center; }

#flex-container { flex-direction: column; }
.flexcell  	{ width: 100%; }
.yellowblu 	{ padding-right: 40%; }
.whiteblu		{ padding-left: 37%; }

/* Arrange the order at which each section appears in small media screens */
.flexcell:nth-of-type(1) { order:1; }
.flexcell:nth-of-type(2) { order:2; }
.flexcell:nth-of-type(3) { order:3; }
.flexcell:nth-of-type(5) { order:4; }
.flexcell:nth-of-type(4) { order:5; }
.flexcell:nth-of-type(6) { order:6; }
.flexcell:nth-of-type(7) { order:7; }
.flexcell:nth-of-type(8) { order:8; }
.flexcell:nth-of-type(9) { order:9; }
.flexcell:nth-of-type(11) { order:10; }
.flexcell:nth-of-type(10) { order:11; }
.flexcell:nth-of-type(12) { order:12; }

}


