:root {
  --gray600: #475467;
  --hvk-blauw: #005e89;
  --gray800: #1d2939;
  --primary600: #7f56d9;
  --gray900: #101828;
  --gray500: #667085;
  --gray700: #344054;
  --white: white;
  --primary100: #f4ebff;
  --hvk-oranje: #f39200;
  --gray50: #f9fafb;
  --gray200: #eaecf0;
  --gray100: #f2f4f7;
  --gray400: #98a2b3;
  --gray25: #fcfcfd;
  --gray300: #d0d5dd;
  --primary25: #fcfaff;
  --primary50: #f9f5ff;
  --primary200: #e9d7fe;
  --primary300: #d6bbfb;
  --primary400: #b692f6;
  --primary500: #9e77ed;
  --primary700: #6941c6;
  --primary800: #53389e;
  --primary900: #42307d;
  --error25: #fffbfa;
  --error50: #fef3f2;
  --error100: #fee4e2;
  --error200: #fecdca;
  --error300: #fda29b;
  --error400: #f97066;
  --error500: #f04438;
  --error600: #d92d20;
  --error700: #b42318;
  --error800: #912018;
  --error900: #7a271a;
  --success25: #f6fef9;
  --success50: #ecfdf3;
  --success100: #d1fadf;
  --success200: #a6f4c5;
  --success300: #6ce9a6;
  --success400: #32d583;
  --success500: #12b76a;
  --success600: #039855;
  --success700: #027a48;
  --success800: #05603a;
  --success900: #054f31;
  --warning25: #fffcf5;
  --warning50: #fffaeb;
  --warning100: #fef0c7;
  --warning200: #fedf89;
  --warning300: #fec84b;
  --warning400: #fdb022;
  --warning500: #f79009;
  --warning600: #dc6803;
  --warning700: #b54708;
  --warning800: #93370d;
  --warning900: #7a2e0e;
  --indigo25: #f5f8ff;
  --indigo50: #eef4ff;
  --indigo100: #e0eaff;
  --indigo200: #c7d7fe;
  --indigo300: #a4bcfd;
  --indigo400: #8098f9;
  --indigo500: #6172f3;
  --indigo600: #444ce7;
  --indigo700: #3538cd;
  --indigo800: #2d31a6;
  --indigo900: #2d3282;
  --blue25: #f5faff;
  --blue50: #eff8ff;
  --blue100: #d1e9ff;
  --blue200: #b2ddff;
  --blue300: #84caff;
  --blue400: #53b1fd;
  --blue500: #2e90fa;
  --blue600: #1570ef;
  --blue700: #175cd3;
  --blue800: #1849a9;
  --blue900: #194185;
  --pink25: #fef6fb;
  --pink50: #fdf2fa;
  --pink100: #fce7f6;
  --pink200: #fcceee;
  --pink300: #faa7e0;
  --pink400: #f670c7;
  --pink500: #ee46bc;
  --pink600: #dd2590;
  --pink700: #c11574;
  --pink800: #9e165f;
  --pink900: #851651;
  --orange25: #fefaf5;
  --orange50: #fef6ee;
  --orange100: #fdead7;
  --orange200: #f9dbaf;
  --orange300: #f7b27a;
  --orange400: #f38744;
  --orange500: #ef6820;
  --orange600: #e04f16;
  --orange700: #b93815;
  --orange800: #932f19;
  --orange900: #772917;
}

.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;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--gray600);
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  color: var(--hvk-blauw);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  color: var(--hvk-blauw);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  color: var(--hvk-blauw);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

h4 {
  color: var(--hvk-blauw);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.3;
}

h5 {
  color: var(--hvk-blauw);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.4;
}

h6 {
  color: var(--hvk-blauw);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

p {
  color: var(--gray600);
  letter-spacing: normal;
  margin-bottom: 1.5rem;
}

a {
  color: var(--hvk-blauw);
  cursor: pointer;
  border-bottom-color: #000;
  font-weight: 500;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

strong {
  color: var(--gray800);
  font-weight: 600;
}

blockquote {
  border-left: .125rem solid var(--primary600);
  color: var(--gray900);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-style: italic;
}

.text-rich-text img {
  border-radius: .5rem;
}

.text-rich-text figure {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1rem;
  padding-right: 1rem;
}

.text-rich-text a {
  text-decoration: underline;
}

.text-rich-text figcaption {
  color: var(--gray500);
  text-align: left;
  margin-top: 1rem;
  font-size: .875rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.form-message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

.utility_form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.navbar_menu-button {
  padding: 0;
}

.btn {
  grid-column-gap: .5rem;
  background-color: var(--hvk-blauw);
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.25rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
}

.btn:focus {
  background-color: var(--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--primary100);
}

.menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.navbar_link {
  color: var(--hvk-blauw);
  align-items: center;
  margin-left: .5rem;
  margin-right: .5rem;
  padding: .75rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.navbar_link:hover {
  color: var(--hvk-oranje);
}

.navbar_link.w--current {
  color: var(--hvk-blauw);
}

.uui-text-size-small {
  color: var(--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-navbar07_item-heading {
  color: var(--gray900);
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar07_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.navbar_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
}

.navbar_dropdown-link:hover {
  background-color: var(--gray50);
}

.navbar_dropdown-link-list {
  grid-column-gap: 0rem;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar_dropdown-list {
  box-shadow: 0 12px 1rem -.25rem #00000014, 0 .25rem .375rem -.125rem #10182808;
}

.navbar_dropdown-list.w--open {
  border: .0625rem solid var(--gray200);
  background-color: var(--white);
  border-radius: .75rem;
  width: 20rem;
  padding: .75rem;
  right: -100%;
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-navbar07_dropdown-toggle {
  color: var(--hvk-blauw);
  align-items: center;
  margin-left: .5rem;
  padding: .75rem 2.5rem .75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
}

.uui-navbar07_dropdown-toggle:hover {
  color: var(--hvk-oranje);
}

.navbar_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

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

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar {
  border-bottom: .0625rem solid var(--gray100);
  background-color: #fff;
  align-items: center;
  padding: .75rem 2rem;
  position: sticky;
  top: 0;
}

.header-title {
  color: var(--hvk-blauw);
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2;
}

.header {
  background-color: var(--gray50);
  background-image: linear-gradient(#f9fafbe6, #f9fafbe6), url('../images/mbr-1920x1357.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 6rem 5vw 5rem;
  display: flex;
  overflow: hidden;
}

.footer-column {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  justify-content: flex-start;
  place-items: flex-start start;
  padding-right: 2rem;
  display: flex;
}

.logo-footer {
  width: 8rem;
  height: 8rem;
}

.google-maps-footer {
  border: 1px solid var(--gray200);
  border-radius: .25rem;
  width: 100%;
  height: 9.5rem;
  margin-top: .5rem;
  overflow: hidden;
}

.footer-heading {
  color: var(--hvk-blauw);
  margin-bottom: 1rem;
  font-weight: 700;
}

.footer {
  background-color: var(--gray50);
  border-top: 1px solid #eee;
  padding-top: 4rem;
  padding-left: 5vw;
  padding-right: 5vw;
}

.footer-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start stretch;
  width: 100%;
  max-width: 100%;
}

.footer-text {
  margin-bottom: 2rem;
}

.footer-text.c-small {
  color: var(--gray400);
  font-size: .875rem;
}

.uui-footer01_logo-link {
  margin-bottom: 2rem;
}

.uui-footer01_bottom-wrapper {
  border-top: .0625rem solid #eee;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 6rem;
  padding-top: 2rem;
  display: flex;
}

.logo-nav {
  flex: none;
  width: 5.5rem;
  height: 5.5rem;
}

.navbar-top_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  display: flex;
}

.navbar-top {
  background-color: var(--hvk-blauw);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .4rem 5vw;
  font-size: .85rem;
  font-style: normal;
  display: flex;
}

.navbar-top_item {
  white-space: nowrap;
  align-items: center;
  margin-right: 2rem;
  display: flex;
}

.navbar-top_icon {
  width: .875rem;
  height: .875rem;
  color: var(--gray200);
  flex: none;
  margin-right: .1875rem;
  display: flex;
}

.navbar-top_link {
  color: var(--gray200);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navbar-top_link:hover {
  text-decoration: underline;
}

.header-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section {
  background-color: var(--gray25);
  padding: 5rem 5vw;
}

.section.c-background-accent {
  background-color: var(--gray100);
}

.homepage-portal {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.homepage-portal_child {
  border-style: solid;
  border-width: 1px 1px 2px;
  border-color: var(--gray200);
  background-color: var(--gray25);
  border-radius: .5rem;
  padding: 2.5rem;
}

.homepage-portal_child-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.container-heading {
  text-align: center;
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.homepage-portal_child_top-wrapper {
  margin-bottom: 1.5rem;
}

.button-content {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-bottom: 2px solid var(--hvk-oranje);
  color: var(--hvk-oranje);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.btn-link:hover {
  color: var(--hvk-blauw);
}

.list {
  width: 100%;
  margin-top: 2rem;
  padding-left: 0;
  list-style-type: none;
}

.list-item {
  border-bottom: 1px solid var(--gray100);
  background-image: url('../images/checkbox-blauw.svg');
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-size: 1.1rem 1.1rem;
  width: 100%;
  margin-bottom: .75rem;
  padding-bottom: .75rem;
  padding-left: 1.75rem;
  line-height: 1.4;
}

.nav-wrapper {
  z-index: 999;
  position: sticky;
  top: 0;
}

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

.image-wrapper {
  aspect-ratio: 1;
  border-radius: .5rem;
  width: 100%;
  overflow: hidden;
}

.image-file {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.grid-child {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.grid-child.c-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.introduction-text {
  color: var(--hvk-blauw);
  font-size: 1.25rem;
  font-weight: 600;
}

.introduction-text.c-dark {
  color: var(--gray800);
}

.icon-embed-xxsmall-2 {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.icon-embed-xsmall {
  background-color: var(--hvk-blauw);
  color: #fff;
  border-radius: .25rem;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: .3rem;
  display: flex;
}

.form_input-field {
  border-style: solid;
  border-width: 1px 1px 2px;
  border-color: var(--gray200);
  color: #22292f;
  background-color: #f9f9f9;
  border-radius: .25rem;
  width: 100%;
  max-width: 100%;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
}

.form_input-field:hover {
  border-width: 1px;
  border-color: var(--hvk-blauw);
  background-color: #f9f9f9;
}

.form_input-field:active {
  border-color: var(--hvk-blauw);
  background-color: #f9f9f9;
}

.form_input-field:focus {
  border-width: 1px;
  border-color: var(--hvk-blauw);
  background-color: #f9f9f9;
}

.form_input-field.cc-area {
  min-height: 8rem;
}

.form_message {
  background-color: #f9f9f9;
  border: 1px solid #e7e7e7;
  border-radius: .25rem;
  padding: 2rem;
}

.margin-bottom_m {
  margin-bottom: 2.5rem;
}

.contact-details_list-item_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--hvk-blauw);
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.container-medium-2 {
  width: 100%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
}

.form_field-label {
  margin-bottom: .25rem;
  font-size: .875rem;
  font-weight: 600;
}

.form_block {
  width: 100%;
  max-width: 100%;
  margin-bottom: 3rem;
}

.button-content-2 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.google-maps_contact-page {
  aspect-ratio: 3 / 2;
  border-style: solid;
  border-width: 1px;
  border-color: #e7e7e7 #e7e7e7 var(--gray200);
  border-radius: .5rem;
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
}

.form_message-icon {
  color: #011e41;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.form {
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.margin-bottom_s {
  margin-bottom: 1.5rem;
}

.contact-details_list-item {
  margin-bottom: .25rem;
  display: flex;
}

.form_field {
  text-align: left;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.code-embed {
  pointer-events: none;
  display: none;
}

.footer-small_link {
  color: var(--gray400);
  text-decoration: none;
}

.footer-small_link:hover {
  color: var(--gray500);
}

.contact-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-style: solid;
  border-width: 1px 1px 2px;
  border-color: var(--gray200);
  background-color: var(--gray25);
  border-radius: .5rem;
  flex-flow: column;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.5rem;
  }

  h2 {
    font-size: 3.25rem;
  }

  h3 {
    font-size: 2.75rem;
  }

  .hide-tablet {
    display: none;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .menu-icon_line-bottom {
    background-color: var(--gray700);
    border-radius: 1rem;
    width: 1.5rem;
    height: .125rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner {
    width: .25rem;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    background-color: var(--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: .125rem;
    margin-top: .375rem;
    margin-bottom: .375rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: var(--gray700);
    border-radius: 1rem;
    width: 1.5rem;
    height: .125rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

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

  .btn {
    margin-top: 1rem;
    margin-left: 0;
  }

  .menu-right {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .navbar_link {
    width: 100%;
    color: var(--gray900);
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    padding: .5rem 0;
    font-size: 1.125rem;
  }

  .navbar_link:hover {
    color: var(--gray900);
  }

  .navbar_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_dropdown-link:hover {
    background-color: #0000;
  }

  .navbar_dropdown-link-list {
    padding: 1.5rem 5vw 2rem;
  }

  .navbar_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar_dropdown-list.w--open {
    width: auto;
    margin-bottom: 2rem;
    padding: 0;
  }

  .uui-dropdown-icon {
    color: var(--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .uui-navbar07_dropdown-toggle {
    color: var(--gray900);
    align-items: center;
    margin-bottom: 1rem;
    margin-left: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar07_dropdown-toggle:hover {
    color: var(--gray900);
  }

  .navbar_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .navbar_menu-left {
    color: var(--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .navbar_menu {
    border-top: .0625rem solid var(--gray100);
    background-color: var(--gray50);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .header-title {
    font-size: 3.25rem;
  }

  .footer-wrapper {
    grid-column-gap: 2rem;
  }

  .navbar-top_item {
    margin-left: 0;
    margin-right: .3125rem;
  }

  .navbar-top_item.hide-tablet {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.5rem;
  }

  h6 {
    font-size: 1.25rem;
  }

  .text-rich-text figcaption {
    margin-top: .75rem;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .btn {
    font-size: 1rem;
  }

  .btn:hover {
    border-color: var(--primary600);
    background-color: var(--primary600);
  }

  .navbar_link {
    font-size: 1rem;
  }

  .navbar_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .uui-navbar07_dropdown-toggle {
    font-size: 1rem;
  }

  .navbar_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .header-title {
    font-size: 2.25rem;
  }

  .header {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .footer-column {
    padding-right: 0;
  }

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

  .uui-footer01_logo-link {
    margin-bottom: 1.5rem;
    padding-left: 0;
  }

  .uui-footer01_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .navbar-top {
    height: 3.125rem;
  }

  .homepage-portal {
    grid-template-columns: 1fr;
  }

  .homepage-portal_child {
    padding: 1.5rem;
  }

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

  .grid-2.c-mobile-reversed {
    flex-flow: column-reverse;
    display: flex;
  }

  .form_message-icon {
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: .5rem;
  }

  .contact-box {
    padding: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  .text-rich-text img {
    width: 100%;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .navbar-top_wrapper {
    justify-content: space-between;
  }

  .navbar-top_icon {
    width: .75rem;
    height: .75rem;
    margin-right: .0625rem;
  }
}