.image,
.masonry,
img {
  width: 100%;
}
#bio,
#listen {
  grid-row-end: span 8;
}
#shows,
#videos {
  grid-row-end: span 5;
}
.venue,
i,
p.source {
  font-style: italic;
}
.gallery,
.masonry {
  grid-row-gap: 20px;
  display: grid;
}
body {
  font-family: Alegreya, serif;
  background-image: url("../images/texture.jpg");
  background-repeat: initial;
}
h1,
h2,
h3,
h4 {
  font-weight: 800;
}
a,
a:hover {
  color: #94a8c4;
}
#album-preview {
  padding: 30px;
}
p {
  /* font-size: 14px */
  margin-bottom: 0.75em !important;
}
.heading {
  font-family: "IM Fell English", serif;
  font-size: 1.3em;
  color: #6e4e53;
  /* padding-left: 10px; */
  /* margin-bottom: -15px */
}
hr {
  border: 2px dashed #614747d6;
  border: none;
  height: 4px !important;
  background: url("../images/hr_bg3.webp") center repeat-x;
  border-radius: 2px;
}
#container {
  padding: 0 70px;
  max-width: 1200px;
  margin: auto;
}
.masonry {
  grid-template-columns: 11fr 9fr;
  grid-column-gap: 60px;
  grid-auto-rows: 60px;
}
.masonry-brick {
  margin-bottom: 50px;
}
.masonry-brick.left {
  grid-column: 1;
}
.masonry-brick.right {
  grid-column: 2;
}
.image {
  min-height: 200px;
  background-size: cover;
  background-position: center;
}
#bio {
  order: 1;
}
#shows {
  order: 2;
}
#album-intro {
  grid-row-end: span 9;
  order: 3;
}
#listen {
  order: 4;
}
#videos {
  order: 5;
}
#photos {
  grid-row-end: span 10;
  order: 6;
}
#recent-press {
  grid-row-end: span 6;
  order: 7;
}
.bio-image {
  background-image: url("../images/000035000025.jpg");
  height: 300px;
  margin-bottom: 20px;
}
#genres p {
  margin-bottom: 10px;
  font-size: 15px;
}
.divide {
  margin: -13px 0 20px;
}
.full-event {
  display: grid;
  grid-template-columns: 2fr 3fr 4fr;
}
.quote {
  margin-bottom: 1.5rem;
}
.quote p {
  margin-bottom: 0.5rem;
}
p.source {
  padding-left: 1rem;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
  background: #92a0b7;
  color: #fff;
}
.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px #92a0b77d;
}
.plyr__control--overlaid {
  background: #92a0b7d1;
}
.plyr--full-ui input[type="range"] {
  color: #92a0b7;
}
.gallery a {
  display: inline-block;
}
#footer {
  margin: 40px 0 80px;
}
#social-container {
  max-width: 400px;
  margin: 40px auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
}
.social {
  max-width: 32px;
}
.social a:hover img {
  -webkit-filter: drop-shadow(1.5px 2.5px 0 #c8b671);
  filter: drop-shadow(1.5px 2.5px 0 #c8b671);
}
@media screen and (max-width: 900px) {
  .bio-image {
    background-image: url("../images/000035000025_medium.jpg");
  }
  #container {
    padding: 0 20px;
  }
  .masonry {
    grid-column-gap: 20px;
  }
}
@media screen and (max-width: 770px) {
  .image {
    min-height: 50px;
  }
  .bio-image {
    background-image: url("../images/000035000025_small.jpg");
    height: 280px;
  }
  #container {
    padding: 0 70px;
  }
  .masonry {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
  .masonry-brick.left,
  .masonry-brick.right {
    grid-column: 1;
    grid-row-end: auto !important;
  }
}
@media screen and (max-width: 600px) {
  .bio-image {
    background-image: url("../images/000035000025_small.jpg");
    height: 200px;
  }
  #container {
    padding: 0 20px;
  }
}