:root {
    --Darker     : #000;
    --Dark       : #222;
    --MediumDark : #444;
    --Medium     : #666;
    --MediumLight: #999;
    --Light      : #aaa;
    --Lighter    : #ccc;
  }

.container { min-width: 200px; max-width: 1800px; margin-top: 3rem; }

.bg-dark { background-color: var(--MediumDark)!important; }

p, ul { margin-bottom: 2rem; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-family: 'Lobster'; }
h1, h2, h3, h4, h5 { line-height: 1.4; }

h1, .h1 { font-size: 4rem; }
h1 { margin-top: 0; }

h2, .h2 { font-size: 2.75rem; }
h2 { margin-top: 0; color: var(--Medium); }

h3, .h3 { font-size: 1.5rem; }
h3 { margin-top: 1rem;}

h4 { font-size: 1.25rem; font-weight: bold; }

body { font-family: 'Lobster'; font-size: 2rem; line-height: 1.5; background: #e0e0e0; margin-bottom: 2rem; }

.btn-primary { text-decoration: none; background-color: var(--Dark); border-color: var(--Dark); }
.btn-primary:hover { text-decoration: none; background-color: var(--MediumDark); border-color: var(--MediumDark); color: white; }
.btn-primary[disabled] { background-color: var(--Medium); border-color: var(--Medium); color: var(--MediumLight); }

.btn-outline-primary { text-decoration: none; border-color: var(--Dark); color: var(--Dark); }
.btn-outline-primary:hover { text-decoration: none; background-color: var(--Light); border-color: var(--Dark); color: var(--Dark); }
.navbar-nav { justify-content: center; width: 100%; }
.navbar-btn { border-color: white; color: white; }
.navbar-btn:hover { background-color: var(--Lighter); border-color: var(--Darker); color: var(--Darker); }
nav .nav-link { white-space: nowrap; margin: 0 2rem; }
nav { font-family: 'Staatliches'; font-size: 2rem; }

.centerimg, a.video img { margin: 1rem auto; display: block; }

.error { background: var(--Light); color: var(--Dark); padding: 8px 16px; }

.mt-n1 { margin-top: -0.25rem; }
.mt-n2 { margin-top: -0.50rem; }
.mt-n3 { margin-top: -1.00rem; }
.mt-n4 { margin-top: -1.50rem; }
.mt-n5 { margin-top: -3.00rem; }

.navbar a:hover, .navbar a:focus, .navbar a:active { text-decoration: none; }

img { display: block; border-radius: .8rem; box-shadow: .5rem .5rem .5rem rgba(0, 0, 0, 0.3); margin: .8rem auto; 
  max-width: 100%; }

.container a { display: block; border-radius: .8rem; text-align: center; margin: .8rem; 
  padding: 1rem; border: .25rem solid transparent; background: var(--Lighter); line-height: 1; }

.container a, a * { text-decoration: none; color: inherit; }
.container a:hover, .container a:focus, .container a:active { border: .25rem solid var(--Medium); background: var(--MediumLight); }

.homeLink { display: inline-block; margin: 1rem; padding: 0; }
.homeLink a, .homeLink a:hover, .homeLink a:focus, .homeLink a:active { display: inline;
  text-decoration: none; color: inherit; background: transparent; border: 0; margin: 0; padding: 0; }

@media screen and (max-width: 640px) {
	h1 { font-size: 3rem; }
	h2 { font-size: 2rem; }
  nav .nav-link { white-space: nowrap; margin: 0 .2rem; font-size: 1.5rem; }
}