@import url("https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
html,
body {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: black;
}

p,
h1,
h2,
h3,
h4,
h5 {
  padding: 0;
  margin: 0;
}

.page-heading {
  font-size: 8vw;
  margin-bottom: 1em;
  font-family: "Funnel Display", sans-serif;
}
@media only screen and (min-width: 768px) {
  .page-heading {
    font-size: 3vw;
  }
}

.subheading {
  font-weight: 600;
  font-size: 4vw;
  margin-bottom: 0.5em;
  font-family: "Funnel Display", sans-serif;
}
@media only screen and (min-width: 768px) {
  .subheading {
    font-size: 1.5vw;
  }
}

.body-copy {
  font-size: 3.25vw;
}
@media only screen and (min-width: 768px) {
  .body-copy {
    font-size: 1.25vw;
  }
}

.pull-quote {
  font-weight: 600;
  font-size: 5vw;
}
@media only screen and (min-width: 768px) {
  .pull-quote {
    font-size: 2vw;
  }
}

.text-content-div {
  margin-bottom: 2em;
}
@media only screen and (min-width: 768px) {
  .text-content-div {
    margin-bottom: 5%;
  }
}

picture {
  overflow: hidden;
}

img {
  max-width: 100%;
}

nav#hp-nav {
  background-color: transparent;
}
nav#hp-nav ul {
  list-style: none;
  padding: 0;
}
nav#hp-nav .nav-link {
  color: white;
  font-weight: 400;
  transition: 500ms;
  font-size: 5vw;
  margin: 2.5% 0;
}
@media only screen and (min-width: 768px) {
  nav#hp-nav .nav-link {
    font-size: 2vw;
  }
}
nav#hp-nav .nav-link:hover {
  transform: scale(1.1);
}

nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 0;
  background-color: #f9bf93;
}
nav .mobile-nav-icon {
  position: absolute;
  top: 4vh;
  right: 10%;
}
@media only screen and (min-width: 768px) {
  nav .mobile-nav-icon {
    display: none;
  }
}
nav .mobile-nav-icon .container {
  display: inline-block;
  cursor: pointer;
}
nav .mobile-nav-icon .bar1,
nav .mobile-nav-icon .bar2,
nav .mobile-nav-icon .bar3 {
  width: 30px;
  height: 2px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}
nav .mobile-nav-icon.open .bar1 {
  transform: translate(0, 6px) rotate(-45deg);
}
nav .mobile-nav-icon.open .bar2 {
  opacity: 0;
}
nav .mobile-nav-icon.open .bar3 {
  transform: translate(0, -10px) rotate(45deg);
}
nav .link-wrapper {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10vw 0 5%;
}
@media only screen and (min-width: 768px) {
  nav .link-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    gap: 2em;
    width: 80%;
    padding: 0;
  }
}
nav .link-wrapper .nav-link {
  font-size: 0.8rem;
  padding: 2.5% 0;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: black;
  transition: 300ms;
}
nav .link-wrapper .nav-link.active {
  font-weight: 600;
}
nav .link-wrapper .nav-link:hover {
  transform: scale(1.1);
}
@media only screen and (min-width: 768px) {
  nav .link-wrapper .nav-link {
    font-size: 0.85vw;
    padding: 2% 0;
    width: unset;
  }
}
@media only screen and (min-width: 1500px) {
  nav .link-wrapper .nav-link {
    font-size: 0.8rem;
  }
}

#hp-row1 {
  background-color: #ff9a4d;
  text-align: center;
}
#hp-row1 .column-right {
  display: flex;
  flex-direction: column;
  padding: 5% 10%;
}
@media only screen and (min-width: 768px) {
  #hp-row1 .column-right {
    padding: 6%;
  }
}
#hp-row1 .column-right .pull-quote {
  margin-bottom: 2em;
}

#hp-row2 {
  background-color: #ff9a4d;
  text-align: center;
  padding: 5% 10%;
}
@media only screen and (min-width: 768px) {
  #hp-row2 {
    padding: 6% 22%;
  }
}
#hp-row2 .body-copy {
  color: white;
}
@media only screen and (min-width: 768px) {
  #hp-row2 .body-copy {
    font-size: 1.75vw;
  }
}

#hp-row3 {
  background-color: #d6c9fe;
  text-align: center;
  padding: 5% 10%;
}
@media only screen and (min-width: 768px) {
  #hp-row3 {
    padding: 6%;
  }
}
#hp-row3 .apply-btn {
  display: inline-block;
  padding: 1.5em 3em;
  margin: 6% 0;
  border-radius: 1em;
  border: none;
  font-weight: 600;
  color: black;
  background-color: #e5b312;
  transition: 500ms;
}
#hp-row3 .apply-btn:hover {
  background-color: #f6c72b;
}
@media only screen and (min-width: 768px) {
  #hp-row3 .apply-btn {
    margin: 3% 0;
  }
}

#about-row1 {
  background-color: #ff9a4d;
  padding: 15vw 10% 5%;
}
@media only screen and (min-width: 768px) {
  #about-row1 {
    padding: 5% 10%;
  }
}
#about-row1 .column-right img {
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  margin-bottom: 5em;
}
@media only screen and (min-width: 768px) {
  #about-row1 .column-right {
    padding: 0 0 0 5%;
  }
}

#care-row1 {
  background-color: #ff9a4d;
  padding: 15vw 10% 5%;
}
@media only screen and (min-width: 768px) {
  #care-row1 {
    padding: 5% 10%;
  }
}
@media only screen and (min-width: 768px) {
  #care-row1 .column-left {
    padding-right: 5%;
  }
}
#care-row1 .column-right img {
  margin-bottom: 2em;
}
@media only screen and (min-width: 768px) {
  #care-row1 .column-right {
    padding-left: 5%;
  }
}

#services-row1 {
  background-color: #ff9a4d;
  padding: 15vw 10% 5%;
}
@media only screen and (min-width: 768px) {
  #services-row1 {
    padding: 5% 10%;
  }
}
#services-row1 img {
  margin-bottom: 2em;
}

#services-row2 {
  background-color: #d6c9fe;
  padding: 5% 10%;
}/*# sourceMappingURL=style.css.map */