body {
  scroll-behavior: smooth;
  /* height: 100vh; */
  /* height: calc(var(--vh, 1vh) * 100); */
  height: initial;
  display: flex;
}

.content-container {
  position: fixed;
  width: 100%;
  max-width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: row;
  align-items: center;
}

.page-container {
  position: relative;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  z-index: 20;
}

/* .page-navigation li {
    display: list-item;
} */

.page-navigation li.current_page_item {
  /* display: none; */
  /* don't show active item */
}

.frontpage-content-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 10;
}

.frontpage-content-margin-top {
  /* font-size: 32px; */
  /* fallback */
  /* font-size: calc(24px + 1.5vh); */
  /* for firefox */
  /* font-size: max(32px, 3.45vh); */
  /* safari, chrome */

  font-size: clamp(32px, 3.45vh, 64px);

  line-height: 1;
  margin-bottom: 1vh;
  margin-top: 2.75vh;
  visibility: hidden;
}

.frontpage-content {
  font-size: 16px;
  /* fallback */
  font-size: calc(12px + 0.75vh);
  /* for firefox */
  font-size: max(16px, 1.725vh);
  /* safari, chrome */
  width: 100%;
  height: 100%;
}

.frontpage-content iframe {
  border: none !important;
}

#contact {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 2.75vh 3vh;
  z-index: 10;
  cursor: pointer;
}

#address,
#tel {
  cursor: pointer;
}

footer {
  z-index: 300;
}

@media screen and (max-width: 599px) {
  .nav-container {
    background: initial;
  }

  .frontpage-content-margin-top {
    display: none;
  }

  .frontpage-content {
    font-size: 4.5vw;
  }

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

  img {
    width: 250%;
  }

  #contact {
    padding: 0 0 4.75vw 5vw;
  }

  footer {
    padding: 0 0 4.75vw 5vw;
  }
}
