@media only screen and (min-width : 481px) {
   .flex-row.row {
	 display: flex;
	 flex-wrap: wrap;
   }
   .flex-row.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
   }
  .flex-row.row:after, 
  .flex-row.row:before {
	 display: flex;
  }
}

@media (min-width: 1500px) {
	.container {
	    max-width: 80%;
	}
}
@media (min-width: 1600px) {
	.container {
	    max-width: 1500px;
	}
}

@media (max-width: 1600px) {

}
@media (max-width: 1450px) {
	.navbar-nav > li.nav-item { padding: 0 10px .5em; }
}
@media (max-width: 1400px) {

}

@media (max-width: 1350px) {
	.navbar-nav > li.nav-item { padding: 0 10px .5em; }
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link sup {font-size: .9em; }
}
@media (max-width: 1200px) {

}

@media (max-width: 1170px) {
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 0;
	    padding-left: 0;
	}

}

@media (max-width: 1024px) {

}
@media (max-width: 992px) {
	.mobileOn { display: block !important; }
	.mobileOff { display: none; }
	.navbar-brand {
	    margin-top: 6px;
		margin-bottom: 12px;
		width: 150px;
		height: 60px;
	}
	.navbar-light .navbar-toggler {
	    margin-top: 20px;
	    margin-right: 20px;
	    position: absolute;
	    right: 15px;
	}
	.navbar-nav > li.nav-item {
	    padding: 0 1em .5em 0;
	    font-size: 1.25em;
	    line-height: 1.5em;
	}
	.navbar-nav > li.nav-item.active {
	    border-bottom: none;
	}
	.nav-item sup {    color: #92a5b5; }
	.dropdown-menu { border: none; padding-left: 1em; }
	.mobileOn .nav-link.meta-nav { font-size: 1em !important; line-height: 2.5em; text-align: right; margin-right: 30px; }
	
	#navbar-list { float: right; padding-left: 30px;}
	.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link sup {
	    height: auto; padding-left: 30px;
    	line-height: 40px;
	}
	.hub_head { position: absolute; left: 50%; width: 200px; margin-left: -100px; top: 30px; }
	img.brand {padding: 2px 20px;}
/*
	.nav-link:focus {
		background: #bce4fa !important; border: none;
	}
*/
}

@media (max-width: 768px) {
	h1 {
	    margin-top: 0;
	    margin-bottom: .5em;
	    font-size: 1.8em;
	}
	.headerimage {
    	width: 50%;
	}
	.headerText { display: none; }
	h2 {
    	margin-bottom: .5em;
		font-size: 1.25em;
	}
	h3 {
    	font-size: 1.15em;
	    margin-bottom: .75em;
	}
	.col-md-4  img { margin-bottom: 1em; }
/*
	.black { height: 60px; }
	.black { height: 50px;  transition: 1s;  background-color: #fff !important; }
*/

	.black .navbar-toggler {
	    margin-top: -2px;
	}
	.black .collapse.show {
	    margin-top: 60px; transition: .5s;
	}
}

@media (max-width: 667px) {


}

@media (max-width: 568px) {

}
@media (max-width: 500px) {

}

@media (max-width: 395px) {

}

@media (max-width: 350px) {

}

@supports (-webkit-overflow-scrolling: touch) {

}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}


@media only screen and (max-width: 768px) { .mt0 { margin-top: 0px; }
  .mt1 { margin-top: 8px; }   .mt2 { margin-top: 16px; }   .mt3 { margin-top: 24px; }   .mt4 { margin-top: 32px; }   .mt5 { margin-top: 40px; }   .mt6 { margin-top: 48px; }   .mt7 { margin-top: 56px; }   .mt8 { margin-top: 64px; }   .mt9 { margin-top: 72px; }   .mt10 { margin-top: 80px; }   .mb0 { margin-bottom: 0px; }   .mb1 { margin-bottom: 8px; }   .mb2 { margin-bottom: 16px; }   .mb3 { margin-bottom: 24px; }   .mb4 { margin-bottom: 32px; }   .mb5 { margin-bottom: 40px; }   .mb6 { margin-bottom: 48px; }   .mb7 { margin-bottom: 56px; }   .mb8 { margin-bottom: 64px; }   .mb9 { margin-bottom: 72px; }   .mb10 { margin-bottom: 80px; }   .pad0 { padding: 0px; }   .pad1 { padding: 8px; }   .pad2 { padding: 16px; }   .pad3 { padding: 24px; }   .pad4 { padding: 32px; }   .pad5 { padding: 40px; }   .pad6 { padding: 48px; }   .pad7 { padding: 56px; }   .pad8 { padding: 64px; }   .pad9 { padding: 72px; }   .pad10 { padding: 80px; }   .pt0 { padding-top: 0px; }   .pt1 { padding-top: 8px; }   .pt2 { padding-top: 16px; }   .pt3 { padding-top: 24px; }   .pt4 { padding-top: 32px; }   .pt5 { padding-top: 40px; }   .pt6 { padding-top: 48px; }   .pt7 { padding-top: 56px; }   .pt8 { padding-top: 64px; }   .pt9 { padding-top: 72px; }   .pt10 { padding-top: 80px; }   .pb0 { padding-bottom: 0px; }   .pb1 { padding-bottom: 8px; }   .pb2 { padding-bottom: 16px; }   .pb3 { padding-bottom: 24px; }   .pb4 { padding-bottom: 32px; }   .pb5 { padding-bottom: 40px; }   .pb6 { padding-bottom: 48px; }   .pb7 { padding-bottom: 56px; }   .pb8 { padding-bottom: 64px; }   .pb9 { padding-bottom: 72px; }   .pb10 { padding-bottom: 80px; } }