:root {
  --main-blue: #38409f;
  --beige: #f5efe8;
  --light-blue: #b0c3e5;
  --orange: #e75c0c;
  --white: white;
  --black: black;
}

body {
  color: var(--main-blue);
  font-family: Ppneuemontreal Book, sans-serif;
  font-size: 1rem;
  line-height: 150%;
  transition: color 1.2s, background-color 1.2s;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roslindale, sans-serif;
  font-size: 2.375rem;
  font-weight: 400;
  line-height: 2.75rem;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roslindale, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.25rem;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roslindale, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.875rem;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roslindale, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roslindale, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roslindale, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: underline;
  transition: opacity .2s;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

blockquote {
  border-left: 5px solid var(--main-blue);
  margin-bottom: 2rem;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.is-beige {
  background-color: var(--beige);
}

.navbar {
  background-color: #0000;
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
  position: absolute;
  inset: 0% 0% auto;
}

.navlink {
  color: var(--main-blue);
  text-transform: uppercase;
  padding: 0;
  transition: color 1.2s, opacity .2s;
  display: block;
  position: relative;
}

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

.container-fluid {
  width: 100%;
  max-width: 89.875rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.container-fluid.is-wider {
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

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

.img-brand {
  width: 15rem;
  height: 1.25rem;
  display: block;
}

.navmenu {
  grid-column-gap: 2.5625rem;
  grid-row-gap: 2.5625rem;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.nav-social-link:hover {
  opacity: .75;
}

.img-nav-social {
  width: .9375rem;
  height: .9375rem;
  display: block;
}

.section {
  border-top: 1px solid var(--main-blue);
  padding-top: 5.375rem;
  padding-bottom: 5.375rem;
}

.section.page-header, .section.page-header-home {
  border-top-style: none;
  padding-top: 9.0625rem;
}

.hero-grid {
  grid-column-gap: 2.625rem;
  grid-row-gap: 2.625rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-grid-item {
  padding-top: 3.75rem;
}

.heading_main {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  line-height: 115%;
}

.image-main {
  border-radius: .625rem;
  width: 100%;
  height: auto;
  display: block;
}

.hero-item-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 5.25rem;
  padding-right: 4.25rem;
  display: flex;
}

.image-arrow-hero {
  width: 2.6875rem;
  height: 2.6875rem;
  display: block;
}

.hero-bottom-image {
  width: 100%;
  max-width: 30.3125rem;
}

.grid-about {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
}

.tagline {
  font-size: 1.5rem;
  line-height: 120%;
}

.margin-top-regural {
  margin-top: 2rem;
}

.simple-text {
  font-size: 1.25rem;
  line-height: 130%;
}

.simple-text.size-1-5rem {
  font-size: 1.5rem;
}

.simple-text h1 {
  margin-bottom: 2rem;
  font-size: 5rem;
  line-height: 120%;
}

.simple-text h2 {
  margin-bottom: 2rem;
  font-size: 4rem;
  line-height: 120%;
}

.simple-text h3 {
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
  line-height: 120%;
}

.simple-text h4 {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  line-height: 120%;
}

.simple-text h5 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 120%;
}

.simple-text h6 {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 120%;
}

.simple-text p, .simple-text ol, .simple-text ul {
  margin-bottom: 2rem;
}

.max-width-about {
  width: 100%;
  max-width: 30.3125rem;
}

.margin-top-large {
  margin-top: 5.4375rem;
}

.button {
  border: 1px solid var(--main-blue);
  color: var(--main-blue);
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 6.25rem;
  padding: .625rem 1.5rem;
  transition: color .2s, background-color .2s, opacity .2s;
}

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

.link-scroll-about {
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.grid-blog {
  grid-column-gap: 1.1875rem;
  grid-row-gap: 1.1875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-blog-image {
  display: block;
}

.image-blog-loop {
  border-radius: .8rem;
  width: 100%;
  height: auto;
  display: block;
}

.margin-top-regural-med {
  margin-top: 2.6875rem;
}

.text-centered {
  text-align: center;
}

.newsletter-form {
  width: 100%;
  max-width: 43.75rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.newsletter-flex {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.input-field {
  border: 1px solid var(--main-blue);
  color: var(--main-blue);
  background-color: #0000;
  border-radius: 12.5rem;
  height: 3rem;
  margin-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.input-field::placeholder {
  color: var(--main-blue);
}

.link-footer:hover {
  opacity: .75;
}

.is-lightblue {
  background-color: var(--light-blue);
}

.max-width-head {
  width: 100%;
  max-width: 45.8125rem;
}

.buttons-flex {
  grid-column-gap: 2.6875rem;
  grid-row-gap: 2.6875rem;
  display: flex;
}

.margin-top-xlarge {
  margin-top: 8.375rem;
}

.grid-blog-archive {
  grid-column-gap: 2rem;
  grid-row-gap: 5rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.item-blog-archive {
  width: 48%;
  max-width: 30.1875rem;
}

.margin-top-medium {
  margin-top: 3.5rem;
}

.pages {
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 100vh;
}

.grid-blog-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-align-right {
  text-align: right;
}

.max-width-post-content {
  width: 100%;
  max-width: 61.5625rem;
}

.post-buttons-nav {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.is-mainblue {
  background-color: var(--main-blue);
  color: var(--beige);
}

.max-width-head-about {
  width: 100%;
  max-width: 42.8125rem;
}

.about-category-box {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.grid-about-section {
  grid-column-gap: 4rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.55fr .75fr 1.55fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-about-item.is-text-item {
  padding-top: 4.4375rem;
  padding-bottom: 5.5rem;
}

.grid-about-item.is-text-item.is-bottom-text {
  padding-top: 5.3125rem;
}

.is-orange {
  background-color: var(--orange);
  color: var(--beige);
}

.margin-top-small {
  margin-top: 1rem;
}

.text-contact {
  font-family: Roslindale, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 130%;
}

.navmenu-flex, .flex-nav-socials {
  grid-column-gap: 2.5625rem;
  grid-row-gap: 2.5625rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .navbar {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    transition: background-color .2s;
    position: fixed;
  }

  .navbar.is-scrolled {
    background-color: var(--beige);
  }

  .navlink {
    font-size: 2.25rem;
    line-height: 130%;
  }

  .brand-link {
    z-index: 2;
  }

  .navmenu {
    background-color: var(--light-blue);
    width: 100%;
    height: 100%;
    padding: 7rem 2rem 3.75rem;
    transition: background-color 1.2s;
    position: fixed;
    inset: 0% 0% auto;
  }

  .img-nav-social {
    width: 1.5rem;
    height: 1.5rem;
  }

  .section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.page-header, .section.page-header-home {
    padding-top: 6.5rem;
  }

  .hero-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .hero-grid-item {
    padding-top: 2rem;
  }

  .heading_main {
    font-size: 3rem;
  }

  .hero-item-bottom {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 2rem;
    padding-right: 2rem;
  }

  .hero-bottom-image {
    margin-top: 1rem;
  }

  .tagline {
    font-size: 1.25rem;
  }

  .margin-top-large {
    margin-top: 4rem;
  }

  .margin-top-xlarge {
    margin-top: 6rem;
  }

  .grid-blog-archive {
    grid-column-gap: 2rem;
    grid-row-gap: 5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .item-blog-archive {
    width: 100%;
    max-width: none;
  }

  .about-category-box {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .grid-about-section {
    grid-column-gap: 2rem;
  }

  .grid-about-item.is-text-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .menu-button {
    z-index: 2;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .menu-button-box {
    flex-flow: column;
    justify-content: space-around;
    align-items: stretch;
    width: 2rem;
    height: 1.25rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .mbutton-line {
    background-color: var(--main-blue);
    width: 100%;
    height: .125rem;
    padding: 0;
  }

  .navmenu-flex {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
  }

  .flex-nav-socials {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .navlink {
    font-size: 2rem;
  }

  .brand-link {
    padding-left: 0;
  }

  .container-fluid, .container-fluid.is-wider, .navmenu {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .hero-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1.5fr;
  }

  .hero-grid-item {
    padding-top: 0;
  }

  .heading_main {
    font-size: 2.5rem;
  }

  .hero-item-photo {
    max-width: 20rem;
  }

  .image-main.is-about-photo {
    aspect-ratio: 3 / 2.4;
    object-fit: cover;
  }

  .hero-item-bottom {
    margin-top: 1.25rem;
    padding-right: 0;
  }

  .hero-bottom-image {
    margin-top: 0;
  }

  .grid-about {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
    place-items: start stretch;
  }

  .grid-item-about {
    width: 100%;
    max-width: 20rem;
  }

  .grid-item-about.is-text-item {
    max-width: 1000%;
  }

  .simple-text.size-1-5rem {
    font-size: 1rem;
  }

  .simple-text h1 {
    margin-bottom: 1.5rem;
    font-size: 3rem;
  }

  .simple-text h2 {
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
  }

  .simple-text h3 {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .simple-text h4 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }

  .simple-text h5 {
    font-size: 1.25rem;
  }

  .simple-text h6 {
    font-size: 1rem;
  }

  .simple-text p {
    margin-bottom: 1.5rem;
  }

  .grid-blog {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .margin-top-regural-med {
    margin-top: 2.5rem;
  }

  .newsletter-flex {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .buttons-flex {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: wrap;
  }

  .margin-top-xlarge {
    margin-top: 5rem;
  }

  .grid-blog-archive {
    grid-column-gap: 1.25rem;
    grid-row-gap: 3rem;
  }

  .margin-top-medium {
    margin-top: 2.5rem;
  }

  .grid-blog-head {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .single-category.is-mobile-hidden {
    display: none;
  }

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

  .grid-about-item {
    width: 100%;
    max-width: 20rem;
  }

  .grid-about-item.is-text-item {
    max-width: none;
  }

  .text-contact {
    font-size: 1.5rem;
  }

  .text-copy {
    line-height: 130%;
  }
}

@media screen and (max-width: 479px) {
  .navlink {
    font-size: 1.5rem;
  }

  .img-brand {
    width: 14.5rem;
    margin-bottom: 1px;
  }

  .section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.page-header {
    padding-top: 5rem;
  }

  .section.page-header-home {
    padding-top: 4.4rem;
  }

  .heading_main {
    font-size: 1.875rem;
  }

  .hero-item-photo, .hero-bottom-image {
    max-width: 100%;
  }

  .grid-about {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .grid-item-about {
    max-width: 100%;
  }

  .tagline {
    font-size: 1rem;
  }

  .margin-top-regural {
    margin-top: 1.25rem;
  }

  .simple-text {
    font-size: 1rem;
    line-height: 135%;
  }

  .simple-text h3 {
    font-size: 1.5rem;
  }

  .simple-text h4 {
    font-size: 1.25rem;
  }

  .simple-text h5 {
    font-size: 1rem;
  }

  .simple-text h6 {
    font-size: .875rem;
  }

  .margin-top-large {
    margin-top: 3rem;
  }

  .button {
    background-color: var(--main-blue);
    color: var(--beige);
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .75rem;
    display: block;
  }

  .button.is-contact {
    min-width: 7rem;
  }

  .link-scroll-about {
    display: none;
  }

  .margin-top-regural-med {
    margin-top: 1.875rem;
  }

  .newsletter-flex {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    align-items: stretch;
  }

  .input-field {
    text-align: center;
  }

  .link-footer {
    display: inline;
  }

  .buttons-flex {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .margin-top-xlarge {
    margin-top: 4rem;
  }

  .grid-blog-archive {
    grid-template-columns: 1fr;
  }

  .pages {
    min-height: auto;
  }

  .grid-blog-head {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
  }

  .text-align-right {
    text-align: left;
  }

  .post-buttons-nav {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: wrap;
  }

  .grid-about-section {
    justify-content: start;
  }

  .grid-about-item {
    max-width: 100%;
  }

  .text-contact {
    font-size: 1.1rem;
  }

  .text-copy {
    font-size: .75rem;
  }
}

#w-node-_0bcf43b1-72d6-8004-0a5d-012b644cca5a-5811a8d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c46390d5-d77e-8dd0-97c3-7abea6bd40ef-62c0f06b {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-c14cc2b4-26d6-e3f7-e45e-6f84cef7824f-62c0f06b {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-b8673a08-6fc3-be86-07ff-4233b2d46d09-62c0f06b {
  grid-area: 2 / 3 / 5 / 4;
}

#w-node-dda23928-f217-8de7-024f-fc6d4c003ff5-62c0f06b {
  grid-area: 4 / 1 / 5 / 3;
}

@media screen and (max-width: 767px) {
  #w-node-_9d6eb184-9101-4115-e62e-255e0f53a83a-5811a8d9 {
    order: -9999;
  }

  #w-node-_5f7567a8-f6a6-4615-661f-0ff52723bb20-62c0f06b {
    order: 9999;
  }

  #w-node-c46390d5-d77e-8dd0-97c3-7abea6bd40ef-62c0f06b, #w-node-c14cc2b4-26d6-e3f7-e45e-6f84cef7824f-62c0f06b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b8673a08-6fc3-be86-07ff-4233b2d46d09-62c0f06b {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-dda23928-f217-8de7-024f-fc6d4c003ff5-62c0f06b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b8673a08-6fc3-be86-07ff-4233b2d46d09-62c0f06b {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Roslindale';
  src: url('../fonts/Roslindale-DisplayNarrowRegular-Testing.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roslindale';
  src: url('../fonts/Roslindale-DisplayNarrowBold-Testing.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roslindale';
  src: url('../fonts/Roslindale-DisplayNarrowLight-Testing.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roslindale';
  src: url('../fonts/Roslindale-DisplayNarrowMedium-Testing.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppneuemontreal Book';
  src: url('../fonts/ppneuemontreal-book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}