/* @import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap"; */

@font-face {
  font-family: "Demi Bold";
  src: url("../fonts/Big_Demi_Bold.woff2") format("woff2"), url("../fonts/Big_Demi_Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Uni Light";
  src: url("../fonts/UniversLight.woff2") format("woff2"), url("../fonts/UniversLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Uni Light";
  src: url("../fonts/UniversLight.woff2") format("woff2"), url("../fonts/UniversLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Uni Regular";
  src: url("../fonts/UniversRegular.woff2") format("woff2"), url("../fonts/UniversRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* @font-face {
  font-family: "Uni Bold";
  src: url("../fonts/UniversBold.woff2") format("woff2"), url("../fonts/UniversBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */

:root {
  --font-tit: "Uni Regular", sans-serif;
  --font: "Uni Regular", sans-serif;
  --font-l: "Uni Light", sans-serif;
  /* --font-b: "Uni Bold", sans-serif; */
  --font-light: 300;
  --color-main: rgba(6, 59, 53, 1);
  --color-main-alt: var(--color-main);
  --color-bg-alt: rgba(233, 227, 222, 1);
  --color-map: var(--color-main);
  --color-bg-form: rgba(242, 242, 242, 1);
  --color-dark: #4b4b4b;
  --wrap-width: calc(60rem + var(--wrap-pad) * 2);
  --wrap-width-xl: calc(70rem + var(--wrap-pad) * 2);
  --wrap-max: 120rem;
  --h1-size: clamp(3em, 7.5vw, 7em);
  --h2-size: 3.25em;
  --h3-size: 1.7em;
}
@media (min-width: 992px) {
  :root {
    --head-height: 10em;
  }
}
.parking {
  margin-top: 2rem;
  margin-left: 2rem;
  font-weight: 600;
}
h2,
.h2 {
  text-transform: none;
}
@media (min-width: 992px) {
  .head {
    --head-pad: 1.5em 1em;
    font-family: var(--font-l);
  }
  .head .head-menu .menu-item {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .head-in::before {
    aspect-ratio: 124/81;
    background-image: url(../img/shape-up.png);
    top: 0;
    bottom: auto;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .head .menu-item {
    font-size: 1em;
    margin-left: 1.5em;
  }
}
.head-menu .menu-item:last-child a {
  min-width: 0;
  font-weight: var(--font-normal);
  padding: 0.5em 0.75em;
}
.head-menu .menu-item:last-child a:hover,
.head-menu .menu-item:last-child a:focus {
  opacity: 1;
}
.head-logo img {
  min-width: 0;
}
.top {
  --pad-top: 0;
  --pad-tit: 2em 2em 0;
}
.top::before {
  bottom: 6em;
}
@media (min-width: 992px) {
  .top h2 {
    font-size: calc(var(--h2-size) * 0.9);
    margin-top: 3rem;
  }
}
.top-btn {
  background: var(--color-bg);
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.top-btn .btn {
  transform: translateY(0.5em);
}
@media (min-width: 992px) {
  .top-btn .btn {
    font-size: 1.1em;
  }
}
.top-btn .btn + .btn {
  border: none;
  --color-btn-bg: rgba(183, 164, 145, 1);
  color: var(--color-bg);
}
.imgfull::after,
.dev h3::before,
.dev .h3::before {
  content: none;
}
.imgtxt-wr {
  padding: 2em;
}
.imgtxt-wr::before {
  top: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  .imgtxt-xl figure {
    width: calc(
      min(var(--wrap-max) / 2, 50vw) + (100% - var(--bs-gutter-x) * 2.5) / 7
    );
  }
  .imgtxt-l figure {
    width: calc(100% + 1.875 * var(--wrap-pad) + var(--bs-gutter-x) / 2);
  }
  .imgtxt-l.imgtxt-xl .img-wr {
    width: 50%;
  }
  .imgtxt-l.imgtxt-xl .imgtxt-wr {
    width: 50%;
  }
  .imgtxt-r figure {
    width: calc(100% + 1.875 * var(--wrap-pad) + var(--bs-gutter-x) / 2);
  }
}
.flat h2 {
  font-size: calc(var(--h2-size) * 1.1);
}
.flat-top {
  font-size: 1.2em;
  font-weight: var(--font-normal);
  margin-left: auto;
  margin-right: auto;
}
.form-wr h3 {
  font-family: var(--font);
  margin-bottom: 0.25em;
}
.form-bio .content {
  font-weight: var(--font-normal);
}
.dev {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3em;
}
.dev h3,
.dev .h3 {
  padding-left: 0;
}
.dev img {
  max-width: 14em;
}
.dev-in .content {
  font-size: 1.3em;
  font-weight: var(--font-normal);
}
.dev::before {
  aspect-ratio: 124/81;
  background-image: url(../img/shape-up.png);
  left: 50%;
  height: 100%;
  bottom: 0;
  top: auto;
  transform: translate3d(3em, 3em, 0);
}
.dev .btn:hover,
.dev .btn:focus {
  border: 1px solid var(--color-main);
}
@media (min-width: 992px) {
  .dev-in {
    max-width: 50%;
  }
}

.imgtxt .img-wr {
  margin: 2rem 0 2rem 0;
}
@media (max-width: 768px) {
  .imgtxt .img-wr {
    margin: 0;
  }
}

.flat-table-td {
  font-size: 0.9em;
}

@media (min-width: 992px) {
    .dev-in {
        max-width: 100%;
    }
}