body { padding-top: 56px; font-family: "Roboto", sans-serif; }
 a { color: inherit; text-decoration: none; }
 a:hover { text-decoration:underline; }
 h2 { margin-bottom:20px; }
 .navbar { border-bottom:5px solid green; }
.hero { background: url('../img/bnc-group-2023-grey.jpg') center center/cover; min-height: 90vh; no-repeat; height: 500px; color: white; display: flex; align-items: center; justify-content: center; text-align: center; }
.hero h1 { font-size:5rem; line-height:3.2rem; }
.inunity { font-size:2.0rem; }
/*.hero h1 { background-color: rgba(0, 180, 0, 0.5); padding: 20px; border-top:5px solid rgba(255, 0, 0, 0.5); }*/
.footer { background-color: #f8f9fa; padding: 20px 0; text-align: center; font-size:0.8rem; }
.footer img { width: 30px; margin: 0 10px; }

.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search  { margin-top:4px; }
.active>.page-link, .page-link.active { background-color: #6c757d; border-color:#6c757d; }
.page-link { color: inherit; }

/* Very large desktops */
@media (min-width: 1400px) {
	xbody { border-left:5px solid grey !important; } /*DEDUG REMOVE*/
}
/* Large desktops and laptops */
@media (min-width: 1199px) and (max-width: 1399px) {
	xbody { border-left:5px solid orange !important; } /*DEDUG REMOVE*/
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	xbody { border-left:5px solid yellow !important; } /*DEDUG REMOVE*/
	.hero h1 { font-size:4rem; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	xbody { border-left:5px solid green !important; } /*DEDUG REMOVE*/
	.hero h1 { font-size:3rem; }
	.inunity { font-size:1.5rem; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	xbody { border-left:5px solid blue !important; } /*DEDUG REMOVE*/
	.hero h1 { font-size:3rem; }
	.inunity { font-size:1.5rem; }
	.search input { width: 150px; }
	#toolbar h4 { margin-top:5px; }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	xbody { border-left:5px solid red !important; } /*DEDUG REMOVE*/
	.hero h1 { font-size:3rem; }
	.inunity { font-size:1.5rem; }
	.search input { width: 150px; }
	#toolbar h4 { margin-top:5px; }
}