@font-face {
   font-family: Bodoni;
   src: url("../fonts/BOD_CR.TTF") format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

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

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

h2 {
   letter-spacing: 38px;
   text-transform: uppercase;
   margin-top: 20px;
   margin-bottom: 10px;
   font-family: Segoeui, Arial, sans-serif;
   font-size: 50px;
   font-weight: 400;
   line-height: 1em;
}

a {
   color: #fff;
   text-decoration: underline;
}

.div-block {
   color: #fff;
   aspect-ratio: 1;
   background-color: #424242;
   justify-content: center;
   align-items: center;
   max-height: 70vh;
   margin-left: auto;
   margin-right: auto;
   display: flex;
}

.header {
   font-size: clamp(2rem, 4.81vw, 5.25rem);
}

.container {
   max-width: 1250px;
}

.hero {
   min-height: 70vh;
}

.hero-inside {
   background-image: url("../images/bg.jpg");
   background-position: 50%;
   background-size: cover;
   flex-flow: column;
   justify-content: center;
   align-items: center;
   padding-top: 82px;
   padding-bottom: 82px;
   display: flex;
   overflow: hidden;
}

.logo {
   z-index: 5;
   width: clamp(40px, 7.2vw, 138px);
   margin-bottom: 48px;
   position: relative;
}

.hero-p {
   z-index: 1;
   aspect-ratio: 1;
   -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   color: #000;
   text-align: center;
   border-radius: 50%;
   justify-content: center;
   align-items: flex-end;
   width: 800px;
   margin-top: -441px;
   padding-bottom: 207px;
   padding-left: 108px;
   padding-right: 108px;
   font-family: Segoeui, Arial, sans-serif;
   font-size: clamp(18px, 1.1vw, 21px);
   font-weight: 400;
   line-height: 1.1em;
   display: flex;
   position: relative;
}

.hero-title {
   z-index: 5;
   color: #000;
   text-align: center;
   text-transform: uppercase;
   font-family:
      Ruigslay,
      Times New Roman,
      sans-serif;
   font-size: clamp(20px, 8vw, 46px);
   line-height: 1em;
   position: relative;
}

.body {
   color: #fff;
   background-color: #000;
   background-image:
      linear-gradient(#0000009c, #0000009c),
      url("../images/pexels-resourceboy-18541810.jpg");
   background-position:
      0 0,
      50%;
   background-size: auto, cover;
}

.image-text {
   margin-top: 231px;
   margin-bottom: 231px;
}

.image-text-inside {
   grid-column-gap: 64px;
   grid-row-gap: 64px;
   grid-template-rows: auto;
   grid-template-columns: 1fr 1fr;
   grid-auto-columns: 1fr;
   display: grid;
}

.image-text-inside.smaller {
   grid-template-columns: 1fr;
}

.grid-image {
   position: relative;
}

.grid-text {
   flex-flow: column;
   justify-content: center;
   align-items: flex-start;
   padding-bottom: 119px;
   display: flex;
}

.text-block {
   margin-bottom: clamp(40px, 4.6vw, 88px);
   font-family: Segoeui, Arial, sans-serif;
   font-size: 18px;
   line-height: 1.7em;
}

.text-block.nomargin {
   margin-bottom: 0;
   margin-left: 0;
}

.text-block.nomargin.center {
   text-align: center;
   font-size: 15px;
}

.image-portrait {
   object-fit: cover;
   flex-flow: row;
   justify-content: space-between;
   align-items: stretch;
   height: clamp(400px, 46.8vw, 900px);
   overflow: hidden;
}

.image-portrait-small {
   width: 400px;
   height: 502px;
   position: absolute;
   inset: auto -22% -28% auto;
}

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

.image-height {
   object-fit: cover;
   object-position: 50% 50%;
   width: 100%;
   height: 100%;
   transition: all 1s;
   display: block;
}

.image-height:hover {
   transform: scale(1.1);
}

.image-height.icon {
   height: clamp(10%, 30vw, 30%);
}

.image-height.right {
   object-position: 100% 50%;
   margin-top: 104px;
}

.image-height.special {
   display: none;
}

.button-line {
   background-color: #fff;
   width: 60px;
   height: 1px;
   margin-left: 25px;
}

.button-line.centered {
   margin-left: 0;
}

.link-block {
   letter-spacing: 15px;
   text-transform: uppercase;
   justify-content: flex-start;
   align-items: center;
   font-family: Segoeui, Arial, sans-serif;
   text-decoration: none;
   transition: all 1s;
   display: flex;
}

.link-block:hover {
   letter-spacing: 23px;
}

.link-block.center {
   text-align: center;
   justify-content: center;
   align-items: center;
}

.link-block.hol {
   margin-top: 153px;
   margin-bottom: 31px;
}

.heading {
   letter-spacing: clamp(10px, 1.8vw, 35px);
   margin-bottom: clamp(40px, 4.6vw, 88px);
   font-size: clamp(26px, 2.1vw, 40px);
}

.heading.center {
   text-align: center;
}

.heading.nospace {
   letter-spacing: 23px;
   margin-bottom: 65px;
   font-size: 35px;
}

.image-slider {
   margin-top: -218px;
   margin-bottom: 60px;
}

.grid-2 {
   grid-column-gap: 22px;
   grid-row-gap: 22px;
   grid-template-rows: auto;
   grid-template-columns: 1fr 1fr;
   grid-auto-columns: 1fr;
   margin-top: -63px;
   display: grid;
}

.slider {
   background-color: #ddd0;
   height: 100%;
}

.termek-slide {
   -webkit-backdrop-filter: brightness(200%) blur(20px);
   backdrop-filter: brightness(200%) blur(20px);
}

.termek-grid-offset {
   grid-column-gap: 16px;
   grid-row-gap: 16px;
   -webkit-backdrop-filter: blur(13px);
   backdrop-filter: blur(13px);
   grid-template-rows: auto;
   grid-template-columns: 0.25fr 1fr;
   grid-auto-columns: 1fr;
   padding-top: 44px;
   padding-bottom: 44px;
   padding-left: 44px;
   display: grid;
}

.termek-nev {
   letter-spacing: 11px;
   text-transform: uppercase;
   font-family: Bodoni, Tahoma, sans-serif;
   font-size: 46px;
   line-height: 1em;
}

.termek-wrapper {
   justify-content: center;
   align-items: center;
   height: 751px;
   display: flex;
   overflow: hidden;
}

.slide-nav {
   top: 418.375px;
}

.instagram {
   margin-bottom: 69px;
}

.grid-3 {
   grid-column-gap: clamp(30px, 2.9vw, 55px);
   grid-row-gap: clamp(30px, 2.9vw, 55px);
   grid-template:
      ". ."
      "Area Area"
      / 1fr 1fr 1fr;
   grid-auto-columns: 1fr;
   display: grid;
}

.grid-3.holtalalnak {
   flex-flow: wrap;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   justify-content: flex-start;
   align-items: flex-start;
   display: flex;
}

.grid-4 {
   grid-column-gap: clamp(30px, 2.9vw, 55px);
   grid-row-gap: clamp(30px, 2.9vw, 55px);
   grid-template:
      ". ."
      "Area Area"
      / 1fr 1fr 1fr 1fr;
   grid-auto-columns: 1fr;
   margin-bottom: 38px;
   display: grid;
}

.grid-5 {
   grid-column-gap: clamp(30px, 2.9vw, 55px);
   grid-row-gap: clamp(30px, 2.9vw, 55px);
   grid-template:
      ". ."
      "Area Area"
      / 1fr 1fr 1fr 1fr 1fr;
   grid-auto-columns: 1fr;
   margin-bottom: 38px;
   display: grid;
}

.image-3 {
   height: 100%;
}

.insta-col {
   aspect-ratio: 1;
   -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background-color: #3a3a3a14;
   flex-flow: column;
   justify-content: center;
   align-items: center;

   display: flex;
   overflow: hidden;
}

.insta-col a {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.insta-col.hol {
   aspect-ratio: auto;
   filter: brightness(107%);
   background-image:
      linear-gradient(#000000e6, #000000e6), url("../images/Group-34.svg");
   background-position:
      0 0,
      50%;
   background-repeat: repeat, no-repeat;
   background-size: auto, 250px;
   border: 1px solid #1a1a1a;
   flex-flow: column;
   flex: 24%;
   justify-content: flex-start;
   align-items: center;
   padding-left: 0;
   font-family: Segoeui, Arial, sans-serif;
   position: relative;
}

.informacio {
   margin-bottom: 45px;
}

.info-cim {
   text-align: center;
   letter-spacing: 16px;
   text-transform: uppercase;
   margin-top: 30px;
   margin-bottom: 30px;
   font-family: Segoeui, Arial, sans-serif;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.4em;
}

.info-cim.smaller {
   letter-spacing: 10px;
   font-size: 15px;
}

.info-cim.hol {
   letter-spacing: 6px;
   font-family: Segoeui, Arial, sans-serif;
   font-size: 20px;
}

.tortenetek {
   margin-bottom: 419px;
}

.grid-cell {
   justify-content: flex-start;
   align-items: flex-start;
   display: flex;
}

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

.div-block-2 {
   text-align: center;
   border: 1px solid #000;
   flex: 1;
   width: clamp(40px, 23vw, 441px);
   height: clamp(350px, 37.9vw, 728px);
}

.hirlevel {
   margin-bottom: 142px;
}

.text-field {
   color: #fff;
   letter-spacing: 9px;
   text-transform: uppercase;
   background-color: #fff0;
   border: 0 solid #494949;
   border-bottom-width: 1px;
   font-family: Segoeui, Arial, sans-serif;
}

.kuldes {
   letter-spacing: 6px;
   text-transform: uppercase;
   background-color: #0000;
   padding-left: 14px;
   font-family: Segoeui, Arial, sans-serif;
   position: absolute;
   inset: auto 0% 0% auto;
}

.form {
   position: relative;
}

.footer {
   background-color: #0d0d0d;
}

.div-block-3 {
   grid-column-gap: 16px;
   grid-row-gap: 16px;
   grid-template-rows: auto auto auto;
   grid-template-columns: 1fr;
   grid-auto-columns: 1fr;
   display: grid;
}

.div-block-4 {
   grid-column-gap: 30px;
   grid-row-gap: 30px;
   grid-template-rows: auto;
   grid-template-columns: 1fr 1fr 1fr;
   grid-auto-columns: 1fr;
   display: grid;
}

.fizetes-link {
   background-color: #fff;
   border-radius: 6px;
   margin-right: 17px;
   padding: 7px;
}

.image-4 {
   width: 73px;
}

.div-block-5 {
   flex-flow: column;
   justify-content: center;
   align-items: center;
   display: flex;
}

.div-block-5.right {
   justify-content: flex-start;
   align-items: flex-end;
}

.div-block-6 {
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-rows: auto;
   grid-template-columns: 0.75fr 1fr;
   grid-auto-columns: 1fr;
   justify-content: center;
   align-items: center;
   display: grid;
}

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

.col-center.left {
   justify-content: flex-start;
   align-items: flex-start;
}

.logo-footer {
   aspect-ratio: 1;
   background-color: #0d0d0d;
   border-radius: 50%;
   justify-content: center;
   align-items: center;
   width: 200px;
   margin-top: -106px;
   padding-top: 48px;
   display: flex;
}

.image-5 {
   margin-top: -51px;
   padding: 29px;
}

.div-block-7 {
   justify-content: center;
   align-items: flex-start;
   display: flex;
}

.div-block-8 {
   background-color: #000;
   flex-flow: column;
   justify-content: flex-start;
   align-items: center;
   padding-top: 20px;
   padding-bottom: 20px;
   display: flex;
}

.text-block-2 {
   text-transform: uppercase;
   margin-bottom: 14px;
   font-family: Segoeui, Arial, sans-serif;
   font-size: 18px;
}

.text-block-3 {
   letter-spacing: 3px;
   text-transform: uppercase;
   font-family: Segoeui, Arial, sans-serif;
   font-size: 10px;
}

.image-6 {
   display: none;
}

.content {
   padding-left: 75px;
   padding-right: 75px;
}

.grid-6 {
   grid-column-gap: clamp(30px, 2.9vw, 55px);
   grid-row-gap: clamp(30px, 2.9vw, 55px);
   grid-template:
      ". ."
      "Area Area"
      / 1fr 1fr 1fr;
   grid-auto-columns: 1fr;
   margin-bottom: 38px;
   display: grid;
}

.flex4 {
   grid-column-gap: 65px;
   grid-row-gap: 319px;
   flex-flow: wrap;
   grid-template-rows: auto;
   grid-template-columns: 1fr 1fr;
   grid-auto-columns: 1fr;
   justify-content: center;
   align-items: flex-start;
   margin-top: -29px;
   display: flex;
}

.navbar {
   -webkit-backdrop-filter: blur(50px);
   backdrop-filter: blur(50px);
   background-color: #4e4e4e57;
   position: fixed;
   inset: 0% 0% auto;
}

.nav-link {
   color: #fff;
   letter-spacing: 4px;
   text-transform: uppercase;
   font-family: Segoeui, Arial, sans-serif;
}

.nav-link.w--current {
   color: #fff;
   border: 0 solid #fff;
   border-bottom-width: 1px;
}

.brand {
   width: 39px;
   margin-top: 8px;
}

.holtalalnak {
   margin-bottom: 196px;
}

.hol-cim {
   text-align: center;
   letter-spacing: 1px;
   text-transform: uppercase;
   padding: 19px 22px;
   font-family: Bodoni, Tahoma, sans-serif;
   font-size: 30px;
   line-height: 1.1em;
}

.blur {
   z-index: -1;
   -webkit-backdrop-filter: blur(6px);
   backdrop-filter: blur(6px);
   position: absolute;
   inset: 0%;
}

@media screen and (min-width: 1280px) {
   .body {
      padding: 73px 73px 0;
   }

   .image-text {
      margin-bottom: 588px;
   }

   .image-text-inside {
      grid-template-columns: 1fr 1fr;
   }

   .image-text-inside.smaller {
      grid-template-columns: 0.75fr 1fr;
      overflow: hidden;
   }

   .image-text-inside.img {
      grid-template-columns: 1fr 1fr;
   }

   .text-block {
      margin-left: clamp(40px, 17.8vw, 342px);
   }

   .text-block.nomargin.center {
      font-size: 17px;
   }

   .image-portrait-small {
      width: clamp(200px, 20.8vw, 400px);
      height: clamp(250px, 26.1vw, 502px);
   }

   .image-height {
      display: block;
   }

   .image-height.icon {
      height: 18%;
   }

   .image-height.special {
      display: inline-block;
   }

   .link-block {
      margin-left: clamp(40px, 17.8vw, 342px);
      transition-property: all;
      transition-duration: 0.45s;
      transition-timing-function: ease;
   }

   .link-block:hover {
      letter-spacing: 26px;
   }

   .link-block.hol {
      margin-top: 137px;
      margin-left: 0;
   }

   .heading {
      margin-left: 166px;
      font-size: clamp(26px, 2.1vw, 40px);
   }

   .heading.center {
      text-align: right;
      margin-right: -26px;
   }

   .heading.center.nomargin {
      text-align: center;
      margin-left: 0;
   }

   .heading.nospace {
      letter-spacing: 30px;
      margin-left: 0;
      font-size: clamp(26px, 2.1vw, 40px);
   }

   .grid-2 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
   }

   .grid-2.forms {
      grid-column-gap: 80px;
      grid-row-gap: 80px;
   }

   .slider {
      padding-bottom: 51px;
   }

   .termek-slide {
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
   }

   .termek-grid-offset {
      grid-template-columns: 0.25fr 1fr;
      padding: 0;
   }

   .termek-wrapper {
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      justify-content: center;
      align-items: center;
      height: clamp(350px, 39.1vw, 751px);
   }

   .slide-nav {
      inset: auto 0% 0%;
   }

   .instagram {
      margin-top: 269px;
   }

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

   .grid-3.holtalalnak {
      grid-column-gap: 46px;
      grid-row-gap: 46px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
   }

   .insta-col.hol {
      grid-column-gap: 13px;
      grid-row-gap: 13px;
      aspect-ratio: auto;
      text-align: center;
      flex-flow: column;
      flex: 1;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      justify-content: flex-start;
      align-items: center;
      padding-bottom: 28px;
      padding-left: 0;
      display: flex;
   }

   .info-cim {
      font-size: 19px;
   }

   .info-cim.smaller {
      font-size: clamp(12px, 0.8vw, 15px);
   }

   .info-cim.hol {
      flex: 1;
   }

   .div-block-2 {
      text-align: center;
      flex: 1;
      height: clamp(350px, 37.9vw, 728px);
   }

   .image-6 {
      display: block;
   }

   .content {
      padding-left: 0;
      padding-right: 0;
   }

   .image-8 {
      height: 100%;
   }

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

   .flex4 {
      grid-column-gap: 40px;
      grid-row-gap: 319px;
      flex-flow: wrap;
      justify-content: center;
      align-items: flex-start;
   }

   .navbar {
      -webkit-backdrop-filter: blur(50px);
      backdrop-filter: blur(50px);
      color: #fff;
      background-color: #4e4e4e57;
      position: fixed;
      inset: 0% 0% auto;
   }

   .nav-menu {
      color: #fff;
   }

   .nav-link {
      color: #fff;
      letter-spacing: 4px;
      text-transform: uppercase;
      font-family: Segoeui, Arial, sans-serif;
   }

   .brand {
      width: 38px;
      margin-top: 8px;
   }

   .hol-cim {
      flex: 1;
   }

   .div-block-9 {
      flex-flow: column;
      display: flex;
   }

   .blur {
      -webkit-backdrop-filter: blur(8px);
      backdrop-filter: blur(8px);
   }
}

@media screen and (max-width: 991px) {
   .image-text {
      margin-top: 36px;
   }

   .image-text-inside.img {
      grid-template-columns: 1fr;
   }

   .link-block.hol {
      margin-top: 43px;
      margin-bottom: 26px;
   }

   .heading.nospace {
      font-size: clamp(26px, 1.8vw, 35px);
   }

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

   .grid-2.forms,
   .termek-grid-offset {
      grid-template-columns: 1fr;
   }

   .grid-3 {
      grid-column-gap: 45px;
      grid-row-gap: 55px;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas:
         "."
         "Area";
   }

   .grid-3.bigger {
      grid-template-columns: 1fr 1fr;
      display: flex;
   }

   .grid-4 {
      grid-column-gap: 45px;
      grid-row-gap: 55px;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-areas:
         "."
         "Area";
   }

   .grid-5 {
      grid-column-gap: 45px;
      grid-row-gap: 55px;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas:
         "."
         "Area";
   }

   .insta-col.hol {
      flex-flow: column;
   }

   .div-block-2 {
      width: 342px;
      height: 559px;
   }

   .grid-6 {
      grid-column-gap: 45px;
      grid-row-gap: 55px;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas:
         "."
         "Area";
   }

   .grid-6.bigger {
      grid-template-columns: 1fr 1fr;
      display: flex;
   }

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

   .flex4.forms {
      grid-template-columns: 1fr;
   }

   .nav-menu {
      background-color: #000000f0;
   }

   .nav-link {
      text-align: right;
   }

   .menu-button {
      background-color: #8d5555;
   }

   .menu-button.w--open {
      background-color: #000;
   }
}

@media screen and (max-width: 767px) {
   .image-height.right {
      margin-top: 0;
   }
   .image-portrait-small {
      display: none;
   }
   .grid-2 {
      grid-template-columns: 1fr;
      margin-top: 0;
   }

   .grid-2.forms {
      text-align: center;
   }

   .grid-3 {
      grid-row-gap: 33px;
      grid-template-columns: 1fr;
   }

   .grid-3.bigger {
      grid-column-gap: 0px;
      grid-row-gap: 26px;
      flex-flow: column;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
   }

   .grid-3.holtalalnak {
      grid-column-gap: 22px;
      grid-row-gap: 22px;
   }

   .grid-4 {
      grid-row-gap: 33px;
      grid-template-columns: 1fr 1fr;
   }

   .grid-5 {
      grid-row-gap: 33px;
      grid-template-columns: 1fr 1fr;
   }

   .tortenetek {
      margin-bottom: 100px;
   }

   .grid-cell.right {
      justify-content: center;
      align-items: flex-start;
   }

   .div-block-2 {
      width: 100%;
      height: auto;
   }

   .div-block-4 {
      grid-template-columns: 1fr;
   }

   .div-block-8 {
      margin-top: 35px;
   }

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

   .grid-6 {
      grid-row-gap: 33px;
      grid-template-columns: 1fr;
   }

   .grid-6.bigger {
      grid-column-gap: 0px;
      grid-row-gap: 26px;
      flex-flow: column;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
   }

   .flex4 {
      grid-column-gap: 61px;
      grid-row-gap: 61px;
      grid-template-columns: 1fr;
      margin-top: 0;
   }
}

@media screen and (max-width: 479px) {
   .hero {
      min-height: auto;
   }

   .hero-inside {
      padding-bottom: 13px;
      padding-left: 13px;
      padding-right: 13px;
   }

   .hero-p {
      aspect-ratio: auto;
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      color: #fff;
      border-radius: 0;
      width: 100%;
      margin-top: 138px;
      padding: 16px 15px;
      font-size: clamp(14px, 1.1vw, 21px);
      line-height: 1.4em;
   }

   .grid-text {
      padding-bottom: 0;
   }

   .link-block.hol {
      margin-top: 93px;
   }

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

   .heading.nospace {
      letter-spacing: 12px;
   }

   .image-slider {
      margin-top: 0;
   }

   .termek-grid-offset {
      padding-left: 0;
   }

   .termek-wrapper {
      justify-content: flex-start;
      align-items: flex-start;
      height: auto;
   }

   .slide-nav {
      margin-top: 0;
      margin-bottom: 0;
   }

   .grid-3.bigger {
      grid-template-columns: 1fr;
   }

   .hirlevel {
      margin-bottom: 83px;
   }

   .kapcsolat {
      margin-bottom: 97px;
   }

   .kuldes {
      text-align: center;
      margin-top: 26px;
      position: static;
   }

   .form {
      flex-flow: column;
      display: flex;
   }

   .logo-footer {
      width: 110px;
   }

   .div-block-8 {
      text-align: center;
   }

   .image-7 {
      max-width: 82%;
   }

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

   .grid-6.bigger {
      grid-template-columns: 1fr;
   }

   .flex4 {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
   }
}

#w-node-_626288bf-16c6-fc9f-dbeb-3fde799e6ef5-0475b151 {
   justify-self: center;
}

#w-node-_4576001e-153f-df14-fd8f-db5db33e626b-0475b151 {
   justify-self: end;
}

@font-face {
   font-family: "Bodoni";
   src: url("../fonts/BOD_CR.TTF") format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "Ruigslay";
   src: url("../fonts/Ruigslay.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "Segoeui";
   src: url("../fonts/segoeui.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}