.flexBoxer {
	display: flex;
	flex-wrap: wrap;
}
.boxy  {
	display: flex; 
	padding: 0.5em;
	width: 33%;
}
.boxy-item  {
	display: flex; 
	padding: 0.2em;
	width: 100%;
}
.boxy-content {
   display: flex;
   flex-direction: column;
   background-color: #fff;
   color:#222;
   padding: 1em;
   width: 100%;
   border:1px solid #c5c5c5;
}
.boxy-content.noborder {
   border:1px solid transparent;
}
.boxy-content a {
   color: #248dc1;
   font-weight:600;
}
.boxy-content ul {
	display:inline-block;
	margin:0 auto;
	padding-inline-start: 1.35em;
	max-width: 300px;
}
.boxy-content li {
	text-align:left;
	font-size:0.9rem;
	line-height:2.0;
}
.boxy-content.borderRadius {
	border-radius:8px;
}
.boxy-content.pc10 {
   background-color: #e5e5e5;
   color:#000;
   border:1px solid #bbb;
}
.boxy-content.pc10 a {
   color:#2284b5;
}
.boxy-content.pc20 {
   background-color: #cccccc;
   color:#000;
   border:1px solid #aaa;
}
.boxy-content.pc20 a {
   color:#1475a6;
}
.boxy-content.pc30 {
   background-color: #b3b3b3;
   color:#000;
   border:1px solid #a8a8a8;
}
.boxy-content.pc30 a {
   color:#0b6b9c;
}	
.boxy-content.pc40 {
   background-color: #999999;
   color:#fff;
   border:1px solid #777;
}
.boxy-content.pc40 a {
   color:#c7ecff;
}
.boxy-content.pc50 {
   background-color: #808080;
   color:#fff;
   border:1px solid #656565;
}
.boxy-content.pc50 a {
   color:#bddded;
}
.boxy-content.pc60 {
   background-color: #666666;
   color:#fff;
   border:1px solid #444;
}
.boxy-content.pc60 a {
   color:#bddded;
}	
.boxy-content.pc70 {
   background-color: #4d4d4d;
   color:#fff;
   border:1px solid #353535;
}
.boxy-content.pc70 a {
   color:#9dcae0;
}			
.boxy-content.pc80 {
   background-color: #333;
   color:#fff;
   border:1px solid #333;
}
.boxy-content.pc80 a {
   color:#8dcbeb;
}		
.boxy-content.pc90 {
   background-color: #1a1a1a;
   color:#fff;
   border:1px solid #1a1a1a;
}
.boxy-content.pc90 a {
   color:#63c6f7;
}
.boxy-content.pc100 {
   background-color: #000;
   color:#fff;
   border:1px solid #000;
}
.boxy-content.pc100 a {
   color:#6ecbfa;
}

.boxy-content.semitranswhite90 {
   background: rgba(255,255,255,0.90);
   color:#000;
   border:1px solid #222;
}
.boxy-content.semitranswhite80 {
   background: rgba(255,255,255,0.80);
   color:#000;
   border:1px solid #333;
}
.boxy-content.semitranswhite75 {
   background: rgba(255,255,255,0.75);
   color:#000;
   border:1px solid #444;
}
.boxy-content.semitranswhite60 {
   background: rgba(255,255,255,0.60);
   color:#000;
   border:1px solid #444;
}
.boxy-content.semitranswhite90 a, .boxy-content.semitranswhite80 a, .boxy-content.semitranswhite75 a, .boxy-content.semitranswhite60 a {
   color:#1d7099;
}

.boxy-content.semitransblack90 {
   background: rgba(0,0,0,0.90);
   color:#ddd;
   border:1px solid #eee;
}
.boxy-content.semitransblack80 {
   background: rgba(0,0,0,0.80);
   color:#eee;
   border:1px solid #eee;
}
.boxy-content.semitransblack75 {
   background: rgba(0,0,0,0.75);
   color:#eee;
   border:1px solid #eee;
}
.boxy-content.semitransblack60 {
   background: rgba(0,0,0,0.60);
   color:#fff;
   border:1px solid #eee;
}
.boxy-content.semitransblack50 {
   background: rgba(0,0,0,0.50);
   color:#fff;
   border:1px solid #ddd;
}
.boxy-content.semitransblack40 {
   background: rgba(0,0,0,0.40);
   color:#fff;
   border:1px solid #ddd;
}
.boxy-content.semitransblack30 {
   background: rgba(0,0,0,0.30);
   color:#fff;
   border:1px solid #ddd;
}
.boxy-content.semitransblack20 {
   background: rgba(0,0,0,0.20);
   color:#fff;
   border:1px solid #ddd;
}
.boxy-content.semitransblack10 {
   background: rgba(0,0,0,0.10);
   color:#fff;
   border:1px solid #ddd;
}
.boxy-content.semitransblack05 {
   background: rgba(0,0,0,0.05);
   color:#fff;
   border:1px solid #ddd;
}
.boxy-content.semitransblack90 a, .boxy-content.semitransblack80 a, .boxy-content.semitransblack75 a, .boxy-content.semitransblack60 a {
   color:#28b4fa;
}

.boxy-content.nopadding {
	padding:0;
}

.boxy-content p {
  flex: 1 0 auto;
  font-size:0.9em;
}
.flexed {
  flex: 1 0 auto;
}

.boxy.onehundred  {
	display: flex; 
	padding: 0.5em;
	width: 100%;
}
.boxy.seventyfive  {
	display: flex; 
	padding: 0.5em;
	width: 75%;
}
.boxy.sixtysix  {
	display: flex; 
	padding: 0.5em;
	width: 66.6666%;
}
.boxy.fifty  {
	display: flex; 
	padding: 0.5em;
	width: 50%;
}
.boxy.forty  {
	display: flex; 
	padding: 0.5em;
	width: 40%;
}
.boxy.thirtythree  {
	display: flex; 
	padding: 0.5em;
	width: 33.3333%;
}
.boxy.thirtythreefifty  {
	display: flex; 
	padding: 0.5em;
	width: 33.3333%;
}
.boxy.twentyfive  {
	display: flex; 
	padding: 0.5em;
	width: 25%;
}

@media screen and (max-width: 768px) {
	 .boxy.thirtythreefifty  { width: 50%; }
}
@media screen and (max-width: 640px) {
	.boxy, .boxy.seventyfive, .boxy.sixtysix, .boxy.fifty, .boxy.forty, .boxy.thirtythree, .boxy.thirtythreefifty, .boxy.twentyfive { width:100% }
}
@media screen and (max-width: 480px) {
	
}