:root {
  --light_gray: #e2e2e2;
  --h1: 30px;
  --turquoise: #7ef4f6;
  --biały: white;
  --dark_gray: #191919;
  --h2: 68px;
  --link: 24px;
  --text: 16px;
  --text_m: 13px;
}

.w-layout-hflex {
  flex-direction: row;
  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;
}

h1 {
  color: var(--light_gray);
  font-size: var(--h1);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: var(--turquoise);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Foglihtenno 06", Arial, sans-serif;
  font-size: 68px;
  font-weight: 300;
  line-height: 68px;
}

p {
  color: var(--light_gray);
  margin-bottom: 10px;
  line-height: 30px;
}

a {
  color: var(--turquoise);
  text-decoration: none;
  transition: color .5s;
}

a:hover {
  color: var(--biały);
}

.body {
  background-color: var(--dark_gray);
  color: var(--dark_gray);
  scroll-behavior: smooth;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.fb_about {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin: 10px auto 10px 0;
}

.fb_link_hero {
  opacity: .65;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: opacity .5s;
  display: flex;
}

.fb_link_hero:hover {
  opacity: 100;
}

.hero_top_tel {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.q_contact_hero {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--light_gray);
  border-radius: 5px;
  padding: 10px;
  text-decoration: none;
  transition: box-shadow .6s;
  display: flex;
  position: relative;
}

.q_contact_hero:hover {
  box-shadow: inset 0 0 5px 20px var(--dark_gray);
}

.q_contact_hero.mail {
  border-radius: 5px;
  transition: box-shadow .6s;
}

.q_contact_hero.mail:hover {
  box-shadow: inset 0 0 5px 20px var(--dark_gray);
  color: var(--dark_gray);
}

.text-span {
  font-size: 14px;
  font-weight: 400;
}

.hero_top_linkmail {
  color: var(--light_gray);
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
  line-height: 20px;
}

.section_moena {
  scroll-behavior: smooth;
  padding-top: 10px;
  padding-bottom: 80px;
}

.wrapp_offer {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.footer {
  color: var(--light_gray);
  justify-content: center;
  align-items: flex-end;
  padding-top: 125px;
  padding-bottom: 0;
  display: flex;
}

.wrap_footer {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.footer_link {
  background-color: var(--dark_gray);
  flex: none;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  transition: box-shadow .2s;
}

.footer_link:hover {
  box-shadow: inset 0 0 5px 20px var(--turquoise);
  color: var(--dark_gray);
}

.footer_link_block {
  grid-column-gap: 0.5%;
  grid-row-gap: 0.5%;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.footer_credits {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 300px;
  margin-top: 60px;
  display: flex;
  position: absolute;
  inset: auto auto 50px -300px;
}

.vert_footer {
  background-color: var(--light_gray);
  width: 2px;
  height: 80px;
  margin-top: auto;
  margin-bottom: 10px;
  margin-right: 10px;
}

.vert_footer._2 {
  margin-bottom: 15px;
  margin-left: 10px;
  margin-right: 0;
}

.footer_credit_txt {
  color: #a4a4a6;
  text-align: right;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
}

.image-4 {
  aspect-ratio: 1;
  width: 20px;
}

.hero_link {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.q_contact_wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.top_page {
  width: 100vw;
}

.menu_fullbar {
  z-index: 5;
  justify-content: center;
  align-items: flex-start;
  max-width: 100vw;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
  overflow: hidden;
}

.menu_wrapper {
  z-index: 5;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 1400px;
  height: 100%;
  margin-left: 50px;
  margin-right: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  position: static;
}

.menu_butt {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45px;
  height: 45px;
  margin-top: auto;
  margin-bottom: auto;
  padding: 5px;
  display: flex;
  position: relative;
}

.m_bar_1 {
  background-color: var(--light_gray);
  width: 25px;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.m_bar_2 {
  background-color: var(--light_gray);
  width: 30px;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.m_bar_3 {
  background-color: var(--light_gray);
  width: 15px;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.menu_main {
  z-index: 5;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 0;
  margin-bottom: 0;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.main_menu_butt {
  color: var(--light_gray);
  text-align: left;
  text-indent: -10px;
  border-radius: 10px;
  padding: 25px;
  font-family: "Foglihtenno 06", Arial, sans-serif;
  font-size: 4vw;
  line-height: 1.2vw;
  text-decoration: none;
  transition: color .4s;
}

.main_menu_butt:hover {
  color: var(--turquoise);
  text-decoration: none;
}

.menu_butt_close {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45px;
  height: 45px;
  margin-top: auto;
  margin-bottom: auto;
  padding: 5px;
  display: none;
  position: relative;
}

.link {
  color: var(--light_gray);
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

.cookie_wrap {
  background-color: #121415e6;
  padding: 25px 25px 20px;
  position: relative;
  top: auto;
  right: auto;
  overflow: hidden;
}

.cookie_pix_logo {
  max-height: 100%;
}

.cookie_box {
  justify-content: flex-end;
  display: flex;
}

.cookie-pix {
  z-index: -3;
  justify-content: flex-end;
  align-items: center;
  width: 200px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.cookie_link {
  color: var(--turquoise);
}

.cookie_button {
  background-color: var(--turquoise);
  color: var(--dark_gray);
  margin-left: auto;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none;
}

.cookie_horiz {
  background-color: var(--turquoise);
  background-image: linear-gradient(to bottom, var(--turquoise), var(--turquoise));
  height: 5px;
  position: absolute;
  inset: auto 30px 0%;
}

.cookie_txt {
  flex-direction: column;
  width: 70%;
  display: flex;
}

.wrapp_all_cookie {
  z-index: 5;
  perspective: 1320px;
  justify-content: center;
  align-items: center;
  width: 370px;
  margin-bottom: 20px;
  margin-left: 200px;
  display: none;
  position: fixed;
  inset: auto auto 0% 0%;
  transform: perspective(1301px);
}

.cookie_txt_info {
  color: var(--light_gray);
  font-size: 12px;
  line-height: 16px;
}

.hero {
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: -180px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero.sub {
  scroll-behavior: smooth;
  background-image: none;
  height: 100px;
  margin-top: -100px;
}

.apla {
  z-index: 2;
  mix-blend-mode: multiply;
  background-color: #191919b3;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.slogan_hero {
  z-index: 4;
  margin-top: 10%;
  padding-top: 60px;
  padding-bottom: 0;
  position: absolute;
}

.text-block {
  color: var(--biały);
  font-family: "Foglihtenno 06", Arial, sans-serif;
  font-size: 16vw;
  line-height: 10vw;
}

.text-block-2 {
  color: var(--biały);
  text-align: right;
  font-family: Voga, Arial, sans-serif;
  font-size: 7.5vw;
  line-height: 8vw;
}

.text-block-3 {
  color: var(--turquoise);
  margin-top: -5%;
  margin-left: 20%;
  font-family: Playfair Display, sans-serif;
  font-size: 7vw;
  line-height: 5vw;
  position: absolute;
}

.grid_about {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "_1l _1r"
                 "_2l _2r"
                 "_3l _3r"
                 "_4l _4r"
                 / 1.5fr 1fr;
  margin-left: auto;
  position: relative;
}

.vert-2 {
  background-color: var(--light_gray);
  width: 2px;
  height: 60px;
  margin-left: 0;
}

.q_contact_hero-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #27272c;
  padding: 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.kontakt_opis {
  text-align: right;
  width: 600px;
}

.kontakt_opis._2nd {
  width: 400px;
}

.heading {
  text-align: right;
  line-height: 36px;
}

.heading.kontakt {
  text-align: left;
}

.heading-2 {
  text-align: right;
}

.heading-2.kontakt {
  text-align: left;
}

.kontakt_linki {
  width: 350px;
  font-weight: 600;
}

.image_round {
  filter: saturate(0%);
  flex: none;
  transition: filter .4s;
  overflow: hidden;
}

.image_round:hover {
  filter: saturate();
}

.image_round.p1 {
  object-fit: cover;
  flex: 0 auto;
  min-width: 25%;
  height: 350px;
}

.image_round.p2, .image_round.p3 {
  flex: 0 auto;
  min-width: 25%;
  height: 350px;
}

.image_round.realiz_1 {
  background-image: url('../images/KUCHNIA_recover_14.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  min-width: 550px;
  max-width: 30%;
  height: 260px;
}

.image_round.realiz_2 {
  background-image: url('../images/REJMAN_SYPIALNI_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  min-width: 500px;
  max-width: 28%;
  height: 260px;
}

.image_round.realiz_3 {
  background-image: url('../images/GAJDA__SALONEM2_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  min-width: 520px;
  max-width: 33%;
  height: 260px;
}

.image_round.realiz_4 {
  background-image: url('../images/KUCHNIA_I_SALON_WERSJA_30.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  min-width: 480px;
  max-width: 28%;
  height: 260px;
}

.image_round.realiz_5 {
  background-image: url('../images/GAJDA_MARTY_w2_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  min-width: 450px;
  max-width: 26%;
  height: 260px;
}

.image_round.second {
  width: 650px;
}

.image_round.nadz_1 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 550px;
  max-width: 30%;
  height: 260px;
  display: flex;
}

.image_round.nadz_2 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 500px;
  max-width: 28%;
  height: 260px;
  display: flex;
}

.image_round.nadz_3 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 520px;
  max-width: 33%;
  height: 260px;
  display: flex;
}

.image_round.nadz_4 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 480px;
  max-width: 28%;
  height: 260px;
  display: flex;
}

.image_round.nadz_5 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 450px;
  max-width: 26%;
  height: 260px;
  display: flex;
}

.projekty_txt {
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.projekty_txt._2 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
}

.projekty_headings {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  display: flex;
}

.wrapp_projekty {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  overflow: hidden;
}

.zobacz_projekty {
  color: var(--turquoise);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: 60px;
  margin-right: auto;
  text-decoration: none;
  transition: color .4s;
  display: flex;
}

.zobacz_projekty:hover {
  color: var(--light_gray);
}

.qcontact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 20px 10px auto;
}

.text-block-4 {
  text-align: right;
  font-family: "Foglihtenno 06", Arial, sans-serif;
  font-size: 24px;
  line-height: 30px;
  transition: border-color .4s;
}

.text-block-4:hover {
  text-decoration: none;
}

.horiz {
  background-color: var(--turquoise);
  width: 60px;
  height: 2px;
  margin-top: 15px;
}

.projekty_img_row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
  overflow: hidden;
}

.wrapp_realizacje {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  overflow: hidden;
}

.realizacje_headings {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  flex-flow: column;
  width: 40%;
  display: flex;
}

.about_im_margin {
  width: 550px;
  height: 800px;
  margin-top: -180px;
  position: absolute;
}

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

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

.zobacz_realizacje {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--turquoise);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 40px;
  margin-left: auto;
  text-decoration: none;
  transition: color .4s;
  display: flex;
}

.zobacz_realizacje:hover {
  color: var(--light_gray);
}

.grid_kontakt {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "_1l _1r"
                 "_2l _2r"
                 "_3l _3r"
                 / 1.5fr 1fr;
  margin-left: auto;
  position: relative;
}

.grid_kontakt._2k {
  z-index: 3;
  flex: 0 auto;
  grid-template-columns: 1fr 1fr;
  margin-top: auto;
  margin-left: auto;
  margin-right: 500px;
}

.text-span-2 {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  text-decoration: none;
  transition: letter-spacing .4s, color .4s;
}

.text-span-2:hover {
  color: var(--turquoise);
  letter-spacing: 1.3px;
}

.kontakt_sylwetka {
  margin-top: 0;
  position: absolute;
  left: 5%;
}

.kontakt_sylwetka.k2 {
  margin-bottom: auto;
  left: auto;
  right: 5%;
}

.wrapp_kontakt {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  overflow: hidden;
}

.wrapp_kontakt._2 {
  margin-bottom: 60px;
  overflow: hidden;
}

.link_tel {
  color: var(--light_gray);
  text-decoration: none;
}

.link_mail {
  color: var(--light_gray);
  text-decoration: none;
  transition: letter-spacing .4s, color .4s;
}

.link_mail:hover {
  color: var(--turquoise);
  letter-spacing: 1.2px;
}

.logo_footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-end;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

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

.menu_footer {
  z-index: 5;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  margin-right: 0;
  display: flex;
  position: absolute;
}

.credits {
  flex: 1;
}

.menu_butt_wrap {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  flex-flow: column;
  flex: 0 auto;
  width: auto;
  margin-left: 30%;
  margin-right: auto;
  display: flex;
}

.menu_apla {
  z-index: -10;
  background-color: var(--dark_gray);
  opacity: .9;
  mix-blend-mode: normal;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu_wlasciwe {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #19191999;
  justify-content: flex-start;
  align-items: center;
  width: 60vw;
  height: 100vh;
  display: flex;
}

.menu_margin {
  width: 40vw;
  height: 1px;
  overflow: hidden;
}

.bold-text {
  font-size: 12px;
  font-weight: 500;
}

.realiz_block_mid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  display: flex;
}

.kontakty {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  flex-flow: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.kolumny_projekty {
  width: 100%;
}

.wrapp_projekty_columns {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.wrapp_projekty_top {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.projekty_im_margin {
  margin-top: -60px;
  margin-right: 10%;
  position: absolute;
  right: 0;
}

.grid_projekty {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "_1l _1r"
                 "_2l _2r"
                 "_3l _3r"
                 "_4l _4r"
                 / 1.5fr 1fr;
  margin-left: 0;
  margin-right: auto;
  position: relative;
}

.dozor_txt {
  text-align: left;
  width: 600px;
  margin-left: auto;
}

.reali_headings {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  width: 100%;
  display: flex;
}

.paragraph_realizacje {
  margin-top: 60px;
  margin-bottom: 0;
  font-weight: 600;
}

.realiz_img_row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.fullwrap {
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

.adres {
  text-align: left;
  font-weight: 400;
}

.mapa {
  aspect-ratio: 1;
  filter: saturate(0%);
  transition: filter .4s;
}

.mapa:hover {
  filter: saturate();
}

.columns {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: flex;
  overflow: hidden;
}

.code-embed {
  aspect-ratio: 1;
}

.text-block_studio {
  color: var(--light_gray);
  text-align: center;
  font-family: "Foglihtenno 06", Arial, sans-serif;
  font-size: 3vw;
  line-height: 3vw;
}

.text-span-3 {
  font-weight: 900;
}

.text-span-4 {
  color: var(--turquoise);
}

.logo_main_menu {
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.logo_img {
  height: 100%;
  max-height: 107px;
  display: block;
}

.text-span-5, .text-span-6 {
  color: var(--turquoise);
}

.slogan_desc {
  background-color: #191919cc;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 5px;
}

.image_round_kolor {
  flex: none;
  overflow: hidden;
}

.image_round_kolor.realiz_1 {
  background-image: url('../images/KUCHNIA_recover_14.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  min-width: 550px;
  max-width: 30%;
  height: 260px;
}

.image_round_kolor.realiz_2 {
  background-image: url('../images/REJMAN_SYPIALNI_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  min-width: 500px;
  max-width: 28%;
  height: 260px;
}

.image_round_kolor.realiz_3 {
  background-image: url('../images/GAJDA__SALONEM2_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  min-width: 520px;
  max-width: 33%;
  height: 260px;
}

.image_round_kolor.realiz_4 {
  background-image: url('../images/KUCHNIA_I_SALON_WERSJA_30.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  min-width: 480px;
  max-width: 28%;
  height: 260px;
}

.image_round_kolor.realiz_5 {
  background-image: url('../images/GAJDA_MARTY_w2_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  min-width: 450px;
  max-width: 26%;
  height: 260px;
}

.projekt_headings {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  margin-left: auto;
  padding-left: 20%;
  display: flex;
}

.rotator_zdj {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.zdj {
  background-image: url('../images/hero_img.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.partnerzy_loga {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.partner_logo {
  opacity: .65;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 100px;
  transition: opacity .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.partner_logo:hover {
  opacity: 1;
}

.corner_2 {
  border-top: 1px solid var(--light_gray);
  border-right: 1px solid var(--light_gray);
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.corner_3 {
  border-bottom: 1px solid var(--light_gray);
  border-left: 1px solid var(--light_gray);
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.corner_4 {
  border-right: 1px solid var(--light_gray);
  border-bottom: 1px solid var(--light_gray);
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.corner_1 {
  border-top: 1px solid var(--light_gray);
  border-left: 1px solid var(--light_gray);
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.zobacz_nadzor {
  color: var(--turquoise);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  text-decoration: none;
  transition: color .4s;
  display: flex;
}

.zobacz_nadzor:hover {
  color: var(--light_gray);
}

@media screen and (max-width: 991px) {
  .q_contact_hero.mail {
    display: none;
  }

  .section_moena {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .wrapp_offer {
    flex-flow: column;
    width: 95vw;
  }

  .footer {
    padding-top: 50px;
  }

  .wrap_footer {
    width: 65%;
  }

  .footer_link_block {
    flex-flow: row;
  }

  .footer_credits {
    background-color: var(--dark_gray);
    bottom: 20px;
    left: auto;
    right: 2%;
  }

  .menu_fullbar {
    height: 100px;
  }

  .menu_wrapper {
    flex: 1;
    width: auto;
  }

  .main_menu_butt {
    font-size: 70px;
  }

  .cookie_wrap {
    width: auto;
  }

  .wrapp_all_cookie {
    width: 370px;
  }

  .grid_about {
    margin-top: -50%;
  }

  .kontakt_opis {
    width: auto;
  }

  .heading-2 {
    font-size: 60px;
  }

  .kontakt_linki {
    width: auto;
  }

  .image_round {
    margin-right: 0;
  }

  .image_round.r2 {
    margin-left: auto;
    margin-right: 0;
  }

  .image_round.r3, .image_round.r4 {
    width: 40vw;
  }

  .image_round.realiz_1 {
    min-width: 45%;
    height: 250px;
  }

  .image_round.realiz_2 {
    min-width: 48%;
    height: 250px;
  }

  .image_round.realiz_3 {
    min-width: 42%;
    height: 250px;
  }

  .image_round.realiz_4 {
    min-width: 50%;
    height: 250px;
  }

  .image_round.realiz_5 {
    min-width: 48%;
    height: 250px;
  }

  .image_round.nadz_1 {
    min-width: 45%;
    height: 250px;
  }

  .image_round.nadz_2 {
    min-width: 48%;
    height: 250px;
  }

  .image_round.nadz_3 {
    min-width: 42%;
    height: 250px;
  }

  .image_round.nadz_4 {
    min-width: 50%;
    height: 250px;
  }

  .image_round.nadz_5 {
    min-width: 48%;
    height: 250px;
  }

  .projekty_txt, .projekty_headings {
    flex-flow: column;
  }

  .zobacz_projekty {
    margin-left: auto;
    margin-right: 50px;
  }

  .projekty_img_row {
    flex-flow: wrap;
  }

  .wrapp_realizacje {
    width: 98%;
  }

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

  .about_im_margin {
    flex: none;
    height: 600px;
    margin-right: auto;
    position: static;
  }

  .projekty_zobacz {
    flex-flow: row;
    width: 100vw;
  }

  .zobacz_realizacje {
    order: 1;
    margin-top: 40px;
    margin-bottom: 0;
  }

  .grid_kontakt {
    grid-template-areas: "_1l ."
                         "_2l _2r"
                         "_3l _3r";
    width: 70vw;
    margin-top: -50%;
  }

  .grid_kontakt._2k {
    width: 95vw;
    margin-top: 0%;
    margin-left: 0%;
    margin-right: 0;
    position: static;
  }

  .kontakt_sylwetka {
    width: 40%;
    margin-right: auto;
    position: static;
  }

  .kontakt_sylwetka.k2 {
    order: -1;
    width: 80%;
    margin-left: auto;
    margin-right: 20px;
    overflow: hidden;
  }

  .wrapp_kontakt {
    flex-flow: column;
    width: 95vw;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .wrapp_kontakt._2 {
    margin-bottom: 0;
  }

  .menu_butt_wrap {
    margin-left: 15%;
  }

  .menu_wlasciwe {
    width: 80vw;
  }

  .menu_margin {
    width: 20vw;
  }

  .realiz_block_mid {
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .kontakty {
    width: 95vw;
  }

  .wrapp_projekty_columns, .wrapp_projekty_top {
    flex-flow: column;
  }

  .projekty_im_margin {
    flex: none;
    margin-top: -30px;
    margin-right: auto;
    position: static;
  }

  .grid_projekty {
    width: auto;
    margin-top: -50%;
  }

  .dozor_txt {
    width: auto;
  }

  .reali_headings {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .paragraph_realizacje {
    width: auto;
    margin-top: 0;
    padding-left: 20%;
  }

  .realiz_img_row {
    flex-flow: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }

  .fullwrap {
    width: 100vw;
  }

  .adres {
    width: auto;
  }

  .columns {
    flex-flow: wrap-reverse;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .text-block_studio {
    line-height: 3vw;
  }

  .slogan_desc {
    padding-top: 15px;
    padding-bottom: 10px;
  }

  .image_round_kolor {
    margin-right: 0;
  }

  .image_round_kolor.realiz_1 {
    min-width: 45%;
    height: 250px;
  }

  .image_round_kolor.realiz_2 {
    min-width: 48%;
    height: 250px;
  }

  .image_round_kolor.realiz_3 {
    min-width: 42%;
    height: 250px;
  }

  .image_round_kolor.realiz_4 {
    min-width: 50%;
    height: 250px;
  }

  .image_round_kolor.realiz_5 {
    min-width: 48%;
    height: 250px;
  }

  .projekt_headings {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-left: 0%;
  }

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

  .partnerzy_loga {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .fb_link_hero {
    display: none;
  }

  .hero_top_tel {
    font-size: 16px;
  }

  .wrapp_offer {
    flex-flow: wrap;
    position: static;
  }

  .footer {
    height: 300px;
  }

  .wrap_footer {
    height: 250px;
  }

  .footer_credits {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .vert_footer {
    display: none;
  }

  .menu_fullbar {
    z-index: 7;
    height: 75px;
  }

  .menu_wrapper {
    z-index: 5;
    margin-left: 20px;
    margin-right: 20px;
  }

  .menu_main {
    z-index: 5;
    display: none;
    top: 0;
  }

  .main_menu_butt {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 50px;
    line-height: 18px;
  }

  .wrapp_all_cookie {
    margin-left: auto;
    margin-right: auto;
    inset: auto 0% 0%;
  }

  .hero.sub {
    height: 100px;
  }

  .grid_about {
    grid-template-areas: "_1l _1r . ."
                         "_2l _2l _2l _2l"
                         "_3r _3r _3r ."
                         "_4l _4l _4l _4l"
                         ". . Area Area";
  }

  .vert-2 {
    display: none;
  }

  .kontakt_opis {
    text-align: left;
    font-size: 15px;
  }

  .heading.kontakt {
    margin-top: 0;
  }

  .heading-2 {
    font-size: 54px;
    line-height: 54px;
  }

  .kontakt_linki {
    font-size: 15px;
  }

  .image_round {
    filter: none;
    flex: 0 auto;
    width: 65%;
    margin-right: 0;
    transition-property: none;
  }

  .image_round.p1 {
    width: 100%;
  }

  .image_round.p2, .image_round.p3 {
    width: 45%;
  }

  .image_round.r2 {
    width: 100%;
  }

  .image_round.realiz_1 {
    min-width: 40%;
  }

  .image_round.txt {
    width: 100%;
  }

  .image_round.nadz_1 {
    min-width: 40%;
  }

  .projekty_txt._2 {
    min-width: 100%;
  }

  .wrapp_projekty {
    flex-flow: wrap;
    width: 98%;
    position: static;
  }

  .wrapp_realizacje {
    flex-flow: column;
    position: static;
  }

  .about_im_margin {
    width: 100%;
    height: auto;
  }

  .projekty_zobacz {
    width: 100%;
  }

  .zobacz_realizacje {
    flex: 1;
  }

  .grid_kontakt {
    grid-template-areas: "_1l _1l"
                         "_2r _2r"
                         "_3l _3l";
  }

  .grid_kontakt._2k {
    width: 100vw;
  }

  .kontakt_sylwetka {
    width: 60%;
  }

  .kontakt_sylwetka.k2 {
    flex: none;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: static;
    left: auto;
  }

  .wrapp_kontakt {
    flex-flow: wrap;
    width: 95vw;
    position: static;
  }

  .logo_footer {
    margin-top: auto;
    margin-bottom: 0;
  }

  .menu_wlasciwe {
    width: 100vw;
  }

  .menu_margin {
    width: 0;
    display: none;
  }

  .kolumny_projekty._2 {
    flex-flow: wrap-reverse;
    display: flex;
  }

  .wrapp_projekty_columns, .wrapp_projekty_top {
    flex-flow: wrap;
    position: static;
  }

  .projekty_im_margin {
    width: 100%;
    height: auto;
  }

  .grid_projekty {
    grid-template-areas: "_1l _1r"
                         "_2l _2l"
                         "_3r _3r"
                         "_4l _4l";
  }

  .dozor_txt {
    text-align: left;
    font-size: 15px;
  }

  .paragraph_realizacje {
    font-size: 15px;
  }

  .adres {
    text-align: left;
    font-size: 15px;
  }

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

  .logo_main_menu.w--current {
    height: 100%;
  }

  .slogan_desc {
    margin-top: 20px;
  }

  .image_round_kolor {
    filter: none;
    flex: 0 auto;
    width: 65%;
    margin-right: 0;
    transition-property: none;
  }

  .image_round_kolor.realiz_1 {
    min-width: 40%;
  }

  .rotator_zdj {
    z-index: -2;
  }
}

@media screen and (max-width: 479px) {
  .q_contact_hero {
    display: none;
  }

  .wrapp_offer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer {
    height: 390px;
    padding-top: 0;
    position: relative;
  }

  .wrap_footer {
    justify-content: flex-start;
    width: 95vw;
    height: auto;
    margin-top: 60px;
    margin-bottom: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: static;
  }

  .footer_link {
    text-align: center;
  }

  .footer_credits {
    flex-flow: row;
    flex: none;
    width: auto;
    margin-top: 10px;
    position: static;
  }

  .footer_credit_txt {
    text-align: center;
  }

  .menu_fullbar {
    height: 75px;
  }

  .menu_main {
    display: none;
  }

  .main_menu_butt {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 40px;
    line-height: 16px;
  }

  .cookie_button {
    font-size: 14px;
  }

  .wrapp_all_cookie {
    width: 80%;
  }

  .cookie_txt_info {
    font-size: 13px;
  }

  .hero.sub {
    height: 100px;
  }

  .slogan_hero {
    transform: rotate(-90deg);
  }

  .text-block {
    font-size: 26vw;
    line-height: 18vw;
  }

  .text-block-2 {
    font-size: 13vw;
    line-height: 12vw;
  }

  .text-block-3 {
    font-size: 12vw;
  }

  .grid_about {
    margin-top: -75%;
  }

  .q_contact_hero-2 {
    display: none;
  }

  .headings {
    margin-right: 15px;
  }

  .kontakt_opis {
    font-size: 14px;
    line-height: 24px;
  }

  .kontakt_opis._2nd {
    width: auto;
  }

  .heading {
    text-align: right;
    font-size: 20px;
    line-height: 22px;
  }

  .heading-2 {
    margin-top: 0;
    font-size: 36px;
    line-height: 44px;
  }

  .kontakt_linki {
    font-size: 14px;
    line-height: 24px;
  }

  .image_round {
    width: 80%;
    margin-right: 0;
  }

  .image_round.p1 {
    height: auto;
  }

  .image_round.p2 {
    width: 90%;
    height: auto;
    margin-left: auto;
  }

  .image_round.p3 {
    width: 80%;
    height: auto;
    margin-right: auto;
  }

  .image_round.r1 {
    width: 100%;
  }

  .image_round.r3 {
    width: 80%;
  }

  .image_round.r4 {
    width: 75%;
    margin-left: auto;
    margin-right: 0;
  }

  .image_round.realiz_1, .image_round.realiz_2, .image_round.realiz_3, .image_round.realiz_4, .image_round.realiz_5, .image_round.nadz_1, .image_round.nadz_2, .image_round.nadz_3, .image_round.nadz_4, .image_round.nadz_5 {
    width: auto;
    min-width: 100%;
    max-width: none;
    height: 180px;
  }

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

  .wrapp_projekty {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .zobacz_projekty {
    margin-right: 0;
  }

  .text-block-4 {
    font-size: 20px;
  }

  .projekty_img_row {
    width: 100%;
  }

  .about_im_margin {
    margin-top: -120px;
    position: relative;
  }

  .projekty_zobacz {
    flex-flow: column;
  }

  .grid_kontakt {
    margin-top: -50%;
  }

  .grid_kontakt._2k {
    margin-top: 0%;
  }

  .kontakt_sylwetka.k2 {
    width: 100%;
  }

  .logo_footer {
    flex: 1;
    order: 1;
    max-width: 50%;
    margin-top: auto;
    margin-bottom: 0;
    position: absolute;
    inset: auto 0% 0%;
  }

  .menu_footer {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    position: static;
  }

  .credits {
    margin-bottom: 0;
  }

  .menu_butt_wrap {
    margin-left: 10%;
  }

  .realiz_block_mid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    max-width: 100%;
  }

  .projekty_im_margin {
    margin-top: -30px;
    position: relative;
  }

  .grid_projekty {
    margin-top: -75%;
  }

  .dozor_txt {
    font-size: 14px;
    line-height: 24px;
  }

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

  .paragraph_realizacje {
    margin-top: 0;
    padding-left: 0%;
    font-size: 14px;
    line-height: 24px;
  }

  .realiz_img_row {
    width: 100%;
  }

  .adres {
    font-size: 14px;
    line-height: 24px;
  }

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

  .text-block_studio {
    margin-top: 10px;
    font-size: 5vw;
    line-height: 4vw;
  }

  .slogan_desc {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
  }

  .image_round_kolor {
    width: 80%;
    margin-right: 0;
  }

  .image_round_kolor.realiz_1, .image_round_kolor.realiz_2, .image_round_kolor.realiz_3, .image_round_kolor.realiz_4, .image_round_kolor.realiz_5 {
    width: auto;
    min-width: 100%;
    max-width: none;
    height: 180px;
  }

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

  .headings_proj {
    margin-right: 15px;
  }
}

#w-node-f13ee417-74c5-a9d4-d304-96e9c31f04e0-0a3da395 {
  grid-area: _1r;
}

#w-node-_1654b6e8-c51d-c0e0-4926-727fb9d90634-0a3da395 {
  grid-area: _2l;
}

#w-node-e3be2e88-fba8-6a56-7346-143d4afb077b-0a3da395 {
  grid-area: _4l;
}

#w-node-_3db7865a-c1ec-259b-b621-9450648f5b3e-0a3da395 {
  grid-area: _3r;
}

#w-node-eee70a0d-a387-4b8e-be4c-9ac667a0c207-0a3da395 {
  grid-area: _4r;
  place-self: end;
}

#w-node-_304c5cf4-c9ae-d116-774e-74cf0e9a25ff-0e9a25f9 {
  grid-area: _1l;
}

#w-node-_304c5cf4-c9ae-d116-774e-74cf0e9a2606-0e9a25f9 {
  grid-area: _3l;
}

#w-node-_304c5cf4-c9ae-d116-774e-74cf0e9a2608-0e9a25f9 {
  grid-area: _2r;
}

#w-node-_304c5cf4-c9ae-d116-774e-74cf0e9a2613-0e9a25f9 {
  grid-area: _1l;
}

#w-node-_304c5cf4-c9ae-d116-774e-74cf0e9a261a-0e9a25f9 {
  grid-area: _3l;
}

#w-node-_304c5cf4-c9ae-d116-774e-74cf0e9a261c-0e9a25f9 {
  grid-area: _2r;
}

#w-node-f13ee417-74c5-a9d4-d304-96e9c31f04e0-ea9247c6 {
  grid-area: _1r;
}

#w-node-_1654b6e8-c51d-c0e0-4926-727fb9d90634-ea9247c6 {
  grid-area: _2l;
}

#w-node-e3be2e88-fba8-6a56-7346-143d4afb077b-ea9247c6 {
  grid-area: _4l;
}

#w-node-_3db7865a-c1ec-259b-b621-9450648f5b3e-ea9247c6 {
  grid-area: _3r;
}

#w-node-f13ee417-74c5-a9d4-d304-96e9c31f04e0-391b94c7 {
  grid-area: _1r;
}

#w-node-_1654b6e8-c51d-c0e0-4926-727fb9d90634-391b94c7 {
  grid-area: _2l;
}

#w-node-e3be2e88-fba8-6a56-7346-143d4afb077b-391b94c7 {
  grid-area: _4l;
}

#w-node-_3db7865a-c1ec-259b-b621-9450648f5b3e-391b94c7 {
  grid-area: _3r;
}

#w-node-f13ee417-74c5-a9d4-d304-96e9c31f04e0-f01b1a0b {
  grid-area: _1r;
}

#w-node-_1654b6e8-c51d-c0e0-4926-727fb9d90634-f01b1a0b {
  grid-area: _2l;
}

#w-node-e3be2e88-fba8-6a56-7346-143d4afb077b-f01b1a0b {
  grid-area: _4l;
}

#w-node-_3db7865a-c1ec-259b-b621-9450648f5b3e-f01b1a0b {
  grid-area: _3r;
}

#w-node-eee70a0d-a387-4b8e-be4c-9ac667a0c207-f01b1a0b {
  grid-area: _4r;
}


@font-face {
  font-family: 'Voga';
  src: url('../fonts/Voga-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Foglihtenno 06';
  src: url('../fonts/FoglihtenNo06.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}