body {
  background-color: #333333;
}
.HG {
  color: #C0C0C0;
}
#navsContainer {
  /*background-color: rgba(0, 0, 0, .30);*/
}
#navs a {
  color: #6B6B6B;
}
#navs a:hover {
  color: #C7C7C7;
}
.ornament {}
h2 {
  font-family: "le-havre", sans-serif;
  font-weight: 300;
  font-style: normal;
  display: inline-block;
  text-transform: uppercase;
  color: #C0C0C0;
  letter-spacing: 2px;
  font-size: 3em;
}
#holmesTitle h2 {
  font-size: 1.9em;
  padding-left: 10px;
  padding-right: 10px;
}
.dramas p {
  font-family: "urw-form", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  color: #C0C0C0;
}
.minmys h2 {
  text-transform: lowercase;
}
img.ornament {
  height: 2.2em;
  opacity: 0.7;
  margin-top: -26px;
  padding-right: 20px;
  padding-left: 20px;
}
.minmys img.ornament {
  height: 2.2em;
  opacity: 0.7;
  margin-top: -12px;
  padding-right: 20px;
  padding-left: 20px;
}
#holmesTitle img.ornament {
  height: 2.2em;
  opacity: 0.7;
  margin-top: -12px;
  padding-right: 0;
  padding-left: 0;
}
#flatfinders img {
  width: 100%;
  transform: rotate(3deg);
}
#tracks, #measure, #fugue, #trapdoor, #TDTS, #holmes, #house, #holmesStories, #homes2 {}
#nest img, #tracks img, #measure img, #fugue img, #trapdoor img, #TDTS img, #holmes img, #house img, #vengeance img, #deal img, #holmesStories img, #musicale img, #nest img, #office img, #birds img, #baron img {
  padding: 20px 10px 14px 10px;
}
#arrangements img{
	
	 transform: rotate(-2deg);
}
#birds img {
  transform: rotate(2deg);
}
#office img {
  transform: rotate(-2deg);
}
#nest img {
  transform: rotate(3deg);
}
#tracks img {
  transform: rotate(3deg);
}
#measure img {
  transform: rotate(-2deg);
}
#fugue img {
  transform: rotate(4deg);
}
#trapdoor img {
  transform: rotate(-4deg);
}
#TDTS img {
  transform: rotate(-4deg);
}
#house img {
  transform: rotate(-3deg);
}
#vengeance img {
  transform: rotate(-3deg);
}
#deal img {
  transform: rotate(2deg);
}
#holmes img {
  transform: rotate(3deg);
}
#holmesStories img {
  transform: rotate(-2deg);
}
#musicale img {
  transform: rotate(-2deg);
}
#baron img{
	 transform: rotate(-3deg);
}
p.introText {
  color: #C0C0C0;
}
a.moreBTN {
  color: #C0C0C0;
}
a.more:hover {
  color: #fff;
}
p.dropcap::first-letter {
  color: #434242;
  background-color: #7B7B7B;
}
#interviews {}
.interviews p {
  color: #C0C0C0;
  font-size: 1.2em;
}
.interviews h3 {}
.interviews a {
  color: #ffffff;
  text-decoration: none;
}
.interviews a:hover {
  color: #7B7B7B;
}
.interviews a .subcap {
  font-size: 1.2em;
}
/* 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) {
  .HG {
    border-bottom-width: 5px;
  }
  #tracks, #measure, #fugue, #trapdoor, #TDTS, #holmes, #house {}
  #tracks img, #measure img, #fugue img, #trapdoor img, #TDTS img, #holmes img, #house img, #holmesStories img {
    padding: 10px 5px 7px 5px;
  }
  h2 {
    font-size: 3.4em;
  }
  #holmesTitle h2 {
    font-size: 2.8em;
  }
  img.ornament, #holmesTitle img.ornament {
    height: 2.5em;
    margin-top: -30px;
    padding-right: 0;
    padding-left: 0;
  }
  #flatfinders img {
    padding-top: 40px;
  }
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  #tracks, #measure, #fugue, #trapdoor, #TDTS, #holmes, #house {}
  #tracks img, #measure img, #fugue img, #trapdoor img, #TDTS img, #holmes img, #house img, #holmesStories img {
    padding: 20px 10px 14px 10px;
  }
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  h2, #holmesTitle h2 {
    font-size: 4em;
  }
  img.ornament {
    height: 3.1em;
    margin-top: -38px;
    padding-right: 20px;
    padding-left: 20px;
  }
  #flatfinders img {
    width: 95%;
  }
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .interviews p, .interviews a .subcap {
    font-size: 1.3em;
  }
	#arrangements img{
		width: 80%;
		
	}
}
@media (min-width: 1500px) {
  #tracks, #measure, #fugue, #trapdoor, #TDTS, #holmes, #house {}
  #tracks img, #measure img, #fugue img, #trapdoor img, #TDTS img, #holmes img, #house img, #holmesStories img {
    padding: 40px 20px 28px 20px;
  }
  h2, #holmesTitle h2 {
    font-size: 5em;
  }
  img.ornament {
    height: 3.6em;
    margin-top: -48px;
    padding-right: 20px;
    padding-left: 20px;
  }
  #nest img, #office img, #birds img {
    width: 90%;
  }
  #flatfinders img {
    width: 80%;
    padding-top: 50px;
  }
  .interviews p, .interviews a .subcap {
    font-size: 1.5em;
  }
}