main {
  padding-top: 10vh;
  overflow: hidden;
}

.navbar {
  height: 10vh;
}

.navbar-container {
  padding: 0.5rem 0;
  width: 80%;
  margin: auto;
}

.mainMenu {
  display: none;
}

.mainMenu li a {
  margin: 0 0.5rem;
  letter-spacing: 0;
  line-height: 0;
}

.mobile-nav {
  display: flex;
}

.hamburger {
  display: block;
}

#showcase {
  height: 100%;
  padding-top: 10rem;
}

.showcase-container {
  text-align: center;
  width: 90%;
  flex-direction: column;
}

.showcase-container h1 {
  font-size: 3rem;
}

.showcase-container p {
  width: 100%;
  text-align: center;
}

.showcase-container .showcase-btns {
  width: 100%;
}

.showcase-container .showcase-btns .btn {
  font-size: 0.8rem;
}

.showcase-content {
  width: 100%;
  margin-bottom: 2rem;
}

.showcase-times {
  width: 100%;
}

.timetable-container {
  width: 100%;
}

.timetable-heading h2 {
  font-size: 2.5rem;
}

.timetable-item h3 {
  font-size: 0.8rem;
}

.timetable-item h4 {
  font-size: 0.9rem;
}
#latest-section {
  height: 100%;
}

#latest-section .latest-watermark {
  display: none;
}

.latest-container h2 {
  font-size: 2rem;
  text-align: center;
}

.latest-container p {
  width: 100%;
  text-align: center;
}

.insta-feed {
  margin: 1rem auto;
}

#team-section .team-watermark {
  display: none;
}

.team-container h2 {
  text-align: center;
  font-size: 2rem;
}

.team-container p {
  width: 100%;
  text-align: center;
}

.team-imgs {
  grid-template-columns: repeat(1, 1fr);
}

#team-section {
  height: 100%;
}

.team-img {
  height: 40vh;
}

.team-link {
  flex-direction: column;
  text-align: center;
}

.team-link h3 {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
}

.team-link .btn {
  width: 100%;
  margin: auto;
}

.pt-intro {
  max-width: 100%;
  margin: auto;
}

#pt-section {
  width: 90%;
  margin: auto;
  padding-top: 0;
}

.pt-intro h2 {
  font-size: 1.6rem;
}

#equipment {
  padding: 3rem 0;
}

.equipment-content h2 {
  font-size: 1.6rem;
  text-align: center;
}

.equipment-container {
  flex-direction: column;
}

.equipment-container div {
  width: 100%;
}

.equipment-content {
  padding: 1rem;
  text-align: center;
}

.equipment-watermark {
  display: none;
}

.equipment-img {
  height: 40vh;
}

.equipment-content-grid ul li {
  margin-bottom: 1rem;
}

.membership-container {
  flex-direction: column-reverse;
}

.membership-container div {
  width: 100%;
}

.membership-content {
  margin: auto;
  text-align: center;
  margin-bottom: 2rem;
}

.membership-content h2 {
  font-size: 1.6rem;
}

.membership-watermark {
  display: none;
}

.membership-img {
  margin-bottom: 2rem;
  height: 40vh;
}

#footer {
  padding: 0;
}

.footer-container {
  flex-direction: column;
  text-align: center;
  justify-content: center;
  height: 100%;
  padding: 2rem 0;
}

.footer-container div {
  margin-right: 0;
  margin-bottom: 0.5rem;
}

.static-logo {
  display: none;
}

.static-social {
  display: none;
}

/******* THE GYM PAGE *******/

.the-gym-page-watermark {
  display: none;
}

.about-content-info h3 {
  text-align: center;
}
.about-content-info p {
  width: 100%;
  text-align: center;
}

.thegym-banner {
  padding: 1rem 0;
}

.thegym-banner-content {
  width: 100%;
  text-align: center;
  padding: 1rem;
}

.thegym-banner-content p {
  width: 100%;
}

.thegym-reviews-container {
  width: 95%;
  margin: auto;
}

.supp-container {
  flex-direction: column-reverse;
}

.supp-container div {
  width: 100%;
}

.supp-content {
  margin-right: 0;
  text-align: center;
}

.supp-watermark {
  display: none;
}

.supp-content h2 {
  font-size: 1.6rem;
}

.supp-content .supp-content-grid {
  grid-template-columns: 1fr;
}

.supp-content-grid ul {
  margin-bottom: 0.5rem;
}

.supp-content-grid ul li:last-child {
  margin-bottom: 0;
}

.supp-img {
  margin: 1rem auto;
  height: 50vh;
}

/* THE TEAM PAGE */

#team-page h1 {
  display: none;
}

.theteam-heading h2 {
  text-align: center;
}

.theteam-heading p {
  width: 100%;
  text-align: center;
}

.team-cards {
  grid-template-columns: repeat(2, 1fr);
}

.team-person-img {
  height: 20vh;
}

/* Membership Page */

.membership-page {
  height: 100%;
}

.membership-page-watermark {
  display: none;
}

.membership-page-title {
  height: 100%;
}

.membership-page-title h2 {
  text-align: center;
  font-size: 2rem;
}

.membership-page-price-table {
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
}

.direct-debit-container {
  width: 100%;
}

.membership-page-price-table .direct-debit {
  grid-column: 1;
}

.payasugo {
  border-right: none;
  border-bottom: 1px solid var(--pri-white);
  padding: 0;
}

.payasugo-container div a,
.block-container div a {
  margin-bottom: 1rem;
}

.block {
  padding-left: 0;
}

/* EQUIPMENT PAGE */

.equipment-page-watermark {
  display: none;
}

.equipment-page-heading h2 {
  text-align: center;
}

.equipment-page-heading p {
  width: 100%;
  text-align: center;
}

.equipment-page-banner-container {
  flex-direction: column-reverse;
}

.equipment-page-banner-container img {
  width: 100%;
  margin: 3rem auto;
}

.cardio-gallary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.cardio-gallary .ca {
  height: 30vh;
}

.machine-gallary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.machine-gallary .ma {
  height: 30vh;
}

.free-gallary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.free-gallary .fw {
  height: 30vh;
}

/* PERSONAL TRAINING PAGE */

.pt-page-watermark {
  display: none;
}

.pt-page-container h2 {
  font-size: 1.6rem;
  text-align: center;
}

.pt-page-container p {
  width: 100%;
  text-align: center;
}

.pt-staff {
  flex-direction: column;
  height: 100%;
}

.pt-trainers {
  height: 100%;
}

.pt-staff div {
  width: 100%;
}

.pt-staff .pt-staff-img {
  height: 60vh;
}

/* CONTACT PAGE */

.contact-watermark {
  display: none;
}

.contact-heading h2 {
  font-size: 2rem;
  text-align: center;
}

.contact-heading p {
  width: 100%;
  text-align: center;
}

#contact-section {
  flex-direction: column;
}

#contact-section form,
#contact-section .contact-methods {
  width: 100%;
}

.contact-methods {
  margin-top: 2rem;
}