.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

h1 {
  color: #00111d;
  letter-spacing: 2px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.15;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.body {
  color: #111;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.navbar_wrapper {
  z-index: 10;
  background-color: #fff0;
  width: 100%;
  padding-top: .5rem;
  padding-bottom: 2rem;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.navbar_container {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #a0774233;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.5rem;
  display: flex;
  overflow: visible;
}

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

.navbar_center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 50%;
  transform: translate(-50%);
}

.navbar_right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image {
  width: 180px;
}

.navbar_link_hover {
  color: #00111d;
  letter-spacing: .2px;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.navbar_link_hover:hover {
  color: #00111d;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: under;
  -webkit-text-decoration: underline #00111d4d;
  text-decoration: underline #00111d4d;
}

.navbar_button {
  background-color: #a07742;
  border-radius: 8px;
  padding: 0;
  text-decoration: none;
}

.navbar_button:hover {
  color: #7dcc9d;
  background-color: #00111d;
  font-size: 1rem;
  text-decoration: none;
}

.navbar_button.contact_form_button {
  color: #00111d;
  letter-spacing: .5px;
  padding: .5rem 4rem;
  font-size: 1rem;
  font-weight: 600;
}

.navbar_button.contact_form_button:hover {
  color: #a07742;
}

.navbar_link {
  color: #00111d;
  letter-spacing: .2px;
  font-size: 1rem;
  font-weight: 500;
}

.navbar_button_text {
  color: #00111d;
  letter-spacing: .2px;
  cursor: pointer;
  padding: .4rem 4rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.navbar_button_text:hover {
  color: #a07742;
}

.nav_hamburger_div, .mobile_menu {
  display: none;
}

.div-block {
  background-color: #d32020;
  height: 100vh;
  position: sticky;
}

.hero_section {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #faf5ec;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding-top: 2rem;
  display: flex;
}

.hero_content_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.hero_content_wrapper.hero_content_wrapper_horizontal {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
}

.hero_wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: 1400px;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
}

.hero_message_low {
  color: #a07742;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 4px 8px #0000001f, 0 2px #00000026;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: PT Sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.hero_message_low.special_hero_message_low {
  color: #a07742;
  text-transform: none;
  font-family: PT Sans, sans-serif;
  font-weight: 300;
}

.special_hero_heading {
  color: #7dcc9d;
  letter-spacing: 5px;
  font-family: Great Vibes, cursive;
  font-style: normal;
  font-weight: 400;
}

.heading {
  opacity: 1;
  letter-spacing: 0;
  text-shadow: 0 1px 12px #0000001f, 0 2px 4px #0000001a, 0 4px 12px #00000014;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 900;
}

.hero_image {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-image: url('../images/image_2.jpg');
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.hero_image.hero_image_1 {
  background-image: url('../images/hero_image_1.webp');
  background-position: 50% 60%;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-end;
  width: 45%;
  min-height: 350px;
  padding: 4rem 2rem 4rem 8rem;
  box-shadow: -4px -4px 12px #a077424d, 4px 4px 12px #a077424d;
}

.hero_image.hero_image_2 {
  background-image: url('../images/Hero_Image_2.1.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  min-height: 350px;
  padding: 4rem 8rem 4rem 2rem;
  box-shadow: 4px 4px 12px #a077424d, -4px -4px 12px #a077424d;
}

.hero_image_text {
  color: #00111d;
  padding-top: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 1rem;
}

.hero_image_text:hover {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: under;
  -webkit-text-decoration: underline #00111d4d;
  text-decoration: underline #00111d4d;
  text-decoration-thickness: 1px;
}

.hero_image_text.hero_image_text_special {
  opacity: .38;
  pointer-events: auto;
  display: block;
}

.hero_image_text.spinner_section_text {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #faf5ec;
  letter-spacing: 2px;
  -webkit-text-stroke-color: #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
}

.main_section {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
}

.main_section.main_section_background {
  background-color: #faf5ec;
  align-items: center;
  overflow: hidden;
}

.main_section.main_section_background.footer_section {
  padding-bottom: 1rem;
}

.main_section.spinner_section {
  background-color: #a07742;
  align-items: center;
  width: auto;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  overflow: hidden;
}

.main_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.main_wrapper.footer_wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.main_wrapper.impressum_content {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.jin_jang_wrapper {
  border-bottom: 1px #a077424d;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 2rem 1.5rem;
  display: flex;
}

.headinggreen {
  color: #7dcc9d;
  -webkit-text-stroke-color: #000;
  text-shadow: 0 2px 4px #0000001f;
  overflow-wrap: normal;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  width: 20rem;
  text-decoration: none;
}

.heading_navy {
  color: #00111d;
  text-align: right;
  text-shadow: 0 2px 4px #0000001f;
  width: 20rem;
}

.heading_navy.heading_2 {
  text-align: center;
  width: auto;
}

.image-2 {
  pointer-events: none;
}

.content_wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2rem 1.5rem;
  display: flex;
}

.content_wrapper.faq_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  align-items: center;
}

.serction_heading {
  color: #00111d;
  text-align: center;
  text-shadow: 0 2px 4px #0000001f;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: under;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.content_div {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 1px #000;
  border-bottom: 2px #7dcc9d66;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.content_div.no_grid_div {
  text-align: center;
  border-bottom-style: none;
  display: flex;
}

.card_div {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  -webkit-text-fill-color: inherit;
  background-color: #fff6;
  background-clip: border-box;
  border: 2px #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: auto;
  min-height: 16rem;
  padding: 2rem;
  display: flex;
  box-shadow: -4px -4px 10px #a077424d, 4px 4px 10px #a077424d;
}

.card_div:hover {
  aspect-ratio: auto;
}

.line_div {
  background-color: #a07742;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 2px;
}

.line_div.line_div_thin {
  opacity: .5;
  height: 1px;
}

.card_heading {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.card_bottom {
  background-color: #a07742;
  width: 50%;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
}

.wide_line_div {
  opacity: .1;
  background-color: #a07742;
  width: 50%;
  max-width: 1400px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
}

.text-block, .heading-2 {
  color: #00111d;
}

.card_text {
  color: #a07742;
  font-size: 1rem;
  text-decoration: none;
}

.card_text.card_number {
  color: #00111d;
  font-size: 1.5rem;
  font-weight: 900;
}

.card_text.faq_text {
  text-align: center;
}

.card_text.footer_text {
  color: #00111d;
  letter-spacing: 1px;
  font-size: 1rem;
  display: inline-block;
  transition: transform 0.2s ease;
  transform-style: preserve-3d;
}

.card_text.footer_text:hover {
  transform: scale(1.15);
}

.card_heading_text {
  color: #00111d;
  font-size: 1.2rem;
  font-weight: 700;
}

.card_heading_text.faq_heading {
  font-size: 1.2rem;
}

.card_heading_text.faq_heading.why_us_heading {
  font-size: 1.5rem;
}

.card_top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq_div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.faqwrapper.faq_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-3 {
  color: #00111d;
}

.text-block-2 {
  font-size: 1px;
}

.heading_3 {
  color: #00111d;
  text-align: center;
  text-shadow: 2px 4px 12px #a0774280;
}

.text-block-3 {
  color: #fff;
}

.spinner_div {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding-left: 8rem;
  padding-right: 8rem;
  display: flex;
  overflow: hidden;
}

.why_us_content {
  justify-content: space-around;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.vertical_line_div {
  background-color: #a077424d;
  width: 0;
  height: auto;
  padding-left: 1px;
  padding-right: 1px;
  position: static;
}

.why_us_content_div {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.why_us_card_text {
  color: #a07742;
  text-align: center;
  font-size: 1.2rem;
}

.contact_form_block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-block {
  width: 50%;
}

.contact_form_text {
  color: #a07742;
  margin-bottom: 0;
  font-weight: 400;
}

.contact_form_text_field {
  background-color: #fff0;
  border: 1px solid #fff0;
  border-bottom-color: #a077424d;
  margin-bottom: 1.5rem;
  padding-top: 0;
  padding-bottom: 4px;
  font-size: 18px;
  color: #a07742;
  /* Kill autofill blue on all browsers */
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -moz-box-shadow: 0 0 0px 1000px transparent inset !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: #a07742 !important;
  transition: background-color 99999s ease-in-out 0s, color 99999s ease-in-out 0s;
}

.contact_form_text_field:-webkit-autofill,
.contact_form_text_field:-webkit-autofill:hover,
.contact_form_text_field:-webkit-autofill:focus,
.contact_form_text_field:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: #a07742 !important;
  background-color: transparent !important;
  background-clip: text;
  transition: background-color 99999s ease-in-out 0s;
}

.contact_form_text_field::placeholder {
  color: #a0774285;
  background-color: #0000;
}

.contact_form_text_field.contact_form_message {
  min-height: 120px;
  padding-top: 0;
}

.contact_form_text_field.contact_form_message::placeholder {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-decoration: none;
}

.form {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.contact_form_button {
  margin-left: auto;
  margin-right: auto;
}

.checkbox-label {
  color: #a07742;
}

.checkbox-field {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.footer_content {
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.copyright_footer {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-4 {
  text-align: center;
  font-size: .8rem;
}

.footer_links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-around;
  width: 20%;
  max-width: 35%;
  display: flex;
}

.footer_logo {
  max-width: 180px;
  position: absolute;
  top: auto;
  left: 50%;
  overflow: visible;
  transform: translate(-50%);
}

.image-3 {
  max-width: 180px;
}

.checkbox {
  border: 1px solid #a07742;
  border-radius: 0;
  margin-top: 0;
}

.checkbox:active {
  background-color: #a07742;
}

.checkbox.w--redirected-checked {
  cursor: auto;
  background-color: #a07742;
}

.div-block-3 {
  background-color: #a077424d;
  width: 50%;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
}

.thin_line_div {
  background-color: #a0774226;
  width: 30%;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
}

.text-span {
  color: #a07742;
  font-family: Varela Round, sans-serif;
  font-weight: 400;
}

.body-2 {
  background-color: #faf5ec;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.impressum {
  background-color: #faf5ec;
}

.content {
  font-family: Inter, sans-serif;
  font-size: 20px;
}

.text-span-2 {
  font-size: 24px;
  font-weight: 700;
}

.text-block-5 {
  color: #00111d;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.image-5 {
  width: 180px;
}

@media screen and (max-width: 991px) {
  .body {
    font-size: 15px;
  }

  .navbar_wrapper {
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: fixed;
    top: auto;
  }

  .navbar_container {
    justify-content: space-between;
    align-items: center;
    width: 90%;
    max-width: none;
    padding: 0 4rem;
  }

  .navbar_left {
    display: none;
  }

  .navbar_center {
    position: static;
    transform: none;
  }

  .navbar_right {
    display: none;
  }

  .nav_hamburger_div {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    background-color: #a07742;
    border-radius: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: .7rem;
    display: flex;
  }

  .hamburger_div {
    background-color: #00111d;
    border-radius: 1px;
    width: 20px;
    height: 2px;
  }

  .mobile_menu {
    z-index: 9999;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    opacity: 0;
    background-color: #faf5ec;
    flex-flow: column;
    justify-content: flex-start;
    width: 50vw;
    height: 100vh;
    padding: 2rem;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
    transform: translate(100%);
  }

  .mobile_menu_inner {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .mobile_menu_link {
    justify-content: flex-end;
    align-items: center;
    padding: 1rem;
    display: flex;
  }

  .mobile_menu_link.close_animation {
    outline-offset: 0px;
    outline: 3px #111;
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
  }

  .mobile_menu_text {
    color: #00111d;
    font-weight: 600;
    text-decoration: none;
  }

  .hero_section {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: center;
    align-items: center;
  }

  .hero_content_wrapper.hero_content_wrapper_horizontal {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .hero_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-around;
    align-items: stretch;
  }

  .hero_message_low {
    font-size: .9rem;
  }

  .hero_message_low.special_hero_message_low {
    font-size: .8rem;
  }

  .heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.6rem;
  }

  .hero_image.hero_image_1 {
    grid-column-gap: 2.2rem;
    grid-row-gap: 2.2rem;
    background-position: 50%;
    background-size: cover;
    width: 60%;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .hero_image.hero_image_2 {
    grid-column-gap: 2.2rem;
    grid-row-gap: 2.2rem;
    background-image: url('../images/Hero_Image_2.1.png');
    width: 60%;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .hero_image_text {
    letter-spacing: 1px;
    font-size: .8rem;
  }

  .main_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .main_wrapper.footer_wrapper {
    padding-bottom: 0;
  }

  .jin_jang_wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .headinggreen, .heading_navy {
    width: 15rem;
    font-size: 2rem;
  }

  .image-2 {
    max-width: 50%;
  }

  .content_wrapper {
    padding: 4rem 1.5rem;
  }

  .content_wrapper.faq_wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .content_div {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .card_div {
    height: 100%;
  }

  .heading-2 {
    font-size: 2.4rem;
  }

  .card_text.footer_text {
    font-size: .8rem;
  }

  .card_heading_text {
    letter-spacing: 0;
  }

  .card_heading_text.faq_heading.why_us_heading {
    font-size: 1.2rem;
  }

  .why_us_card_text {
    font-size: 1rem;
  }

  .form-block {
    width: 70%;
  }

  .contact_form_text_field.contact_form_message {
    margin-bottom: 2rem;
  }

  .div-block-2 {
    width: 2px;
  }

  .close_image {
    opacity: 1;
    padding: 1rem 2rem;
  }

  .image-4 {
    max-width: 50%;
    margin-top: 5rem;
    margin-left: auto;
    margin-right: auto;
  }

  .text-span {
    color: #a07742;
    font-family: Varela Round, sans-serif;
    font-weight: 400;
  }
}

@media screen and (max-width: 767px) {
  .body {
    font-size: 14px;
  }

  .navbar_container {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .nav_hamburger_div {
    padding: .6rem;
  }

  .hero_content_wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .hero_content_wrapper.hero_content_wrapper_horizontal {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .hero_message_low {
    font-size: .8rem;
  }

  .hero_message_low.special_hero_message_low {
    font-size: .7rem;
  }

  .heading {
    font-size: 2.1rem;
  }

  .hero_image.hero_image_1 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 75%;
    padding-right: 1rem;
  }

  .hero_image.hero_image_2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 75%;
    padding-left: 1rem;
  }

  .hero_image_text {
    font-size: .7rem;
  }

  .headinggreen, .heading_navy {
    width: 12rem;
    font-size: 1.2rem;
    line-height: 1.6;
  }

  .serction_heading {
    font-size: 1.2rem;
  }

  .content_div {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    width: 90%;
  }

  .card_div {
    width: 70%;
    max-width: none;
  }

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

  .card_text.faq_text, .card_text.footer_text {
    font-size: .8rem;
  }

  .card_heading_text.faq_heading {
    font-size: 1rem;
  }

  .heading_3 {
    font-size: 1.8rem;
  }

  .contact_form_text_field {
    font-size: 16px;
  }

  .contact_form_text_field::placeholder {
    font-size: 12px;
  }

  .footer_links {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }

  .image-3 {
    max-width: 160px;
  }

  .closing_image {
    width: 24px;
    max-width: none;
  }

  .text-block-5 {
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  .body {
    font-size: 12px;
  }

  .navbar_wrapper {
    padding-top: .5rem;
  }

  .navbar_container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .image {
    vertical-align: baseline;
    width: 160px;
  }

  .navbar_button.contact_form_button {
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: .8rem;
  }

  .nav_hamburger_div {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    padding: .5rem;
  }

  .mobile_menu {
    justify-content: flex-start;
  }

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

  .hero_content_wrapper.hero_content_wrapper_horizontal {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    justify-content: space-between;
    align-items: center;
  }

  .hero_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: auto;
    margin-bottom: auto;
  }

  .hero_message_low, .hero_message_low.special_hero_message_low, .heading {
    text-align: center;
  }

  .hero_image.hero_image_1, .hero_image.hero_image_2 {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    width: 90%;
    min-height: 200px;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

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

  .jin_jang_wrapper {
    border-bottom: 2px #a077421a;
    padding-left: 0;
    padding-right: 0;
  }

  .headinggreen, .heading_navy {
    width: 6rem;
    font-size: .8rem;
  }

  .heading_navy.heading_2 {
    text-shadow: 0 2px 4px #0003;
    font-size: 1.2rem;
  }

  .image-2 {
    max-width: 40%;
  }

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

  .content_wrapper.faq_wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .serction_heading {
    font-size: .8rem;
  }

  .content_div {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .card_div {
    width: 90%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-2 {
    font-size: 1.8rem;
  }

  .card_text.card_number {
    text-shadow: 0 2px 4px #0003;
  }

  .card_text.faq_text {
    font-size: .7rem;
  }

  .card_text.footer_text {
    font-size: .8rem;
  }

  .card_heading_text {
    text-shadow: 0 2px 4px #0003;
  }

  .card_heading_text.faq_heading {
    text-align: center;
    text-shadow: 0 2px 4px #0003;
  }

  .faq_div {
    text-align: center;
  }

  .heading_3 {
    text-shadow: 0 2px 4px #0000001f;
    font-size: 1.2rem;
  }

  .why_us_content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .vertical_line_div {
    width: 50%;
    max-width: none;
    height: 2px;
  }

  .why_us_content_div {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .footer_content {
    flex-flow: row;
    justify-content: space-around;
  }

  .footer_links {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-3 {
    opacity: 0;
    max-width: 120px;
  }

  .closing_image {
    width: 20px;
  }

  .image-5 {
    width: 120px;
  }
}