body {
  background-color: #565656;
}
#HGheader {}
.HG {
  color: #C0C0C0;
}
#navsContainer {
  /*background-color: rgba(0, 0, 0, .30);*/
}
#navs a {
  color: #000;
}
#navs a:hover {
  color: #C7C7C7;
}
p.introText {
  color: #B7B7B7;
  font-family: "urw-form", sans-serif;
font-weight: 400;
font-style: normal;
}
a.moreBTN {
  color: #D3D3D3;
}
a.moreBTN:hover {
  color: #fff;
}
.youTubeText {
  font-size: .9em;
  line-height: 1.3em;
  display: block;
}
em {
  font-family: "urw-form", sans-serif;
font-weight: 400;
font-style: italic;
}
p.dropcap::first-letter {
  color: #000;
  background-color: #737171;
}
.vids {
  margin-top: 30px;
}
.vids iframe {
  padding-bottom: 20px;
}
#TTWMFLcover{
  position: relative;
  width: 100%;
 
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
/* Extra small devices (portrait phones, less than 576px)*/
/* No media query since this is the default in Bootstrap

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}
@media (min-width: 1500px) {}