.page-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* background-color: var(--colour-2);
  color: var(--colour-3); */
  background-color: var(--colour-1);
  color: var(--colour-3);
  text-align: center;
}

.page-banner h1 {
  font-size: 2rem;
  margin-bottom: 0;
}
.page-banner .desktop-banner {
  display: none;
}
.page-banner .mobile-banner {
  display: block;
}
.page-content {
  color: var(--colour-2);
  background-color: var(--colour-1);
  /* background-color: var(--colour-2);
  color: var(--colour-1); */
  padding-bottom: 100px;
}
.page-content a{
  color: var(--colour-3);
}
.page-content a:hover{
  color: var(--colour-5);
}
.h2-center {
  text-align: center;
}
.page-content .col3-images {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}

.page-content .col2-images {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}

.col2-images img,
.col3-images img{
  border-radius: 20px;
}
.page-content .class-type-div1,
.page-content .private-class-div1,
.page-content .our-studio-div1,
.page-content .partnership-div1,
.page-content .partnership-div2,
.page-content .events-div2 {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(1, 1fr);
  padding: min(5vw, 20px);
  margin: auto;
}
.page-content .class-type-div1.reverse {
  display: flex;
  flex-direction: column-reverse;
}

.page-content .class-type-div1 .header-desktop {
  display: none;
}
.page-content .class-type-div1 .header-mobile {
  display: block;
}

.page-content .class-type-div1 .image1,
.page-content .private-class-div1 .image1,
.page-content .events-div2 .image1,
.page-content .partnership-div2 .image1 {
  display: flex;
  justify-self: center;
  /* width: min(90vw, 400px); */
  border-radius: 20px;
  /* padding: auto; */
}
.page-content .private-class-div1 .sub-header {
  margin-bottom: -30px;
}
.page-content .corporate-booking-div2 .image1,
.page-content .experience-div2 .image1 {
  display: flex;
  justify-self: center;
  width: min(90vw, 500px);
  border-radius: 20px;
  margin-bottom: 50px;
}

.page-content .private-class-div1 ul,
.page-content .corporate-booking-div1 ul,
.page-content .events-div2 ul {
  line-height: 1.5rem;
}
.page-content .private-class-div1 li,
.page-content .corporate-booking-div1 li,
.page-content .events-div2 li {
  list-style-type: none;
  font-family: 'League Spartan', sans-serif;
  font-size: 1.3rem;
  line-height: 1.5em;
  padding-bottom: 2.5rem;
}
.page-content .events-div1 ul {

}
.page-content .events-div1 li {
  font-family: 'League Spartan', sans-serif;
  font-size: 1.3rem;
  line-height: 1.5em;
}
.page-content .events-div1 li:last-child {
  padding-bottom: 0;
}

.email {
  color: var(--colour-1);
}
.email:hover {
  color: var(--colour-3);
}
.location-map {
  display: flex;
  justify-self: center;
  flex-direction: column;
  width: min(80vw, 500px);
}
.location-map iframe {
  height: 400px;
}
/* .direction {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(80vw, 500px);
  margin: auto;
} */

.page-content .class-type-div2,
.page-content .private-class-div2,
.page-content .corporate-booking-div1,
.page-content .corporate-booking-div2,
.page-content .events-div1,
.page-content .experience-div1,
.page-content .experience-div2,
.page-content .partnership-div1,
.page-content .partnership-div2,
.page-content .merch-div1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: min(5vw, 20px);
  margin: auto;
}
.page-content h2 {
  color: var(--colour-3);
}
.cta {
  display: flex;
  justify-content: center;
  margin: 50px 0;
}
.cta-button {
  font-size: 1.5rem;
  padding: 0.5rem;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  width: min(90vw, 300px);
  background-color: var(--colour-3);
  color: var(--colour-1);
}

.cta-button:hover {
  background-color: var(--colour-5);
}

.page-contact-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: auto;
}

.page-contact-form .contactform {
  margin-bottom: 20px;
}

@media screen and (min-width: 425px) {

  .page-content .class-type-div1,
  .page-content .private-class-div1  {
    padding: min(10vw, 50px);
  }
  .page-content .class-type-div2,
  .page-content .private-class-div2,
  .page-content .corporate-booking-div1,
  .page-content .corporate-booking-div2,
  .page-content .events-div1,
  .page-content .events-div2,
  .page-content .experience-div1,
  .page-content .experience-div2,
  .page-content .merch-div1,
  .page-content .partnership-div1,
  .page-content .partnership-div2,
  .page-content .our-studio-div1  {
    padding: min(10vw, 50px);
  }
  .page-content .experience-div1,
  .page-content .events-div1,
  .page-content .partnership-div1,
  .page-content .corporate-booking-div1 {
    padding-bottom: 0;
  }
}


@media screen and (min-width: 769px) {
  .location-map {
    width: min(100%, 500px);
  }
  .location-map iframe {
    height: 500px;
  }
  .direction h2 {
    margin-top: 0;
  }

  /* .direction {
    display: unset;
    width: 100%;
    margin: auto;
  } */
  .page-banner h1 {
    font-size: 3rem;
  }
  .page-banner .desktop-banner {
    display: block;
  }
  .page-banner .mobile-banner {
    display: none;
  }

  .page-content .class-type-div2,
  .page-content .private-class-div2,
  .page-content .corporate-booking-div1,
  .page-content .corporate-booking-div2,
  .page-content .events-div1,
  .page-content .events-div2,
  .page-content .experience-div1,
  .page-content .experience-div2,
  .page-content .partnership-div1,
  .page-content .partnership-div2,
  .page-content .merch-div1  {
    text-align: justify;
    width: min(80vw, 1000px);
  }
  .page-content .class-type-div1,
  .page-content .class-type-div1.reverse,
  .page-content .private-class-div1,
  .page-content .partnership-div2,
  .page-content .events-div2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: min(80vw, 1000px);
    justify-content: start;
    align-items: start;
  }
    .page-content .events-div2.middle {
      align-items: center;
    }
  .page-content .private-class-div1 .sub-header,
  .page-content .events-div2 .sub-header,
  .page-content .partnership-div2 .sub-header {
    grid-column: 1 / 3;
  }
  .page-content .our-studio-div1 {
    grid-template-columns: 1fr min(30vw, 500px);
    width: min(80vw, 1000px);
    align-items: center;
  }

  .page-content .class-type-div1 .header-desktop {
    display: block;
  }
  .page-content .class-type-div1 .header-mobile {
    display: none;
  }

  .page-content .our-studio-div1 .location-map {
    justify-self: end;
  }

  .page-content .our-studio-div1 .location-map iframe {
    width: min(30vw, 400px);
    height: min(30vw, 400px);
    aspect-ratio: 1/1;
  }
  .page-content .col2-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 5rem;
  }
  .page-content .col3-images {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 5rem;
  }

  .cta {
    justify-content: start;
  }
  .cta.center-button {
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  /* Main */
}