.barlow-condensed-regular {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.barlow-condensed-medium {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.barlow-condensed-regular-italic {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-style: italic;
}
.barlow-condensed-medium-italic {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
}
  
body {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
	background-color: white;
	color: black;
	font-size: 1.45rem;
}
a {color: #7f72b2;}
a:hover {color: black;}

h1 {font-size: 3rem;}

header {background-color: #7f72b2;}
header .header-logo {max-height: 60px;}
header .navbar-brand {font-size: larger;}
header .navbar-brand:hover {color: #fff;}
header .nav-link {color: #ddd;}
header .nav-link:hover {color: #000; background-color: #ddd;}
header .nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #000;}
header .nav-pills .nav-link.active:hover, .nav-pills .show > .nav-link:hover {background-color: #333;}

main {
	padding: 40px 0;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
	text-align: center;
}
main .alert-light h2 {color: #333;}
main ul {list-style-type: square;}
main .maxh200 {height: 200px;}
main .maxh150 {height: 150px;}
main .sedive {
	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 */
main .sedive:hover {
	-webkit-filter: grayscale(0);
	filter: none;
}
  

footer {font-size: 1rem; color: dimgray;}
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;
}
footer .footer-logo {max-height: 200px;}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	header .me-md-auto {margin-right: 0 !important;}
}
@media screen and (max-width: 768px) {
	body {font-size: 1.15rem;}
	h1 {font-size: 2rem;}
	header .nav-link {font-size: 80%; padding-left: 10px; padding-right: 10px;}
	footer {font-size: 0.7rem;}
}

@media print {
	body {font-size: 85%;}
}