section.hero-banner-basic.overlay {
  position: relative;
  width: 100%;
  height: 100%; }
  section.hero-banner-basic.overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #000000, #37283d 60%, #185960 100%);
    z-index: 1; }
    @media (max-width: 640px) {
      section.hero-banner-basic.overlay::before {
        background: linear-gradient(180deg, #000000, #37283d 60%, #185960 100%); } }
  section.hero-banner-basic.overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/images/banners/banner-bg-music.png");
    background-repeat: repeat-x;
    background-size: cover;
    z-index: 2; }
@media screen and (max-width: 640px) {
  section.hero-banner-basic {
    background-size: 50%; } }
section.hero-banner-basic .wrapper {
  position: relative;
  z-index: 10; }
  @media screen and (max-width: 992px) {
    section.hero-banner-basic .wrapper {
      gap: 2rem; } }
section.hero-banner-basic p.has-icon {
  margin-bottom: 0.5rem; }
  section.hero-banner-basic p.has-icon strong::before {
    font: var(--fa-font-solid);
    content: "\f001";
    font-size: 1rem;
    margin-inline: 6px; }
section.hero-banner-basic .afe {
  gap: 0.5rem; }
  section.hero-banner-basic .afe > figure {
    width: 200px; }
    section.hero-banner-basic .afe > figure img {
      width: 100%; }

ul.featured-artists {
  margin: 0; }
  @media (max-width: 640px) {
    ul.featured-artists {
      justify-content: center !important;
      column-gap: 1rem; } }
  ul.featured-artists img {
    background-color: var(--neutral_dark); }

@media (min-width: 992px) {
  section.student-projects .grid-container {
    grid-template-columns: 60% auto; } }
section.student-projects .text-wrapper {
  background: var(--neutral_light);
  padding-block: calc(2rem + 8px);
  padding-inline: 2rem; }

@media (min-width: 993px) {
  section.aws-career-tours .text-wrapper {
    max-width: 570px; }
  section.aws-career-tours a.link-button {
    max-width: 205px; } }

section.quote {
  background: url("/images/banners/banner-bg-music.png") center repeat-x;
  background-size: contain;
  background-color: var(--neutral_dark); }
  @media (max-width: 992px) {
    section.quote {
      background-position: bottom; } }

/*# sourceMappingURL=music-styles.css.map */