.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.homesection {
  min-height: 100vh;
  background-image: url('../images/bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.navbar {
  width: 100%;
  background-color: #ff604a;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding: 24px 48px;
  display: flex;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.main-link {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.page-link {
  color: #000;
  margin-left: 1.4rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.logoimage {
  width: 92%;
  margin-top: auto;
  margin-bottom: 3rem;
}

.mobilelogos, .mobilenavbar, .mobilemenumodal {
  display: none;
}

.musiclinksdivider {
  border: 1px solid #000;
  border-top-width: 0;
  margin-bottom: 1rem;
}

.musicsection {
  min-height: 100vh;
  background-color: #f2f1de;
}

.abovethefold {
  min-height: 100vh;
  grid-column-gap: 16px;
  justify-content: space-around;
  padding: 24px 40px;
  display: flex;
}

.artwork {
  width: 50%;
  white-space: pre-wrap;
  overflow-wrap: normal;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.shoptitle {
  text-transform: uppercase;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  font-family: Montserrat, sans-serif;
  font-size: 3.4rem;
  line-height: 110%;
}

.image-2 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.content {
  width: 50%;
  padding: 0 24px 24px;
}

.musictitle {
  padding-top: 24px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.musiclinks {
  max-width: 50%;
}

.link {
  color: #000;
  margin-bottom: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: block;
}

.musiclinktext {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.musiclink {
  color: #000;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-decoration: none;
  display: flex;
}

.musiclinkarrow {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.text-block-2 {
  max-width: 50%;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

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

.musicvideocard {
  background-color: #e6e5c3;
  padding: 40px 32px;
}

.musicvideocard.card1 {
  background-color: #f6dd77;
}

.musicvideocard.card2 {
  background-color: #b4b395;
}

.musicvideocard.card3 {
  background-color: #dc6d76;
}

.musicvideocard.card5 {
  background-color: #547158;
}

.musicvideocard.card6 {
  background-color: #cc8453;
}

.musicvideoplatform {
  color: #24231d;
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: 120%;
  text-decoration: underline;
  display: block;
}

.musicvideotitlelink {
  color: #24231d;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.contactbar {
  z-index: 101;
  background-color: #fff;
  align-items: center;
  padding: 1.5rem 32px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.contactlink {
  color: #000;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.sociallinks {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.link-block {
  margin-left: 1rem;
}

.image-3, .image-4, .image-5 {
  width: 24px;
}

.artistssection {
  min-height: 100vh;
  background-color: #f6dd77;
  padding: 40px;
}

.heading-2 {
  font-family: Montserrat, sans-serif;
}

.artistscards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 64px;
  display: grid;
}

.artistcard {
  cursor: pointer;
  padding-top: 24px;
  padding-bottom: 24px;
}

.artistcard:hover {
  filter: contrast(75%) sepia();
}

.artistname {
  margin-top: 24px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 100%;
}

.artistcardsociallink {
  color: #000;
  margin-top: .5rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  display: block;
}

.producerscards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 64px;
  display: grid;
}

.section {
  min-height: 100vh;
  background-color: #b88866;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.heading-3 {
  color: #f2f1de;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 3.4rem;
  line-height: 100%;
}

.eventssection {
  min-height: 100vh;
  background-color: #b88866;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.div-block {
  margin-top: 40px;
}

.eventslist {
  width: 100%;
  flex-direction: column;
  margin-top: 40px;
  padding-right: 0;
  display: flex;
}

.offwhitedivider {
  width: 100%;
  border-bottom: 1px solid #f2f1de;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  padding-right: 0;
}

.eventitem {
  border-top: 1px solid #f2f1de;
  border-bottom: 0 solid #f2f1de;
  justify-content: space-between;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  display: flex;
}

.text-block-3 {
  color: #f2f1de;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 100%;
}

.eventdate, .eventname, .eventlocation {
  color: #f2f1de;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  line-height: 100%;
}

.ticketlink {
  color: #f2f1de;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 100%;
}

.ticketlink:hover {
  text-decoration: underline;
}

.eventlink {
  text-decoration: none;
}

.shopsection {
  min-height: 100vh;
  flex-direction: column;
  padding: 40px;
  display: flex;
}

.shopitems {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.shopitem {
  color: #000;
  flex-direction: column;
  align-items: stretch;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.shopitemtitle {
  margin-top: 2rem;
  font-size: 1.6rem;
}

.shopitemdetail {
  text-transform: uppercase;
  margin-top: .2rem;
  font-size: 1rem;
  font-weight: 500;
}

.shopitemprice {
  text-transform: uppercase;
  margin-top: .5rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.homesection2 {
  min-height: 100vh;
  background-image: url('../images/bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: relative;
}

.section-2 {
  width: 100vw;
  height: auto;
  background-image: url('../images/background1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.image-7 {
  width: 70%;
  height: auto;
  margin: -5% auto 0%;
  display: block;
}

.foregroundimage {
  width: 100vw;
  height: 100%;
  text-align: center;
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: relative;
  top: 0;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate(0);
}

.vinylshopsection {
  height: 100vh;
  background-color: #a96c60;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  overflow: hidden;
}

.tsplogo {
  z-index: 3;
  width: 40%;
  max-width: 800px;
  margin: 2vh auto auto;
  position: -webkit-sticky;
  position: sticky;
}

.vinyl {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.vinylcover {
  z-index: 3;
  width: 30vw;
  height: 30vw;
  max-width: 90%;
  border-radius: 0;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .66);
}

.image-8 {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.vinylsleeve {
  z-index: 2;
  width: 30vw;
  height: 30vw;
  border-radius: 0;
  transform: translate(0);
}

.menubutton {
  z-index: 9999;
  color: #252523;
  cursor: pointer;
  background-color: #617960;
  padding: 15px 1rem 10px;
  font-family: Rocgrotesk, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 100%;
  transition: all .2s;
  position: fixed;
  top: 1.5rem;
  bottom: auto;
  left: auto;
  right: 1.5rem;
}

.menubutton:hover {
  color: #617960;
  background-color: #252523;
}

.socialsblock {
  z-index: 99;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 1rem;
  left: auto;
  right: 1rem;
}

.sociallinks2 {
  margin-left: 1rem;
  transition: all .2s;
}

.sociallinks2:hover {
  filter: invert();
}

.menumodal {
  z-index: 9998;
  opacity: 0;
  background-color: #e7e3a5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate(0, 100vh);
}

.menulinklist {
  width: 90%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menumodallistlink {
  width: 100%;
  color: #252523;
  text-align: center;
  border-bottom: 2px solid #000;
  padding-top: 1.2rem;
  padding-bottom: 1rem;
  font-family: Rocgrotesk, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  transition: all .2s;
}

.menumodallistlink:hover {
  color: #dd7078;
  text-decoration: none;
}

.menumodallistlink.mailinglist {
  border-bottom-style: none;
}

.button {
  color: #252523;
  background-color: #617960;
  margin-top: 2rem;
  margin-bottom: 5vh;
  padding: 15px 2rem 10px;
  font-family: Rocgrotesk, sans-serif;
  font-size: 1.5rem;
  line-height: 100%;
  transition: all .2s;
  display: inline-block;
}

.button:hover {
  color: #617960;
  background-color: #252523;
}

.tour-holder {
  width: 90vw;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mv-title {
  color: #24231d;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  line-height: 120%;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .navbar {
    align-items: center;
  }

  .musicsection {
    min-height: auto;
    padding-bottom: 40px;
  }

  .abovethefold {
    min-height: auto;
  }

  .artwork {
    width: 50%;
  }

  .shoptitle {
    font-family: Montserrat, sans-serif;
    font-size: 3rem;
    line-height: 100%;
  }

  .content {
    padding-top: 0;
  }

  .musictitle {
    padding-right: 40px;
  }

  .musiclinks, .text-block-2 {
    max-width: 100%;
  }

  .musicvideoplatform {
    font-size: .8rem;
    line-height: 100%;
  }

  .musicvideotitlelink {
    font-size: 1.1rem;
  }

  .artistscards {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

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

  .eventssection {
    padding-left: 24px;
    padding-right: 24px;
  }

  .eventdate, .eventname, .eventlocation, .ticketlink {
    font-size: .9rem;
  }

  .shopitems {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .section-2 {
    justify-content: space-between;
  }

  .image-7 {
    width: 100%;
    max-width: none;
    object-fit: cover;
    align-self: center;
    top: auto;
    bottom: 15%;
    left: auto;
    right: auto;
  }

  .foregroundimage {
    height: 100%;
    object-fit: cover;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    display: flex;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .vinylshopsection {
    justify-content: center;
  }

  .tsplogo {
    width: 66%;
    margin-top: 0;
    margin-bottom: 0;
    top: 5vh;
  }

  .vinyl {
    height: 66%;
  }

  .vinylcover {
    width: 40vw;
    height: 40vw;
  }

  .vinylsleeve {
    width: 40vw;
    height: 40vw;
    transform: translate(0);
  }

  .menubutton {
    padding: 10px .8rem 6px;
    font-size: .8rem;
    top: 1rem;
    right: 1rem;
  }

  .button {
    margin-bottom: auto;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    align-items: center;
    margin-top: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .main-link {
    font-size: .8rem;
    position: relative;
  }

  .page-link {
    font-size: .8rem;
  }

  .logoimage {
    display: none;
  }

  .mobilelogos {
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    padding: 24px;
    display: flex;
  }

  .image {
    height: 13vh;
  }

  .musicsection {
    min-height: 0;
  }

  .abovethefold {
    min-height: auto;
  }

  .shoptitle {
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    font-family: Montserrat, sans-serif;
    font-size: 2rem;
  }

  .content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .musiclinktext {
    font-size: .8rem;
  }

  .musiclink {
    margin-top: .8rem;
    margin-bottom: .8rem;
  }

  .text-block-2 {
    font-size: .7rem;
    font-weight: 500;
    line-height: 130%;
  }

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

  .musicvideocard.card6 {
    display: block;
  }

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

  .heading-3 {
    text-align: center;
  }

  .eventssection {
    align-items: center;
  }

  .eventitem {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }

  .eventdate {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 120%;
  }

  .eventname {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 1.2rem;
  }

  .eventlocation {
    font-size: 1.2rem;
    line-height: 120%;
  }

  .ticketlink {
    margin-top: 24px;
    font-size: 1rem;
  }

  .eventlink {
    text-decoration: none;
  }

  .section-2 {
    min-height: auto;
    background-color: green;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .image-7 {
    width: 100%;
    height: auto;
    min-width: 100vw;
    top: auto;
    bottom: -10%;
    left: 0%;
    right: 0%;
  }

  .foregroundimage {
    height: auto;
    margin-top: 0;
    position: absolute;
    top: 0;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .vinylshopsection {
    width: 100%;
    height: auto;
    background-color: #a96c60;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
  }

  .tsplogo {
    width: 80%;
    margin-top: 10vh;
    position: static;
    top: 8vh;
  }

  .vinyl {
    height: auto;
    margin-top: 41px;
  }

  .vinylcover {
    height: 40vw;
    position: relative;
  }

  .vinylsleeve {
    transform: translate(0%);
  }

  .button {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .homesection {
    background-image: url('../images/mobileBG.png');
    justify-content: center;
    padding-top: 24px;
  }

  .navbar, .logoimage {
    display: none;
  }

  .mobilelogos {
    width: 90%;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .image {
    height: auto;
    max-height: 16vh;
    margin-bottom: 0;
  }

  .mobilenavbar {
    width: 100%;
    background-color: #ff604a;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    padding: 24px;
    display: flex;
  }

  .mobilemenutextbutton {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 100%;
  }

  .mobilemenumodal {
    background-color: #ff604a;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translate(0, 100%);
  }

  .mobilemenuclosebutton {
    color: #000;
    text-align: center;
    margin-bottom: 0;
    margin-left: auto;
    font-family: Montserrat, sans-serif;
    font-size: .8rem;
    font-weight: 700;
    line-height: 100%;
  }

  .musiclinksdivider {
    width: 100%;
    border: .1px solid #000;
    border-top-width: 0;
    margin-top: 16px;
    margin-bottom: 16px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .mobilemenuitemslist {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .mobilemenulinks {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: .8rem;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
  }

  .mobilesociallinks {
    width: 100%;
    grid-column-gap: .5rem;
    justify-content: space-around;
    display: flex;
  }

  .text-block {
    font-family: Montserrat, sans-serif;
    font-size: .65rem;
    font-weight: 800;
    line-height: 100%;
  }

  .mobilesociallink {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: .65rem;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
  }

  .abovethefold {
    flex-direction: column;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
  }

  .artwork {
    width: 100%;
    margin-bottom: .5rem;
  }

  .shoptitle {
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    font-size: 1.5rem;
    display: block;
  }

  .content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .musictitle {
    padding-left: 24px;
    padding-right: 24px;
  }

  .musicvideocard.card1, .musicvideocard.card2, .musicvideocard.card3, .musicvideocard.card4, .musicvideocard.card5, .musicvideocard.card6 {
    padding-bottom: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .musicvideoplatform {
    margin-bottom: 1rem;
  }

  .musicvideotitlelink {
    font-size: 1rem;
    line-height: 100%;
  }

  .artistssection {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .artistscards {
    width: auto;
    grid-column-gap: 12px;
    grid-row-gap: 8px;
    grid-template-rows: minmax(auto, .25fr);
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    justify-content: stretch;
    align-items: stretch;
    justify-items: stretch;
    display: grid;
    overflow: visible;
  }

  .artistcard {
    max-width: 100%;
    flex-flow: column;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 16px;
    display: block;
  }

  .artistname {
    margin-top: 16px;
    font-size: .8rem;
  }

  .artistcardsociallink {
    word-break: break-all;
    margin-top: .2rem;
    font-size: .7rem;
  }

  .image-6 {
    width: 100%;
  }

  .heading-3 {
    text-align: center;
    font-size: 2.4rem;
  }

  .eventssection {
    align-items: center;
  }

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

  .shopitemtitle {
    margin-top: 1rem;
    font-size: 1.2rem;
  }

  .shopitemdetail {
    margin-top: 0;
    font-size: .8rem;
  }

  .shopitemprice {
    margin-top: 0;
    font-size: 1rem;
  }

  .homesection2 {
    background-image: url('../images/mobileBG.png');
    justify-content: center;
    padding-top: 24px;
  }

  .section-2 {
    height: auto;
    min-height: 0;
    background-image: url('../images/background1.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .image-7 {
    margin-top: 0;
    top: auto;
    bottom: 6%;
  }

  .foregroundimage {
    width: 100vw;
    height: 110%;
    min-height: 0;
    margin-top: 0;
    margin-bottom: -5vh;
    display: flex;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
  }

  .vinylshopsection {
    overflow: hidden;
  }

  .tsplogo {
    width: 88%;
    margin-top: 8vh;
    top: 8vh;
  }

  .vinyl {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .menubutton {
    padding-left: .5rem;
    padding-right: .5rem;
    top: .5rem;
    right: .5rem;
  }
}

#w-node-cc6e6227-ace5-cb1d-d051-9f81717f0cee-efb82e6f, #w-node-_1ab37f04-6a92-5093-d94c-c9bb3495a28c-efb82e6f, #w-node-_7e45a837-444f-847f-a166-a1b87dabd309-efb82e6f, #w-node-_3d6ea987-4ece-b052-890a-15f861a11ffc-efb82e6f, #w-node-_815ff4d6-f118-06f2-34be-6f912d4916f5-efb82e6f, #w-node-_9ac3f0cf-4e13-3bd8-2862-145476ceaa5c-efb82e6f, #w-node-_61b58063-ee60-5b99-42d8-33101e8e1738-efb82e6f, #w-node-_18069388-5994-b87e-3f85-859db7e35791-efb82e6f, #w-node-_6710fef6-44f6-12af-731d-94019f313da1-efb82e6f, #w-node-c83aca83-6e0a-26da-3462-83f3c7183ac3-efb82e6f, #w-node-_98dd287e-2f2c-d4ec-4650-81e38aa10fcc-efb82e6f, #w-node-_3d2bf2aa-ccfe-5def-ba21-f7c0c8351af6-efb82e6f, #w-node-_3a40bbc1-75ed-21bd-b2ff-2660a29280e2-efb82e6f, #w-node-_5299b652-4c2c-8eef-a9ea-2fb7f7beba6b-efb82e6f, #w-node-_69c8a447-c3ac-7dfa-510d-e28516d89ba9-efb82e6f, #w-node-_4302c740-6f58-620d-5b6f-b91e98ba6f3d-efb82e6f, #w-node-_23f8856d-a345-945a-0fed-58101eece791-efb82e6f, #w-node-_04226a29-f57c-b1e2-fe72-ecce645cf378-efb82e6f, #w-node-_3f3265b8-c52f-79c5-8394-501c8d50673b-efb82e6f, #w-node-_26de0e05-ee3d-1592-7fe6-34d1a6f0c24f-efb82e6f, #w-node-f996f0e5-cf34-9074-d1a9-a68b9fb24ac1-efb82e6f, #w-node-fd3e0a10-5b28-89d6-ab08-a1a97a7ccd44-efb82e6f, #w-node-eed5c7ba-169f-44f1-9aff-a7c7587c83ec-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2ed8-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2ede-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2ee4-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2eea-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2ef0-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2ef6-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2efc-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2f02-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2f08-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2f0e-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2f14-efb82e6f, #w-node-_7da4f8be-fd07-4cb7-0289-ce84233a2f1a-efb82e6f, #w-node-_3f33323c-a839-70de-ff6d-7ea6ec6ee9a4-efb82e71, #w-node-bf75da16-71d0-c010-eeac-cc22dc4505d3-efb82e71, #w-node-d4f048f5-b1b4-73fc-df95-7b761612b144-efb82e71, #w-node-ba1b9eff-5557-83a7-d1b0-f9224964210c-efb82e71, #w-node-_496422d6-3b0a-94ae-1644-70848e2f32a8-efb82e71, #w-node-_67ada2fc-531d-d205-8c48-aea4afd2adc2-efb82e71, #w-node-fefd4d67-b2a4-29aa-bc47-3207ddde375e-efb82e71 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-cc6e6227-ace5-cb1d-d051-9f81717f0cee-efb82e6f, #w-node-_1ab37f04-6a92-5093-d94c-c9bb3495a28c-efb82e6f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3f33323c-a839-70de-ff6d-7ea6ec6ee9a4-efb82e71, #w-node-bf75da16-71d0-c010-eeac-cc22dc4505d3-efb82e71 {
    justify-self: center;
  }

  #w-node-d4f048f5-b1b4-73fc-df95-7b761612b144-efb82e71 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    justify-self: center;
  }
}


@font-face {
  font-family: 'Uncut Sans';
  src: url('../fonts/Uncut-Sans-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rocgrotesk';
  src: url('../fonts/RocGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uncut Sans';
  src: url('../fonts/Uncut-Sans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}