@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto+Slab:300,400|Roboto:300,300i,400,400i,700,700i');

body, p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.heading--accent {
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
}

div {
  display: block;
}

p {
  font-size: 1.1em;
}

a {
  color: #F94706;
  cursor: pointer;
}
a:active {
  color: #F94706;
  text-decoration: none;
}
a:focus {
  color: #F94706;
  text-decoration: none;
}
a:hover {
  color: #F94706;
}

.link--italic {
  font-style: italic;
}

.link--moreInfo {
  font-weight: 600;
}

.page--body {
  background-color: #9FA4A6;
}

.div--pageContent {
  width: 1100px;
  margin: 0 auto;
  background-color: #FFFFFF;
  padding-bottom: 35px;
}

.div--clear {
  clear: both;
}

.div__container--sectionBreak {
  content: "";
  height: 4px;
  border-bottom: 1px solid #AAAAAA;
  border-top: 1px solid #AAAAAA;
  width: 640px;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 35px;
}

.div__container--YouTubeVideo {
  content: "";
  height: 360px;
  border-bottom: 1px solid #AAAAAA;
  border-top: 1px solid #AAAAAA;
  width: 640px;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 35px;
}

/** {*/
  /*border: 1px solid red;*/
/*}*/

.img__cover {
  width: 100%;
}

.paragraph__image--caption {
  font-size: .8em;
  font-style: italic;
  color: #AAAAAA;
  padding-left: 2px;
}
.span--imageCaption {
  display: block;
}
.link__imageCaption {
  display: inline;
}

.list__unordered--links {
  list-style-type: square;
}
.listItem__link {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.5em;
}
.span__listItemLink--note {
  font-weight: 500;
  font-style: italic;
  font-size: .8em;
}

/*
 *  initial show/hides
 */
.div__container--landingMusicMobile {
  display: none;
}

/*
 *  media queries
 */
@media (max-width: 1150px) {
  .div--pageContent {
    width: 840px;
  }
}

@media (max-width: 900px) {
  .div--pageContent {
    width: 720px;
  }
  .div__container--sectionBreak {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .div__container--coverCollection {
    height: 270px;
  }
  .div__container--landingMusicDesktop {
    display: none;
  }
  .div__container--landingMusicMobile {
    display: initial;
  }
  .div__songs--cover {
    padding: none;
    margin-bottom: 15px;
  }
}

@media (max-width: 790px) {
  .div--pageContent {
    width: 370px;
    padding-top: 90px;
  }
  .div__sectionOverview--prompt {
    width: 300px;
  }
  .heading__accent--sideLines span:before,
  .heading__accent--sideLines span:after {
    display: none;
  }
  .heading__accent--sideLines span {
    line-height: 1.1em;
  }
  .div__sectionOverview--section {
    width: 100%;
    margin-bottom: 25px;
  }
  .div__container--sectionImage {
    height: 255px;
  }
  .div__container--sectionBreak {
    width: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .div__container--coverCollection {
    height: 160px;
    overflow: hidden;
  }
  .div__container--albumCovers {
    margin-bottom: 20px;
  }
  .div__perspectives--cover {
    margin-bottom: 25px;
  }
  .list--appearances {
    padding-left: 17px;
  }
  .div__appearances--list {
    margin-bottom: 35px;
  }
  .div__about--cover {
    margin-top: 15px;
  }
  .div__container--stories {
    padding: 15px;
  }
  .div__container--music {
    padding: 15px;
  }
  .div__container--perspectives {
    padding: 15px;
  }
  .div__container--appearances {
    padding: 15px;
  }
  .div__container--about {
    padding: 15px;
  }
  .heading--aboutCTA {
    line-height: 1.2em;
  }
}

@media (max-width: 370px) {
  .div--pageContent {
    width: 100%;
  }
}