:root {
	--color-red: #b30000;
	--color-blue: #000067;
	--color-links: #23236a;
	--background-banner: #f6f6f8;
	--background-copy: #e0e0e7;
	--background-web-dev: #d5d5de;
	--background-dark: #505065;
}
body {
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 0;
}
body.more-info {
	background-image: url('/images/backgrounds/Chatt-Hills-001.jpg'); 
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
div.wrapper-more-info {
	background: var(--background-copy);
	opacity: 0.6;
}
.shadow-text {
	 text-shadow: 1px 1px var(--color-blue);
}
.navbar-brand img {
	max-width: 150px;
	box-shadow: none !important;
}
.banner {
	margin-top: 1rem;
	margin-bottom: 1rem;
	background-color: var(--background-banner);
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
img {
	max-width: 100%; 
	height: auto;
	box-shadow: 0 3px 3px rgb(0 0 0 / 0.2);
}
.logo img,
img.signature  {
	max-width: 300px;
	box-shadow: none !important;
}
h1 {
	color: var(--color-red);
	text-align: center;
	padding: 3% 0 0 0;
	font-size: calc(1.375rem + 1.3vw);
}
h2, 
.intro {
	color: var(--color-blue);
}
p {
	font-size: calc(1rem + 0.1vw);
}
a {
	color: var(--color-links);
}
a.nav-link {
	text-decoration: none !important;
}
.btn-default {
    color: #fff;
    background-color: var(--color-blue);
    border-color: #0d6efd;
	margin: 1%;
}
a.btn-default:hover {
	 color: #fff;
}
.btn-outline-default {
    color: var(--color-blue);
    background-color: #fff;
    border-color: #0d6efd;
}
a.btn-outline-default:hover {
    color: var(--color-blue);
}
ul {
	list-style-type: none;
}
ul.spons-custom > li{
	color: var(--color-blue);
	list-style-type: disc;
	font-size: calc(1.1rem + 0.1vw);
}
ul.spons-events-list > li {
	font-size: calc(1.1rem + 0.4vw);
	list-style-type: none;
}
ul.spons-events {
	list-style-type: '- ';
	font-size: calc(1rem + 0.1vw);
}
ul.spons-classics{
	list-style-type: disc;
}
footer {
	border-top: 1px solid var(--color-blue);
	background-color: var(--background-web-dev);
	z-index: 1000;
}
.copyright {
	background-color: var(--background-copy);
	padding: 1% 0;
	z-index: 1000;
}
.web-dev {
	font-size: 90%;
	border-top: 1px solid var(--color-blue);
	background-color: var(--background-web-dev);
	padding: 1% 0;
	z-index: 1000;
}