body {
	font-family: Tahoma CE, Tahoma, Verdana CE, Verdana, sans-serif;
	background-color: white;
	color: black;
	font-size: 1.3rem;
}
@media screen and (max-width: 1400px) {body {font-size: 1.18rem;}}
@media screen and (max-width: 1200px) {body {font-size: 0.95rem;}}
@media print {body {font-size: 85%;}}

a {color: #0061ab;}
a:hover {color: #00467b;}

h1 {font-size: 3rem;}
@media screen and (max-width: 768px) {h1 {font-size: 2rem;}}

.btn-primary {background-color: #0061ab;}
.btn-primary:hover {background-color: #00467b;}

header .header-logo {height: 150px; margin-bottom: 15px;}
@media screen and (max-width: 992px) {header .header-logo {height: 125px;}}
@media screen and (max-width: 768px) {header .header-logo {height: 100px;}}

header .nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #0061ab; color: white; padding: 8px 12px; margin: 0 5px;}
header .nav-pills .nav-link.active:hover, .nav-pills .show > .nav-link:hover {background-color: #333; padding: 8px 12px; margin: 0 5px;}
header .nav-link {color: #0061ab; padding: 8px 12px; margin: 0 5px; font-size: 90%;}
header .nav-link:hover {color: #0061ab; background-color: #ddd;}
header .dropdown-menu {font-size: 80%;}
@media (min-width: 992px) {.dropdown:hover > .dropdown-menu {display: block;}}
header .dropdown-item {color: #000; font-weight: bold;}
header .dropdown-item:hover {background-color: #dcdcdc;}
header .dropdown-item.active, .dropdown-item:active {color: black; background-color: #ccc;}

main {
	padding: 40px 0;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
	text-align: center;
	font-size: 80%;
}
@media screen and (max-width: 1200px) {body {font-size: 100%;}}
@media screen and (max-width: 992px) {body {font-size: 110%;}}
@media screen and (max-width: 768px) {body {font-size: 120%;}}
main .alert-light h2 {color: #0061ab; font-weight: bold; border-bottom: 2px solid gray;}
main .alert-light h3 {color: #333;}
main .alert-light h4 {color: #0061ab; font-weight: bold; border-bottom: 1px solid gray;}
main .alert-light h4 span {color: black; font-size: 75%; font-weight: normal;}

main .alert-info {background-color: #bbd8ee;}

main ul {list-style-type: square;}

main .card {margin: 5px 0;}
main .card .card-header {font-size: 90%; background-color: #0061ab; color: #fbe213;}

footer {font-size: 1rem; color: dimgray;}
@media screen and (max-width: 1200px) {footer {font-size: 0.7rem;}}
footer a {color: dimgray;}
footer a:hover {color: black;}
footer img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
/* Disable grayscale on hover */
footer img:hover {
  -webkit-filter: grayscale(0);
  filter: none;
}