body {
  padding: 0 0 5rem 0;    /* padding for fixed-nav */
  font-family: 'Ubuntu', sans-serif;
  background-color: #212529;
  font-size:1.05rem;
	color: #f1f1f1;
}


/*
font-family: 'Cabin Sketch', cursive;
font-family: 'Indie Flower', cursive;
font-family: 'Syne Mono', monospace;
*/




p {
  font-size:1.05rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Alfa Slab One', serif;
    color: #f1f1f1;
}
h1 {
	font-size:1.5rem;
    color: #f1f1f1;
}
h2 {  
  font-size:1.4rem;
}
h3 {
  font-size:1.75rem;
}
h4 {
  font-size:.9rem;
}
h5 {
  color: #f1f1f1;
}

a {
  color: #d1d1d1;
  text-decoration: none;

}

a:hover {
  color: #f1f1f1;
  text-decoration: none;
}



/* NAV STUFF */
.navbar-brand {
  font-family: 'Syne Mono', monospace;

  font-size:1rem;
  color: #f1f1f1;
  padding:0 0 0 0;
}

.nav-link {
  font-family: 'Syne Mono', monospace;
  font-size:.9rem;
  display: block;
}
.dropdown-item{
  font-family: 'Syne Mono', monospace;
  
  font-size:.8rem;
  display: block;
}
.pg-dropdwn-menu {
  min-width: 4rem;
}

.navbar-text {
  font-family: 'Cabin Sketch', cursive;
}

/* VIDEO PAGE BODY STUFF */

.v-page h1 {
  font-size:1rem;
  text-align: center;
}
.v-page h2 {
  font-size:.96rem;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  text-align: center;
}
.v-page h4 {
  font-size:1rem;
}



/* pg button colors */

.btn-pg-green {
  background-color: #5c9321;
  color: #FFFFFF;
  border-color: #5c9321;
}

.btn-pg-blue {
  background-color: #003c84;
  color: #FFFFFF;
  border-color: #003c84;
}

.btn-pg-orange {
  background-color: #ed6f07;
  color: #FFFFFF;
  border-color: #ed6f07;
}


.btn-pg-green:hover {
  background-color: #3a660b;
  border-color: #3a660b;
  color: #ffffff;
}
.btn-pg-blue:hover {
  background-color: #01244e;
  border-color: #01244e;
  color: #ffffff;
}
.btn-pg-orange:hover {
  background-color: #944403;
  border-color: #944403;
  color: #ffffff;
}




/* progress bar */
#progress-bar {
  height: 1.4rem;
  background-color: #b9d19f;
}

#progress {
  background-color: #ed6f07;
}





/* VIDEO STUFF*/

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  text-align: center;
}

.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.controls {
  margin-top: 10px;
  text-align: center;
}

.pgvid {
    display: none;
}




/* VEIWPORT SIZING */

@media (min-width: 576px) {
	h1 {font-size:1.7rem;}
	.v-page h1 {font-size:1.2rem;}
	.v-page h4 {font-size:1.1rem;}  
}
@media (min-width: 768px) {
	h1 {font-size:2rem;}
	.v-page h1 {font-size:1.5rem;}
	.v-page h4 {font-size:1.4rem;}  
}
@media (min-width: 992px) {
	h1 {font-size:2.3rem;}
	.v-page h1 {font-size:1.6rem;}
	.v-page h4 {font-size:1.7rem;}  
}
@media (min-width: 1200px) {
	h1 {font-size:2.5rem;}
	.v-page h4 {font-size:2rem;}  
}
@media (min-width: 1400px) {
	h1 {font-size:3rem;}
	.v-page h4 {font-size:2.2rem;}  
}