:root {
  --rich-black: #0b0b0c;
  --warm-gray: #a39c8e;
  --vegas-gold: #ad8731;
  --charcoal: #161513;
  --champagne-gold: #d9b45e;
  --deep-wine: #7a1f2b;
  --warm-ivory: #f4efe6;
  --white: white;
  --black: black;
}

body {
  background-color: var(--rich-black);
  color: var(--warm-gray);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  color: var(--vegas-gold);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.1;
}

h2 {
  color: var(--vegas-gold);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  color: var(--vegas-gold);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
  transition: all .3s;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}

img {
  object-fit: cover;
  max-width: 100%;
  display: inline-block;
}

.nav-shell {
  z-index: 991;
  position: fixed;
  inset: 0% 0% auto;
}

.footer {
  background-color: var(--charcoal);
  padding-top: 40px;
  padding-bottom: 40px;
}

.header.home-bg {
  background-image: url('../images/vgs-bg2.webp');
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 86vh;
  padding-top: 160px;
  padding-bottom: 60px;
  display: flex;
}

.header.about-bg {
  background-image: url('../images/vgs-bg2.webp');
  background-position: 50% 30%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 50vh;
  padding-top: 140px;
  padding-bottom: 60px;
  display: flex;
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.bg-color {
  background-color: var(--charcoal);
}

.section.top-zero {
  padding-top: 0;
}

.navbar-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: #ddd0;
  padding-top: 14px;
  padding-bottom: 14px;
}

.container {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.navbar-logo {
  width: 160px;
}

.navbar-link {
  color: var(--vegas-gold);
  text-transform: uppercase;
  border-radius: 2px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.navbar-link:hover {
  color: var(--champagne-gold);
  text-decoration: overline;
  text-decoration-thickness: 2px;
}

.navbar-link.w--current {
  color: var(--deep-wine);
  text-decoration: overline;
  text-decoration-thickness: 2px;
}

.prime-button {
  background-color: var(--deep-wine);
  color: var(--warm-ivory);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 12px 30px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  transition: all .3s;
  transform: translate(0);
}

.prime-button:hover {
  transform: translate(0, -3px);
}

.home-header {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.header-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.h1-title-38px {
  font-size: 38px;
}

.text-18px {
  font-size: 18px;
}

.button-group {
  grid-column-gap: 20px;
  grid-row-gap: 14px;
  flex-flow: row;
  align-items: center;
  display: flex;
}

.button-group.top-20px {
  margin-top: 20px;
}

.second-button {
  background-color: var(--vegas-gold);
  color: var(--warm-ivory);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 12px 30px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  transform: translate(0);
}

.second-button:hover {
  transform: translate(0, -3px);
}

.video-block {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.video-block.border {
  border: 1px dashed #ad873180;
}

.thumbnail {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}

.thumbnail.ratio-16-10 {
  aspect-ratio: 16 / 10;
  border-radius: 4px;
}

.play-button {
  z-index: 1;
  background-image: url('../images/Play-Button.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
  width: 60px;
  height: 60px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.play-button:hover {
  background-image: url('../images/Play-Button-1.svg');
}

.video-overly {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #00000038;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: absolute;
  inset: 0%;
}

.yt-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--warm-ivory);
  background-color: #0006;
  border-radius: 0 4px 4px;
  align-items: center;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.yt-image {
  width: 90px;
}

.yt-text {
  font-weight: 600;
}

.footer-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.social-link {
  color: var(--warm-gray);
  background-image: url('../images/Facebook-1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 30px;
}

.social-link:hover {
  color: var(--vegas-gold);
  background-image: url('../images/Facebook-2.svg');
}

.year-code {
  display: none;
}

.band-intro {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.intro-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.intro-card.gap-20px {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.h2-title-28px {
  font-size: 28px;
}

.intro-sub {
  font-weight: 600;
}

.intro-img {
  aspect-ratio: 3 / 2;
  border-radius: 4px;
  width: 100%;
  height: 100%;
}

.intro-img.border {
  border: 1px dashed #ad873180;
}

.intro-img.position {
  object-position: 50% 10%;
}

.span-text {
  color: var(--vegas-gold);
}

.band-check {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px dashed #ad873180;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  padding-top: 60px;
  display: grid;
}

.check-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--charcoal);
  border-radius: 4px;
  flex-flow: column;
  padding: 26px;
  display: flex;
}

.h3-title-22px {
  font-size: 22px;
}

.text-15px {
  font-size: 15px;
}

.check-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.quote-wrap {
  border: 1px dashed #ad873180;
  border-radius: 4px;
  margin-top: 10px;
  padding: 20px;
}

.text-field {
  background-color: var(--charcoal);
  width: 100%;
  min-height: 36px;
  color: var(--warm-ivory);
  border: 1px dashed #000;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 8px 12px;
}

.text-field:hover, .text-field:focus {
  border-color: #ad873180;
}

.text-field::placeholder {
  color: #a39c8ecc;
}

.button-wrap.top-20px {
  margin-top: 20px;
}

.check-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.hidden-form {
  margin-bottom: 0;
  display: none;
}

.feature-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-img {
  width: 240px;
}

.feature-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.feature-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.feature-icon {
  width: 40px;
}

.h2-title-22px {
  font-size: 22px;
}

.include-artists {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.include-imgs {
  border: 1px dashed #ad873180;
  border-radius: 4px;
  width: 100%;
  padding: 10px;
}

.include-img {
  width: 100%;
}

.home-gallery {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.gallery-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.gallery-card {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.gallery-img {
  aspect-ratio: 3 / 2;
  width: 100%;
}

.gallery-overly {
  z-index: 1;
  background-color: #ad873180;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.g-overly-icon {
  width: 40px;
}

.after-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.after-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.after-bold {
  font-weight: 600;
}

.advantage {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  border-top: 1px dashed #ad873180;
  flex-flow: column;
  margin-top: 60px;
  padding-top: 60px;
  display: flex;
}

.advantage-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.advantage-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px dashed #ad873180;
  border-radius: 4px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.review-block {
  z-index: 2;
  border: 1px dashed #ad873180;
  border-radius: 4px;
  padding: 40px;
  position: relative;
}

.cta-block {
  background-color: var(--charcoal);
  border-radius: 4px;
  margin-top: 60px;
  padding: 40px;
}

.cta-block.gap-0 {
  margin-top: 0;
}

.review-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 80%;
  display: flex;
}

.review-athor {
  font-weight: 600;
}

.review-btm {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.review-quote {
  width: 100px;
  position: absolute;
  inset: -18% 4% auto auto;
}

.cta-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.menu-icon {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  display: flex;
}

.menu-line1 {
  background-color: var(--vegas-gold);
  width: 100%;
  height: 2px;
}

.menu-line3 {
  background-color: var(--vegas-gold);
  width: 90%;
  height: 2px;
}

.menu-line2 {
  background-color: var(--vegas-gold);
  width: 100%;
  height: 2px;
}

.utility-page-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 60px 20px;
  display: flex;
}

.utility-page-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--charcoal);
  text-align: center;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

._404-footer-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.eyebrow {
  font-size: 14px;
}

.review-quote-01 {
  width: 100px;
  position: absolute;
  inset: -12% 4% auto auto;
}

.wedding-flex {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.video-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.video-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.video-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.include-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.include-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: column;
  display: flex;
}

.setlist-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.setlist-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.setlist-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--charcoal);
  border-radius: 4px;
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.setlist-letter {
  color: var(--vegas-gold);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.setlist-list {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.faqs-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.faqs-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.faq-accordion {
  border: 1px dashed #ad873180;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
}

.faq-question {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  display: flex;
}

.faq-question-text {
  color: var(--vegas-gold);
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.faq-icon-wrap {
  align-self: flex-start;
  width: 2rem;
  display: flex;
}

.icon-embed {
  width: 2rem;
  height: 2rem;
  color: var(--vegas-gold);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.faq-answer {
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.padding-bottom {
  padding-bottom: 24px;
}

._404-title {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/the_vegas_hooligans_home.webp');
  background-position: 50% 0;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 120px;
}

.contact-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.contact-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.c-info-card {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: var(--warm-gray);
  border: 1px dashed #ad873180;
  border-radius: 4px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.c-info-card:hover {
  color: var(--warm-ivory);
}

.c-info-flex {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  display: flex;
}

.c-info-icon {
  width: 30px;
}

.c-info-text {
  font-size: 18px;
}

.c-info-title {
  color: var(--vegas-gold);
  font-size: 18px;
  font-weight: 600;
}

.thanks-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 100vh;
  padding: 60px 20px;
  display: flex;
}

.thanks-block {
  z-index: 2;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--charcoal);
  text-align: center;
  border: 1px dashed #ad873180;
  border-radius: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.thanks-img {
  aspect-ratio: 2.39;
  object-position: 50% 40%;
  border-radius: 4px;
  width: 100%;
}

.thanks-note-text {
  font-size: 12px;
  font-weight: 500;
}

.thanks-note-title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.thanks-note {
  background-color: var(--vegas-gold);
  color: #fff;
  border-radius: 4px;
  padding: 10px 20px;
}

.submit-button {
  background-color: var(--deep-wine);
  color: var(--warm-ivory);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 12px 30px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  transition: all .3s;
  transform: translate(0);
}

.submit-button:hover {
  transform: translate(0, -3px);
}

.input-focus {
  display: none;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 15px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .nav-menu-wrap {
    background-color: #0000;
  }

  .nav-menu-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--charcoal);
    border-top: 1px dashed #ad873180;
    flex-flow: column;
    padding: 40px;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #a6b1bf00;
  }

  .navbar-logo {
    width: 120px;
  }

  .home-header {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .h1-title-38px {
    font-size: 34px;
  }

  .band-intro {
    grid-template-columns: 1fr;
  }

  .h2-title-28px {
    font-size: 26px;
  }

  .band-check {
    grid-template-columns: 1fr;
  }

  .h3-title-22px {
    font-size: 20px;
  }

  .feature-img {
    width: 200px;
  }

  .h2-title-22px {
    font-size: 20px;
  }

  .gallery-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .after-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .advantage-grid {
    grid-template-columns: 1fr 1fr;
  }

  .review-block, .cta-block {
    padding: 30px;
  }

  .video-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 30px;
  }

  .include-grid {
    grid-template-columns: 1fr;
  }

  .setlist-grid, .faqs-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .padding-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .contact-info {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .header.home-bg {
    padding-top: 140px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .home-header {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .h1-title-38px {
    font-size: 30px;
  }

  .text-18px {
    font-size: 16px;
  }

  .button-group {
    flex-flow: wrap;
  }

  .band-intro {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .h2-title-28px {
    font-size: 24px;
  }

  .check-left {
    padding: 20px;
  }

  .feature-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .feature-img {
    width: 180px;
  }

  .feature-grid {
    grid-template-columns: 1fr;
  }

  .include-artists, .home-gallery, .after-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .review-block, .cta-block {
    padding: 20px;
  }

  .review-text {
    width: 86%;
  }

  .review-quote {
    width: 70px;
    top: -13%;
  }

  ._404-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 30px;
  }

  .review-quote-01 {
    width: 70px;
    top: -8%;
  }

  .video-grid {
    grid-template-columns: 1fr;
  }

  .include-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .setlist-grid {
    grid-template-columns: 1fr;
  }

  .setlist-letter {
    font-size: 20px;
  }

  .faqs-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .faqs-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .faq-question {
    padding: 1rem 1.25rem;
  }

  .faq-question-text {
    font-size: 18px;
  }

  .faq-icon-wrap {
    width: 1.75rem;
  }

  .faq-answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .contact-info {
    grid-template-columns: 1fr;
  }

  .thanks-block {
    padding: 20px;
  }

  .thanks-note {
    max-width: 366px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 479px) {
  .header.home-bg {
    padding-top: 130px;
  }

  .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-logo {
    width: 110px;
  }

  .prime-button {
    padding-left: 26px;
    padding-right: 26px;
  }

  .h1-title-38px {
    font-size: 26px;
  }

  .play-button {
    background-size: 50px;
    width: 50px;
    height: 50px;
  }

  .footer-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: column;
  }

  .social-link {
    order: -9999;
  }

  .h2-title-28px {
    font-size: 22px;
  }

  .h3-title-22px, .h2-title-22px {
    font-size: 18px;
  }

  .include-imgs {
    padding: 10px;
  }

  .advantage-grid {
    grid-template-columns: 1fr;
  }

  .review-text.mobile-full {
    width: 100%;
  }

  .review-quote {
    width: 50px;
    top: -5%;
    right: 2%;
  }

  ._404-page {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  ._404-wrap {
    padding: 20px;
  }

  ._404-footer-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: column;
  }

  .review-quote-01 {
    width: 50px;
    display: none;
    top: -5%;
    right: 2%;
  }

  .include-text {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .setlist-grid, .setlist-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .setlist-block {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .padding-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  ._404-title {
    font-size: 100px;
  }

  .c-info-icon {
    width: 24px;
  }

  .c-info-text, .c-info-title {
    font-size: 16px;
  }

  .thanks-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .thanks-img {
    aspect-ratio: 16 / 9;
  }

  .thanks-note {
    padding-left: 10px;
    padding-right: 10px;
  }

  .submit-button {
    padding-left: 26px;
    padding-right: 26px;
  }
}

#w-node-_427e72c6-7ee9-ed0f-1cf4-6fe4aec82129-26c197eb, #w-node-c3a9829b-d94c-06e8-18e9-5099f940d799-26c197eb, #w-node-b52fc8a3-fc07-c32d-287c-9c62433dbf38-26c197eb, #w-node-_4915deab-e38b-1bbd-25e9-4b745ebb9f19-26c197eb, #w-node-c800415b-888a-67b0-8021-fe3aad179dc4-3acfecd4, #w-node-c800415b-888a-67b0-8021-fe3aad179e5f-3acfecd4, #w-node-d5885cb7-136f-4991-e99d-80fd645e4fb8-0f7510c7, #w-node-_7e1b96dc-4711-3510-6962-40dc6f9bd8f4-0f7510c7, #w-node-_2c16986e-b74c-10b1-e1b2-3704481b7538-0f7510c7 {
  align-self: center;
}

#w-node-_5f9b44a6-1708-7cbd-1075-0f7bb5de9b6d-e3f3c339 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-ce7f7f3b-bcae-45ec-050a-ed8da18f1a21-26c197eb, #w-node-fe8e4d21-9590-f671-2eba-af53784d7fda-26c197eb, #w-node-c800415b-888a-67b0-8021-fe3aad179dc4-3acfecd4, #w-node-d5885cb7-136f-4991-e99d-80fd645e4fb8-0f7510c7, #w-node-_7e1b96dc-4711-3510-6962-40dc6f9bd8f4-0f7510c7, #w-node-_2c16986e-b74c-10b1-e1b2-3704481b7538-0f7510c7 {
    order: -9999;
  }

  #w-node-_5f9b44a6-1708-7cbd-1075-0f7bb5de9b6d-e3f3c339 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c800415b-888a-67b0-8021-fe3aad179dc4-3acfecd4 {
    order: 9999;
  }
}