@font-face {
  font-family: Skoropys Xvii;
  src: url('../fonts/Skoropys-XVII.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ukrainianbrushscript;
  src: url('../fonts/UkrainianBrushScript.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Alexandra Zeferino One;
  src: url('../fonts/Alexandra_Zeferino_One.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vera Crouz;
  src: url('../fonts/Vera_Crouz.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --_apps---colors--primary: var(--crimson);
  --_apps---typography--heading-font: Montserrat, sans-serif;
  --goldenrod: #fec144;
  --_apps---typography--body-font: Montserrat, sans-serif;
  --crimson: #ec383b;
  --_apps---typography--button-font: Montserrat, sans-serif;
  --light-steel-blue: #97bde4;
  --_apps---sizes--radius: 10px;
  --royal-blue: #006ee2;
  --_apps---colors--background: #e4e4e4;
  --_apps---colors--foreground: #030303;
  --_apps---colors--card: #fff;
  --_apps---colors--card-foreground: #060606;
  --_apps---colors--popover: #d7d7d7;
  --_apps---colors--popover-foreground: #060606;
  --_apps---colors--primary-foreground: #150a09;
  --_apps---colors--secondary: #ffcac3;
  --_apps---colors--secondary-foreground: #130b0a;
  --_apps---colors--muted: #dedede;
  --_apps---colors--muted-foreground: #666263;
  --_apps---colors--accent: #cacaca;
  --_apps---colors--accent-foreground: #0d0d0d;
  --_apps---colors--destructive: #d84450;
  --_apps---colors--border: #d1d1d1;
  --_apps---colors--input: #d4d4d4;
  --_apps---colors--ring: #d65751;
  --_apps---charts--chart-1: var(--crimson);
  --_apps---charts--chart-2: #f57b73;
  --_apps---charts--chart-3: #e2001e;
  --_apps---charts--chart-4: #bc282c;
  --_apps---charts--chart-5: #9c0001;
  --_apps---sidebar--sidebar: #dedede;
  --_apps---sidebar--sidebar-foreground: #060606;
  --_apps---sidebar--sidebar-primary: var(--crimson);
  --_apps---sidebar--sidebar-primary-foreground: #150a09;
  --_apps---sidebar--sidebar-accent: #cacaca;
  --_apps---sidebar--sidebar-accent-foreground: #0d0d0d;
  --_apps---sidebar--sidebar-border: #d1d1d1;
  --_apps---sidebar--sidebar-ring: #d65751;
  --_apps---colors--background-dark: #080808;
  --_apps---colors--foreground-dark: #f8f8f8;
  --_apps---colors--card-dark: #1c1c1c;
  --_apps---colors--card-foreground-dark: #f8f8f8;
  --_apps---colors--popover-dark: #1c1c1c;
  --_apps---colors--popover-foreground-dark: #f8f8f8;
  --_apps---colors--primary-dark: var(--crimson);
  --_apps---colors--primary-foreground-dark: #150a09;
  --_apps---colors--secondary-dark: #420002;
  --_apps---colors--secondary-foreground-dark: #fff6f5;
  --_apps---colors--muted-dark: #030303;
  --_apps---colors--muted-foreground-dark: #909090;
  --_apps---colors--accent-dark: #313131;
  --_apps---colors--accent-foreground-dark: #f8f8f8;
  --_apps---colors--destructive-dark: #ff6c73;
  --_apps---colors--border-dark: #3333331a;
  --_apps---colors--input-dark: #ffffff26;
  --_apps---colors--ring-dark: #eb6a63;
  --_apps---charts--chart-1-dark: var(--crimson);
  --_apps---charts--chart-2-dark: #ff8b82;
  --_apps---charts--chart-3-dark: #d10008;
  --_apps---charts--chart-4-dark: #fe726b;
  --_apps---charts--chart-5-dark: #af0017;
  --_apps---sidebar--sidebar-dark: #0e0e0e;
  --_apps---sidebar--sidebar-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-primary-dark: var(--crimson);
  --_apps---sidebar--sidebar-primary-foreground-dark: #150a09;
  --_apps---sidebar--sidebar-accent-dark: #313131;
  --_apps---sidebar--sidebar-accent-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-border-dark: #ffffff1a;
  --_apps---sidebar--sidebar-ring-dark: #eb6a63;
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

@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 {
  background-color: beige;
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
  margin-left: 0;
  margin-right: 0;
}

.image-4 {
  margin-top: 10px;
  margin-left: 60px;
}

.section-9 {
  color: #000;
  background-color: #000;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

.text-block-9 {
  color: #fff;
  text-align: left;
  padding-top: 15px;
  font-family: Montserrat, sans-serif;
}

.link-6, .link-7 {
  color: #fec144;
}

.button {
  background-color: var(--_apps---colors--primary);
  color: #fff;
  border-radius: 5px;
  margin-left: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

.heading-3 {
  color: #642023;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 150%;
}

.text-block-10 {
  color: #1a1a1a;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.read-next {
  color: #ac9f9f;
  background-color: beige;
  display: block;
}

.div-block-6 {
  color: #b98e8e;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 0;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.grid-3 {
  grid-template-rows: auto;
  grid-auto-flow: column;
  margin-bottom: 0;
  margin-left: 60px;
  margin-right: 60px;
  padding-bottom: 43px;
}

.heading-4 {
  color: #642023;
  text-align: center;
  margin: 0 60px 30px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
}

.image-16 {
  width: auto;
  max-width: 100%;
  height: auto;
}

.image-17 {
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: clip;
}

.section-14 {
  display: none;
}

.arrow-up-3 {
  z-index: 999;
  background-color: #64202333;
  border-radius: 50px;
  padding: 10px;
  text-decoration: none;
  position: fixed;
  inset: auto 2% 3% auto;
}

.arrow-up-3.w--current {
  background-color: #0000004d;
}

.posada {
  color: #1a1a1a;
  text-align: center;
  max-width: 40ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.cover-section {
  aspect-ratio: auto;
  background-color: #642023;
  background-image: url('../images/desk.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: relative;
}

.name {
  color: #642023;
  text-align: center;
  -webkit-text-stroke-color: #642023;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  line-height: 110%;
}

.photo-posada {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 0;
}

.cell-18 {
  justify-content: center;
  align-items: center;
}

.cell-19 {
  justify-content: flex-start;
  align-items: flex-end;
}

.quote {
  width: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-quote {
  margin-bottom: 0;
}

._1 {
  color: #642023;
  text-align: right;
  letter-spacing: -8px;
  text-transform: none;
  word-break: normal;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, Arial, sans-serif;
  font-size: 120px;
  font-weight: 500;
  line-height: 100%;
}

._2 {
  text-align: right;
  text-transform: none;
  word-break: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Great Vibes, cursive;
  font-size: 100px;
  font-weight: 400;
  line-height: 50%;
}

.misto {
  color: #642023;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Great Vibes, cursive;
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
}

.text {
  color: #1a1a1a;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 150%;
}

.oblast {
  color: #642023;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.r {
  background-color: beige;
  max-width: 1100px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px;
}

.photo-div {
  aspect-ratio: 2;
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
  overflow: clip;
}

.img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-top: 0;
}

.l {
  background-color: beige;
  max-width: 1100px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px;
}

.porada {
  color: #642023;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

.div {
  background-color: #64202333;
  border-radius: 20px;
  margin-top: 40px;
  padding: 40px;
}

.section-18 {
  background-image: url('../images/desk-background.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.podorozhuvaty {
  color: beige;
  text-align: left;
  letter-spacing: -8px;
  -webkit-text-stroke-color: beige;
  text-transform: none;
  word-break: normal;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, Arial, sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: 100%;
}

.isty {
  color: beige;
  text-align: right;
  text-transform: none;
  word-break: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Great Vibes, cursive;
  font-size: 100px;
  font-weight: 400;
  line-height: 50%;
}

.lubyty {
  color: beige;
  text-align: left;
  text-transform: none;
  word-break: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Great Vibes, cursive;
  font-size: 100px;
  font-weight: 400;
  line-height: 50%;
}

.misto-none {
  color: #642023;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Great Vibes, cursive;
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  display: none;
}

.div-2 {
  background-color: #64202333;
  border-bottom: 1px #642023;
  border-radius: 20px;
  margin-top: 0;
  padding: 40px;
}

.text2 {
  color: #1a1a1a;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 150%;
}

.oblast-none {
  color: #642023;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: none;
}

.text-span, .text-span-2 {
  color: red;
  text-transform: uppercase;
  font-weight: 700;
}

.text-span-3 {
  font-style: italic;
}

.list {
  color: #642023;
  margin-top: 10px;
  margin-bottom: 0;
}

.list-item, .list-item-2, .list-item-3 {
  margin-bottom: 5px;
}

.oblast-l {
  color: #642023;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-span-4, .text-span-5, .text-span-6, .text-span-7 {
  color: #1a1a1a;
  font-style: italic;
  font-weight: 400;
}

.text-span-8, .text-span-9, .text-span-10, .text-span-11 {
  font-weight: 400;
}

.text-span-12, .text-span-13, .text-span-14, .text-span-15 {
  font-style: italic;
}

.misto-long {
  color: #642023;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Great Vibes, cursive;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
}

.photo-posada2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-top: 60px;
  margin-bottom: 0;
  padding: 0;
}

.r-last {
  background-color: beige;
  max-width: 1100px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px 60px 200px;
}

.opys {
  color: #1a1a1a;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 150%;
}

.opys-container {
  background-color: beige;
  max-width: 1100px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 120px 60px 60px;
}

.link-block-17 {
  text-align: center;
  margin: 0 auto;
}

.image-77 {
  height: 50px;
}

.cover-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10%;
  display: flex;
}

.image-78 {
  display: none;
}

.container {
  max-width: 1100px;
  padding: 200px 0 0;
}

.div-copy {
  background-color: #64202333;
  border-bottom: 2px solid #642023;
  border-radius: 20px;
  margin-top: 40px;
  padding: 40px;
}

.porada-copy {
  color: #642023;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

.text-copy {
  color: #1a1a1a;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 150%;
}

.text3 {
  color: #1a1a1a;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.image-79 {
  border-radius: 20px;
}

.div-block-7 {
  background-color: #642023;
  height: 1.5px;
  margin-top: 50px;
}

.img-atb {
  border-radius: 10px;
  width: 100%;
}

.div-block-8 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.x {
  opacity: .5;
  color: beige;
  font-weight: 400;
}

.line01 {
  border: 1px solid #642023;
  height: 0;
  margin-top: 60px;
  margin-bottom: 60px;
  display: none;
}

.atb-block {
  background-color: #0000;
  border: 1px solid #642023;
  border-radius: 20px;
  margin-top: 40px;
  padding: 40px;
  overflow: clip;
}

.r-mykolaiv {
  background-color: beige;
  max-width: 1100px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px;
  display: block;
}

.text-block-24 {
  color: beige;
  text-align: center;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: auto;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
}

@media screen and (min-width: 1920px) {
  .body {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
  }

  .arrow-up-3 {
    background-color: #64202333;
  }

  .podorozhuvaty, .isty, .lubyty {
    font-size: 140px;
  }

  .image-77 {
    height: 70px;
  }

  .cover-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    display: flex;
  }

  .div-block-8 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 0;
  }

  .text-block-24 {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  .body {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .image-4 {
    margin-left: 40px;
  }

  .button {
    font-size: 18px;
  }

  .heading-3 {
    font-size: 20px;
  }

  .text-block-10 {
    font-size: 18px;
  }

  .image-16, .image-17 {
    height: auto;
  }

  .arrow-up-3 {
    background-color: #64202333;
  }

  .arrow-up-3.w--current {
    background-color: #ff9c9c00;
  }

  .posada {
    font-size: 18px;
  }

  .cover-section {
    background-image: url('../images/desk.webp');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
  }

  .name {
    margin-bottom: 15px;
  }

  .photo-posada {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .quote {
    width: 70px;
  }

  ._1 {
    font-size: 100px;
  }

  ._2, .misto {
    font-size: 80px;
  }

  .text, .porada {
    font-size: 18px;
  }

  .section-18 {
    margin-left: 0;
    margin-right: 0;
  }

  .podorozhuvaty {
    letter-spacing: -4px;
    font-size: 60px;
    line-height: 100%;
  }

  .isty {
    font-size: 60px;
    line-height: 60%;
  }

  .lubyty {
    font-size: 60px;
  }

  .misto-none {
    font-size: 80px;
  }

  .text2 {
    font-size: 18px;
  }

  .misto-long {
    font-size: 70px;
  }

  .photo-posada2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .opys {
    font-size: 20px;
  }

  .link-block-17 {
    margin-bottom: 0;
  }

  .image-77 {
    height: 40px;
  }

  .cover-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 8%;
  }

  .porada-copy, .text-copy, .text3 {
    font-size: 18px;
  }

  .line01 {
    border: 1px solid #642023;
    height: 0;
  }

  .text-block-24 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 12px;
    font-weight: 400;
  }
}

@media screen and (max-width: 767px) {
  .image-4 {
    margin-left: 40px;
  }

  .heading-3 {
    margin-top: 20px;
    font-size: 20px;
    line-height: 150%;
  }

  .div-block-6 {
    padding-bottom: 40px;
  }

  .grid-3 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .image-16, .image-17 {
    height: auto;
  }

  .arrow-up-3 {
    background-color: #64202333;
  }

  .posada {
    font-size: 18px;
  }

  .cover-section {
    background-image: url('../images/desk.webp');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }

  .name {
    text-align: center;
    margin-bottom: 10px;
    font-size: 45px;
  }

  .photo-posada {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 30px;
  }

  .quote {
    width: 60px;
  }

  ._1 {
    letter-spacing: -6px;
    font-size: 70px;
  }

  ._2, .misto {
    font-size: 60px;
  }

  .text {
    font-size: 18px;
  }

  .r, .l {
    padding: 40px;
  }

  .porada {
    font-size: 18px;
  }

  .div {
    margin-top: 40px;
    padding: 20px;
  }

  .section-18 {
    background-image: none;
  }

  .podorozhuvaty {
    letter-spacing: -4px;
    font-size: 60px;
  }

  .isty, .lubyty {
    font-size: 60px;
    line-height: 60%;
  }

  .misto-none {
    font-size: 60px;
  }

  .div-2 {
    margin-top: 40px;
  }

  .text2 {
    font-size: 18px;
  }

  .misto-long {
    font-size: 60px;
  }

  .photo-posada2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 30px;
  }

  .r-last {
    margin-bottom: 0;
    padding: 40px 40px 140px;
  }

  .opys {
    font-size: 20px;
  }

  .opys-container {
    padding: 80px 40px 40px;
  }

  .link-block-17 {
    margin-bottom: 0;
  }

  .image-77 {
    height: 40px;
  }

  .cover-block {
    margin-top: 0%;
    margin-bottom: 8%;
  }

  .container {
    padding-top: 140px;
  }

  .div-copy {
    margin-top: 40px;
  }

  .porada-copy, .text-copy {
    font-size: 18px;
  }

  .text3 {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .x {
    font-size: 12px;
  }

  .atb-block {
    padding: 20px;
  }

  .r-mykolaiv {
    padding: 40px;
    display: block;
  }

  .text-block-24 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    font-size: 12px;
  }
}

@media screen and (max-width: 479px) {
  .body {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    min-height: 100vh;
    margin-left: 0;
    margin-right: 0;
  }

  .image-4 {
    margin-left: 10px;
  }

  .button {
    margin-left: 20px;
    font-size: 16px;
  }

  .heading-3 {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 150%;
  }

  .text-block-10 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .div-block-6 {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .grid-3 {
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    object-fit: fill;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    place-items: stretch center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
    position: static;
  }

  .heading-4 {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 24px;
  }

  .arrow-up-3 {
    background-color: #64202333;
  }

  .posada {
    text-align: center;
    max-width: 30ch;
    margin-bottom: 0;
    font-size: 16px;
  }

  .cover-section {
    background-image: url('../images/mob.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }

  .name {
    text-align: center;
    font-size: 35px;
    line-height: 110%;
  }

  .photo-posada {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
  }

  .quote {
    width: 45px;
  }

  ._1 {
    text-align: right;
    letter-spacing: -3px;
    word-break: normal;
    font-size: 45px;
  }

  ._2 {
    text-align: right;
    font-size: 45px;
  }

  .misto {
    font-size: 45px;
  }

  .text {
    font-size: 16px;
  }

  .r {
    padding-left: 20px;
    padding-right: 20px;
  }

  .photo-div {
    aspect-ratio: 3 / 2;
  }

  .l {
    padding-left: 20px;
    padding-right: 20px;
  }

  .porada {
    font-size: 16px;
  }

  .div {
    padding: 20px;
  }

  .section-18 {
    background-image: none;
  }

  .podorozhuvaty {
    letter-spacing: -3px;
    word-break: normal;
    font-size: 50px;
  }

  .isty, .lubyty {
    font-size: 60px;
    line-height: 60%;
  }

  .misto-none {
    font-size: 45px;
  }

  .div-2 {
    padding: 20px;
  }

  .text2 {
    font-size: 16px;
  }

  .misto-long {
    font-size: 40px;
  }

  .photo-posada2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
  }

  .r-last {
    padding-left: 20px;
    padding-right: 20px;
  }

  .opys {
    font-size: 18px;
  }

  .opys-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block-17 {
    margin-bottom: 0;
  }

  .image-77 {
    height: 50px;
  }

  .cover-block {
    margin-top: 0%;
    margin-bottom: 0%;
  }

  .div-copy {
    padding: 20px;
  }

  .porada-copy, .text-copy, .text3 {
    font-size: 16px;
  }

  .x {
    opacity: .5;
    font-size: 12px;
  }

  .atb-block {
    padding: 20px;
  }

  .r-mykolaiv {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-24 {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

#w-node-_3dc6ec5f-d717-9b06-0284-4e7c88fe5edd-a8e98692, #w-node-_90653589-0441-67fe-eb54-de92091f5fe7-a8e98692, #w-node-_414e52df-9bc8-580d-db0b-a60797d28bb0-a8e98692, #w-node-_97fe19a0-6aa7-e0d4-ae72-59d28a0defa7-a8e98692, #w-node-bda18f22-2303-f421-2bb1-9bccc74a3546-a8e98692, #w-node-_1335e78d-d4ba-e3d3-b5d9-c806d9ef31eb-a8e98692, #w-node-_5809350b-56fc-e884-b881-afd4f30bbdc0-a8e98692, #w-node-db579379-8099-a00f-174f-eec91dc4fc34-a8e98692, #w-node-_8e60ff99-2416-3fa2-b00c-03cd92a440df-a8e98692, #w-node-_2fd01f49-4810-7298-2975-f6c3794e28b5-a8e98692, #w-node-ed049ba0-1050-0cc9-410f-d84fa0ab389e-a8e98692, #w-node-b4f07cad-a8f9-7306-d811-a2474af28979-a8e98692, #w-node-_18db2c8e-1d96-9be3-8317-3a617ca6c94c-a8e98692, #w-node-c7020ab1-7e06-d4a2-bb8a-b0e01ff12723-a8e98692, #w-node-_2c601969-a0af-226b-b12e-0da90993bc11-a8e98692, #w-node-_5b1572ad-66b5-916e-5df3-f785511b3746-a8e98692, #w-node-f2cb7dc7-ae74-af81-bf2e-8f6b211b311a-a8e98692, #w-node-beb89822-fd21-32a1-3050-fc6ce703e0d2-a8e98692, #w-node-_80ddd1a4-b2a7-cd86-7377-5dca9a7c40c6-a8e98692, #w-node-_2018a2c2-e1ad-41f7-9765-2feef9e44eba-a8e98692, #w-node-_9af33946-1698-6705-1040-33b543eec04e-a8e98692, #w-node-_17b17d46-f45e-2f06-7688-e88199e14f52-a8e98692, #w-node-daa73c3d-da88-9577-aa9c-f197e85e8ab5-a8e98692, #w-node-_2846de89-8e12-d771-a0d5-344340f160b8-a8e98692, #w-node-_8926aa22-1f28-99c3-0719-a8726da2dc5a-a8e98692, #w-node-cce5890b-da7e-4b14-7e72-32b17e8968c7-a8e98692, #w-node-c52a43b8-9b7d-d7bf-35e2-0c405c1e173e-a8e98692, #w-node-_484f281e-4d19-97a5-5a65-cfa803f5a504-a8e98692 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-c274440b-8ec3-fcb9-a991-349a0878eb96-a8e98692, #w-node-_335aa182-32c3-e817-c6cf-ce072b7beb8d-a8e98692 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Skoropys Xvii';
  src: url('../fonts/Skoropys-XVII.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ukrainianbrushscript';
  src: url('../fonts/UkrainianBrushScript.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alexandra Zeferino One';
  src: url('../fonts/Alexandra_Zeferino_One.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vera Crouz';
  src: url('../fonts/Vera_Crouz.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}