:root {
  --transparent: #fff0;
  --blue-shade-6: #f1f7fd;
  --main-blue: #07173f;
  --text: #666;
  --black: #212121;
  --blue-shade-3: #5d75b3;
  --blue-shade-2: #3a569f;
  --accent-orange: #ffb43a;
  --blue-shade-5: #a3b4d7;
  --white: white;
  --blue-shade-4: #8094c5;
  --spare: #ff0004;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #666;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

.body {
  flex-flow: column;
  display: flex;
}

.section {
  background-color: var(--transparent);
  padding: 120px 60px;
}

.section.style-guide {
  display: none;
}

.section.light-blue-bg {
  background-color: var(--blue-shade-6);
}

.section.light-blue-bg.extra-bottom-margin {
  padding-bottom: 180px;
}

.section.brand-logos {
  border-top: 2px solid var(--blue-shade-6);
  background-color: var(--blue-shade-6);
  padding-top: 60px;
  padding-bottom: 60px;
}

.container-1500 {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.container-1100 {
  max-width: 1100px;
  margin-left: 0;
  margin-right: auto;
}

.heading-h1 {
  color: var(--main-blue);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Quicksand, sans-serif;
  font-size: 60px;
  line-height: 1.3;
  position: static;
}

.heading-h1.pt {
  margin-bottom: 0;
}

.heading-h2 {
  color: var(--main-blue);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Quicksand, sans-serif;
  font-size: 42px;
  line-height: 1.3;
  position: static;
}

.heading-h3 {
  color: var(--main-blue);
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Quicksand, sans-serif;
  font-size: 32px;
  line-height: 1.3;
  position: static;
}

.heading-h4 {
  color: var(--main-blue);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Quicksand, sans-serif;
  font-size: 22px;
  line-height: 1.3;
  position: static;
}

.heading-h4.list {
  margin-bottom: 0;
}

.paragraph {
  margin-bottom: 20px;
}

.paragraph.large {
  color: var(--main-blue);
  font-size: 22px;
  font-weight: 600;
}

.paragraph.small {
  font-size: 14px;
}

.text-block.large {
  color: var(--main-blue);
  font-size: 22px;
  font-weight: 600;
}

.text-block.small {
  font-size: 14px;
}

.text-block.bold {
  color: var(--main-blue);
  font-weight: 600;
}

.text-link {
  color: var(--blue-shade-3);
  font-weight: 700;
  text-decoration: underline;
  transition: all .2s;
}

.text-link:hover {
  color: var(--blue-shade-2);
  text-decoration: underline;
}

.button-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 40px;
  display: flex;
}

.button-wrap.no-top-margin {
  margin-top: 0;
}

.button {
  background-color: var(--accent-orange);
  text-align: center;
  border-radius: 15px;
  flex: 0 auto;
  min-width: 200px;
  padding: 15px 20px;
  font-family: Quicksand, sans-serif;
  font-weight: 700;
  transition: all .2s;
}

.button:hover {
  background-color: var(--accent-orange);
  opacity: .9;
}

.button.coloured {
  background-color: var(--main-blue);
}

.button.coloured:hover {
  background-color: var(--blue-shade-2);
  opacity: 100;
}

.navbar {
  border-bottom: 1px none var(--blue-shade-5);
  background-color: var(--white);
  width: 100%;
  padding: 15px 60px;
  position: fixed;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brand {
  flex: 0 auto;
  margin-right: 20px;
}

.logo {
  width: 302px;
  height: auto;
}

.nav-link {
  color: var(--main-blue);
  border-radius: 5px;
  padding: 5px 10px;
  font-family: Quicksand, sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: all .5s;
}

.nav-link:hover {
  background-color: var(--blue-shade-4);
  color: var(--white);
}

.nav-link.w--current {
  background-color: var(--blue-shade-2);
  color: var(--white);
}

.nav-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.top-nav-cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-left: 20px;
  display: flex;
}

.top-nav-cta._2 {
  display: none;
}

.top-nav-text-block {
  color: var(--main-blue);
  font-family: Quicksand, sans-serif;
  font-weight: 700;
}

.icon-24 {
  width: 24px;
}

.top-nav-phone-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  text-decoration: none;
  display: none;
}

.section-sub-title {
  color: var(--blue-shade-2);
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: Quicksand, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.inner-footer-nav {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.footer-title-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px solid #fff3;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
  display: grid;
}

.input-field {
  border: 2px solid var(--white);
  color: var(--text);
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 0;
  padding: 30px 15px;
  font-size: 18px;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: block;
  position: relative;
}

.input-field:hover, .input-field:active, .input-field:focus, .input-field:focus-visible, .input-field[data-wf-focus-visible] {
  border-color: #3368c666;
}

.input-field::placeholder {
  color: #6666;
  font-size: 16px;
}

.input-field.margin-thirty {
  margin-bottom: 30px;
}

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

.footer-copyright-text {
  color: #fff;
}

.footer-nav {
  color: #fff;
  text-decoration: none;
  transition: opacity .2s;
}

.footer-nav:hover {
  opacity: .8;
  color: var(--blue-shade-6);
}

.footer-nav.w--current {
  color: var(--accent-orange);
}

.footer-nav-border {
  z-index: 2;
  background-color: #fff3;
  width: 1px;
  height: 100%;
  position: absolute;
  inset: -24% auto 0% 50%;
}

.footer-nav-block {
  border-bottom: 1px solid #fff3;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.footer {
  background-color: var(--main-blue);
  margin-top: auto;
  padding: 90px 60px 30px;
}

.h2 {
  color: var(--main-blue);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Quicksand, sans-serif;
  font-size: 42px;
  line-height: 1.2;
}

.h2.white {
  color: var(--white);
}

.main-list-info-block {
  padding-top: 40px;
  padding-bottom: 40px;
}

.left-aboutus, .aboutus-image-block {
  position: relative;
}

.aboutus-image-block.three {
  width: 320px;
  height: 408px;
  position: absolute;
  inset: 36% 0% auto auto;
}

.aboutus-image-block.three.lab {
  right: -9%;
}

.aboutus-image-block.one {
  position: relative;
}

.aboutus-image-block.one.portrait {
  width: 500px;
  height: 500px;
}

.list-item-info-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.aboutus-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  align-items: center;
}

.aboutus-grid.rise-grid-space {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
}

.aboutus-image {
  border-radius: 30px;
  position: relative;
}

.aboutus-image.two {
  object-fit: cover;
  border-radius: 10px;
  width: 320px;
  height: 408px;
}

.aboutus-image.two.wht-stroke {
  border: 10px solid var(--white);
}

.aboutus-image.one.fall-width {
  object-fit: cover;
  width: 500px;
  height: 500px;
}

.about-check-icon {
  flex: none;
}

.list-info-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.about-check-icon-block {
  background-color: var(--transparent);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
}

.inner-form-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-bottom: 30px;
  display: flex;
}

.contact-form-image {
  border-radius: 30px;
}

.contact-form-image.add-radius {
  width: 100%;
  position: relative;
}

.main-form-block {
  padding-top: 30px;
}

.contact-form-image-block {
  background-color: #f0f7fd;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.contact-form-image-block.bg-colour-change {
  background-color: #0000;
  border-radius: 0;
  position: relative;
}

.text-area {
  border: 2px solid var(--white);
  color: var(--text);
  background-color: #fff;
  border-radius: 15px;
  width: 100%;
  min-height: 160px;
  margin-bottom: 30px;
  padding: 15px;
  font-size: 18px;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: block;
}

.text-area:hover, .text-area:active, .text-area:focus, .text-area:focus-visible, .text-area[data-wf-focus-visible] {
  border-color: #3368c666;
}

.text-area::placeholder {
  color: #6666;
  font-size: 16px;
}

.contact-form-block {
  background-color: #f0f7fd;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  min-height: 100%;
  padding: 30px;
}

.contact-form-block.downfall-padding {
  background-color: var(--transparent);
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.contact-form-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  align-items: center;
}

.contact-form-grid.add-gap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  place-items: start stretch;
}

.section-heading {
  max-width: 1100px;
  margin-bottom: 40px;
}

.services-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.service-block {
  background-color: var(--blue-shade-6);
  border-radius: 30px;
  padding: 30px;
}

.service-block-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-grid-image {
  border-radius: 30px;
}

.service-grid-icon-wrap {
  margin-bottom: 20px;
}

.service-grid-icon {
  width: 110px;
  height: 110px;
}

.link-block {
  color: var(--accent-orange);
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.link-block:hover {
  padding-right: 0;
}

.brand-icon-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brand-logo-wrap {
  color: #3368c6;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  line-height: 0;
  transition: all .3s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.brand-logo-wrap:hover {
  color: #031b4e;
}

.billboard {
  background-color: var(--transparent);
  background-image: linear-gradient(67deg, #fffafaad 13%, #fff0), url('../images/billboard-1.png');
  background-position: 0 0, 60%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 850px;
  padding: 205px 60px 120px;
  display: flex;
}

.billboard-container {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.billboard-inner-container {
  max-width: 50%;
}

.footer-copyright-text-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.footer-base {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-social-links {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.social-icon {
  width: 32px;
  transition: opacity .2s;
}

.social-icon:hover {
  opacity: .8;
}

.page-title {
  background-color: var(--transparent);
  background-image: url('../images/banner-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 500px;
  margin-top: 85px;
  padding: 120px 60px;
  display: flex;
}

.page-title.contact {
  background-image: linear-gradient(77deg, #fff, #fff0 56%), url('../images/banner-2.jpg');
  background-position: 0 0, 50% 20%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.page-title.tuggeranong {
  background-image: linear-gradient(84deg, var(--white), #ffffff7d 32%), url('../images/tuggeanong.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.page-title.gungahlin {
  background-image: url('../images/banner-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-title.health-funds {
  background-image: url('../images/banner-5.jpg');
  background-position: 90%;
}

.page-title.optometry {
  background-image: url('../images/banner-6.jpg');
}

.page-title.about {
  background-image: linear-gradient(77deg, #fff, #fff0 55%), url('../images/banner-8.jpg');
  background-position: 0 0, 90%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.page-title.optical-lenses {
  background-image: linear-gradient(81deg, #fff, #fff0), url('../images/banner-9.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.page-title.optical-frames {
  background-image: linear-gradient(83deg, #fff, #fff0 69%), url('../images/banner-10.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.page-title.contact-lenses {
  background-image: linear-gradient(98deg, #fff, #fff0 70%), url('../images/banner-11.jpg');
  background-position: 0 0, 90%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.page-title.products {
  background-image: linear-gradient(104deg, #ffffffad, #fff0), url('../images/banner-12.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.page-title.sunglasses {
  background-image: linear-gradient(98deg, #fff, #fff0 52%), url('../images/banner-13.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.main-content-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-block-form-wrap {
  background-color: var(--blue-shade-6);
  border-radius: 15px;
  padding: 30px;
}

.contact-details-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.phone-link {
  color: var(--text);
  text-decoration: none;
}

.paragraph-wrap {
  border-bottom: 2px solid var(--blue-shade-6);
  padding-bottom: 10px;
}

.google-map {
  background-color: var(--blue-shade-6);
  border-radius: 15px;
  height: 250px;
  margin-top: 30px;
}

.map {
  border-radius: 15px;
  height: 250px;
}

.ohg-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 2px solid var(--blue-shade-6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 500px;
  padding-top: 3px;
  padding-bottom: 3px;
  display: grid;
}

.store-locations-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.arrow-link {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 35px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.arrow-link:hover {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-right: 30px;
}

.link-arrow {
  width: 24px;
}

.store-details-image-wrap {
  background-color: var(--blue-shade-6);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  height: 350px;
  margin-bottom: 0;
  overflow: hidden;
}

.store-location-details {
  background-color: var(--blue-shade-6);
  border-radius: 15px;
  flex-flow: column;
  display: flex;
}

.store-details-copy-wrap {
  padding: 30px 30px 50px;
}

.image-drop {
  object-fit: cover;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: 100%;
  height: 100%;
}

.breadcrumbs {
  margin-bottom: 20px;
}

.bc-text {
  color: var(--text);
  font-size: 14px;
}

.bc-current {
  color: var(--main-blue);
  font-weight: 700;
}

.bc-link, .bc-link.w--current {
  color: var(--text);
  text-decoration: none;
}

.main-content-grid-image {
  background-color: var(--transparent);
  border-radius: 15px;
}

.health-funds-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.health-fund {
  width: 100%;
  height: 100%;
}

.bold {
  color: var(--black);
  font-weight: 700;
}

.list-item {
  padding-top: 5px;
  padding-bottom: 5px;
}

.list {
  margin-bottom: 20px;
}

.list-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

.copy-section {
  border-top: 2px solid var(--blue-shade-6);
  margin-top: 40px;
  padding-top: 30px;
}

.container-pt {
  width: 100%;
  max-width: 50%;
  margin-left: 0;
  margin-right: auto;
}

.title {
  color: var(--main-blue);
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
}

@media screen and (min-width: 1440px) {
  .container-1500 {
    width: 100%;
  }

  .heading-h1 {
    line-height: 1.2;
  }

  .paragraph {
    color: var(--text);
  }

  .paragraph.bold {
    color: var(--black);
  }

  .nav-link:hover {
    background-color: var(--blue-shade-2);
  }

  .nav-link.w--current {
    background-color: var(--main-blue);
  }

  .top-nav-cta._2 {
    display: none;
  }

  .billboard {
    justify-content: flex-start;
    align-items: center;
    min-height: 850px;
    margin-top: 85px;
    padding-top: 120px;
  }

  .page-title {
    display: flex;
  }

  .store-details-image-wrap {
    height: 450px;
  }

  .bc-current {
    color: var(--main-blue);
  }

  .container-pt {
    width: 100%;
  }

  .title {
    color: var(--main-blue);
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section.light-blue-bg.extra-bottom-margin {
    padding-bottom: 100px;
  }

  .heading-h3 {
    padding-bottom: 0;
  }

  .paragraph, .text-block {
    font-size: 19px;
  }

  .button.top-nav {
    width: 100%;
  }

  .navbar {
    padding: 20px 40px;
    position: relative;
  }

  .nav-link {
    border-radius: 0;
    padding: 20px 40px;
  }

  .nav-link:hover {
    background-color: var(--white);
    color: var(--main-blue);
  }

  .nav-link.w--current {
    background-color: var(--main-blue);
  }

  .nav-link.w--current:hover {
    color: var(--white);
  }

  .nav-menu {
    border-bottom: 3px solid var(--main-blue);
    background-color: var(--white);
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    padding: 0 0 0 10px;
    display: flex;
  }

  .menu-button.w--open {
    background-color: var(--transparent);
  }

  .top-nav-cta {
    display: none;
  }

  .top-nav-cta._2 {
    justify-content: flex-start;
    align-items: center;
    margin: 20px 40px 40px;
    display: flex;
  }

  .inner-footer-nav {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-bottom: 20px;
  }

  .inner-footer-nav.last {
    margin-bottom: 0;
  }

  .footer-title-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 20px;
    display: flex;
  }

  .input-field {
    font-size: 19px;
  }

  .inner-footer-cta-button {
    margin-bottom: 20px;
  }

  .inner-footer-title {
    margin-bottom: 0;
  }

  .footer-nav-border {
    display: none;
  }

  .footer-nav-block {
    display: block;
  }

  .footer {
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .main-list-info-block {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .aboutus-image-block.three {
    display: none;
    right: 0%;
  }

  .aboutus-image-block.one.portrait {
    display: none;
  }

  .aboutus-grid {
    flex-flow: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .aboutus-grid.rise-grid-space {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column-reverse;
  }

  .aboutus-image {
    width: 100%;
    display: block;
  }

  .contact-form-image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    display: block;
  }

  .contact-form-image.add-radius {
    border-radius: 30px;
  }

  .contact-form-image-block {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
    width: 100%;
    display: block;
  }

  .text-area {
    font-size: 19px;
  }

  .contact-form-block {
    border-radius: 0 0 30px 30px;
  }

  .contact-form-grid {
    flex-flow: column;
    display: flex;
  }

  .contact-form-grid.add-gap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .service-block-grid {
    grid-template-columns: 1fr;
  }

  .service-grid-icon {
    width: 80px;
    height: 80px;
  }

  .brand-icon-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .brand-logo-wrap {
    width: 150px;
    height: 150px;
  }

  .hamburger-menu {
    width: 32px;
  }

  .billboard {
    background-position: 70%;
    min-height: auto;
    padding-top: 120px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .billboard-inner-container {
    max-width: 60%;
  }

  .page-title {
    min-height: auto;
    margin-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .page-title.contact {
    background-image: linear-gradient(77deg, #fff, #fff0 80%), url('../images/banner-2.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

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

  .main-content-grid.no-image-portrait {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .contact-details-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .ohg-info {
    max-width: none;
  }

  .arrow-link {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-right: 30px;
  }

  .store-details-image-wrap {
    background-color: var(--blue-shade-6);
    height: 250px;
  }

  .store-location-details {
    flex-flow: column;
    display: flex;
  }

  .store-details-copy-wrap {
    flex-flow: column;
    justify-content: flex-start;
    padding-bottom: 30px;
    display: flex;
  }

  .health-funds-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .container-pt {
    max-width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding: 80px 40px;
  }

  .section.light-blue-bg.extra-bottom-margin {
    padding-bottom: 60px;
  }

  .heading-h1 {
    font-size: 52px;
  }

  .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
  }

  .brand {
    padding-left: 0;
  }

  .logo {
    width: 280px;
  }

  .menu-button {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
  }

  .section-sub-title, .input-field, .input-field::placeholder {
    font-size: 16px;
  }

  .footer-copyright-text {
    text-align: left;
  }

  .footer {
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .list-info-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .inner-form-block {
    flex-flow: column;
  }

  .text-area, .text-area::placeholder {
    font-size: 16px;
  }

  .contact-form-block {
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .brand-icon-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }

  .billboard {
    padding-top: 120px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .billboard-inner-container {
    max-width: none;
  }

  .footer-copyright-text-wrap {
    flex-flow: column;
  }

  .footer-base {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-social-links {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .social-icon {
    width: 38px;
  }

  .page-title {
    padding: 80px 40px;
  }

  .page-title.optical-frames {
    background-image: linear-gradient(83deg, #fff, #fff0), url('../images/banner-10.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .store-locations-grid {
    grid-template-columns: 1fr;
  }

  .arrow-link {
    flex-flow: row;
  }

  .health-funds-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .container-pt {
    max-width: 70%;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding: 60px 20px;
  }

  .section.light-blue-bg.extra-bottom-margin {
    padding-bottom: 40px;
  }

  .heading-h1 {
    font-size: 47px;
  }

  .heading-h2 {
    font-size: 37px;
  }

  .heading-h4.list {
    padding-left: 0;
  }

  .button {
    width: 100%;
  }

  .navbar {
    padding: 20px;
  }

  .brand {
    flex: 1;
    margin-right: 0;
  }

  .logo {
    width: 270px;
  }

  .nav-link {
    padding: 15px 20px;
  }

  .menu-button {
    flex: none;
    padding-top: 0;
  }

  .top-nav-cta._2 {
    justify-content: space-around;
    align-items: center;
    margin: 10px 20px 20px;
  }

  .inner-footer-nav {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    margin-bottom: 15px;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .list-item-info-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
  }

  .list-item-info-block.list-align-item-left {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .about-check-icon-block {
    flex: none;
    width: 22px;
    height: 22px;
  }

  .service-block {
    padding: 20px;
  }

  .brand-icon-container {
    display: flex;
  }

  .hamburger-menu {
    width: 28px;
  }

  .billboard {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-copyright-text-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .page-title {
    padding: 60px 20px;
  }

  .page-title.contact {
    background-image: linear-gradient(77deg, #fff 26%, #fff0), url('../images/banner-2.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .page-title.contact-lenses {
    background-position: 0 0, 80%;
  }

  .page-title.products {
    background-image: linear-gradient(104deg, #ffffffad 45%, #fff0), url('../images/banner-12.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .page-title.sunglasses {
    background-image: linear-gradient(98deg, #fff 37%, #fff0), url('../images/banner-13.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .grid-block-form-wrap {
    padding: 20px;
  }

  .arrow-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .store-details-image-wrap {
    background-color: var(--blue-shade-6);
  }

  .store-details-copy-wrap {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-drop {
    width: 100%;
    height: 100%;
    position: static;
  }

  .health-funds-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .list {
    padding-left: 20px;
  }

  .container-pt {
    max-width: none;
  }
}

#w-node-_45236a17-ef31-de19-80d5-e2e59a7333b7-9a7333b0 {
  justify-self: end;
}

#w-node-_24c730d0-3358-029f-1e55-edc5f591bb90-f0928c1d, #w-node-_1e8127d8-432d-c6e0-6bab-4506571e2e84-f0928c1e {
  align-self: start;
}

#w-node-_8f9e5efd-a8e9-ad8b-fed3-9d035549b362-f0928c1e {
  order: 9999;
}

#w-node-_8f9e5efd-a8e9-ad8b-fed3-9d035549b36b-f0928c1e, #w-node-_20e8b6aa-8ca2-bd59-fb5f-f2fd397bcdd8-f0928c1e {
  align-self: start;
}

#w-node-c7a9f33e-cd79-62f2-1e95-eba02e1c7e1e-f0928c20, #w-node-a62e5d3b-3925-5260-36b9-fed29f034995-f0928c20, #w-node-_39affffa-d6e2-be2f-66ef-8759505b2b6e-f0928c20, #w-node-_72fab25e-0fbd-37dd-c743-1d128020fddd-f0928c20, #w-node-e9813d85-e972-4ea1-7947-8d388d4b3463-f0928c20, #w-node-_9f186923-158b-fcdb-54c4-4d2c159c38ba-f0928c20, #w-node-cee4b55c-6cec-4dc4-d15e-c60171745358-f0928c20 {
  justify-self: end;
}

#w-node-_9f6c1169-1fe3-9fbf-92f6-29e0848485be-f0928c20 {
  align-self: start;
}

#w-node-add65f06-7713-a2f4-2685-d5742f9161fa-f0928c21, #w-node-add65f06-7713-a2f4-2685-d5742f916201-f0928c21, #w-node-add65f06-7713-a2f4-2685-d5742f916208-f0928c21, #w-node-add65f06-7713-a2f4-2685-d5742f91620f-f0928c21, #w-node-add65f06-7713-a2f4-2685-d5742f916216-f0928c21, #w-node-add65f06-7713-a2f4-2685-d5742f91621d-f0928c21, #w-node-add65f06-7713-a2f4-2685-d5742f916224-f0928c21 {
  justify-self: end;
}

#w-node-add65f06-7713-a2f4-2685-d5742f916227-f0928c21, #w-node-f925ebd0-1bc1-7911-d607-4ce06c575c79-f0928c2a, #w-node-ddce4c70-649d-8bf5-16a1-71b27f404b88-f0928c2b, #w-node-aa8097c1-89a4-05f5-f7fa-01c38c38752f-f0928c2c, #w-node-_9eca26c0-4c5a-2a66-32a8-56c07e9d6323-f0928c2d, #w-node-_51252247-d8a0-bbc7-f9fe-083fb78d2345-f0928c2e {
  align-self: start;
}