.navbar-default {
  background: linear-gradient(to top, rgb(49, 47, 49), rgba(21, 20, 21, 0.8));
}
.main-content.home {
  background: #f4f7f5;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "smallbanner"
    "homecontainer";
}
.container-new.home {
  grid-area: homecontainer;
  align-items: center;
  height: 100%;
  display: grid;
  flex-direction: column;
}
@media (max-width: 1024px) and (orientation: portrait) {
  .container-new {
    width: 100%;
  }
}
@media (max-width: 1600px) {
  .container-new {
    width: 100%;
  }
  .small-banner #brand {
    display: none;
  }
}
@media (max-width: 767px) {
  .small-banner #brand {
    display: none;
  }
  .music-card {
    margin: 1em;
  }
  .footer-main {
    padding: 0em;
  }
  .footer-list {
    margin-left: 1em;
  }
  .contact-home p {
    font-size: 1.25em;
  }
  .contact-home {
    padding: 1em;
  }
}
@media (max-width: 400px) {
  .banner-heading {
    font-size: 2em;
  }
}