:root {
  --black: #000;
  --background: #f4effa;
  --padding-side-large: 10svw;
  --shadow-size: 2px;
  --shadow-blur: 5px;
  --shadow-color: #5e5e5e1a;
  --white: white;
  --purple: #411e63;
  --gray: #f4f4f4;
  --line: #e2e2e2;
  --darkgray: #adadad;
  --lod-orange: #e84c0a;
  --vivento-turkus: #86ccc9;
  --relago-dark-blue: #002939;
  --relago-blue: #5ab4ea;
  --relago-yelow: #f1cc44;
  --relago-red: #c9433d;
  --shy-navy-blue: #002a54;
  --shy-pink: #f0b2a9;
  --size: 1rem;
  --size-2: .5rem;
}

.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-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

@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 {
  color: #333;
  margin-left: auto;
  margin-right: auto;
  font-family: Funnel Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  overflow: visible;
}

h1 {
  margin-top: 0;
}

h2 {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h3 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
}

p {
  color: var(--black);
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 2rem;
}

a {
  color: var(--black);
  text-decoration: none;
}

.body {
  background-color: var(--background);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.nav {
  padding-right: var(--padding-side-large);
  padding-left: var(--padding-side-large);
  background-color: var(--background);
  box-shadow: 0 var(--shadow-size) var(--shadow-blur) var(--shadow-size) var(--shadow-color);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 0;
}

.nav.is-background {
  background-color: var(--white);
  box-shadow: 0 var(--shadow-size) var(--shadow-blur) var(--shadow-size) var(--shadow-color);
}

.nav__block {
  background-color: #0000;
  justify-content: space-between;
  align-self: center;
  width: 100%;
  max-width: 1920px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.nav__brand {
  align-self: flex-end;
}

.nav__menu {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-self: flex-end;
  display: flex;
}

.nav__link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--black);
  flex-flow: column;
  justify-content: flex-end;
  align-self: center;
  padding: 0;
  font-size: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.nav__underline {
  background-color: var(--black);
  height: 2px;
  transform: translate(-100%);
}

.section {
  padding: 120px;
}

.section.is-padding-top-0 {
  padding-top: 0;
  padding-right: var(--padding-side-large);
  padding-left: var(--padding-side-large);
}

.section.is-padling-left-right-10svw {
  padding-right: var(--padding-side-large);
  padding-left: var(--padding-side-large);
}

.section.is-padling-left-right-10svw.is-white {
  background-color: var(--white);
}

.section.is-padling-left-right-10svw.is-white.is-bottom-padding-0 {
  padding-bottom: 0;
}

.section.is-padling-left-right-10svw.is-padding-top-bottom-small {
  padding-top: 3svw;
  padding-bottom: 3svw;
}

.section.is-no-side-padding {
  padding-left: 10svw;
  padding-right: 10svw;
}

.section.is-gray {
  background-color: var(--gray);
  color: var(--black);
}

.section.is-padding-top-0 {
  padding-top: 0;
  padding-left: 10svw;
  padding-right: 10svw;
}

.slider {
  background-color: #fff0;
  max-width: 1920px;
  height: 50svh;
  margin-left: auto;
  margin-right: auto;
  transition: all .45s cubic-bezier(.86, 0, .07, 1);
}

.icon-2 {
  margin-left: 35%;
  margin-right: auto;
  font-size: 2rem;
  display: block;
}

.icon-3 {
  margin-left: auto;
  margin-right: 35%;
  font-size: 2rem;
  display: block;
}

.slider__animator {
  width: 100%;
  height: 100%;
  padding-left: 4svw;
  padding-right: 4svw;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
}

.slider__animator:hover {
  padding-left: 0;
  padding-right: 0;
}

.slider__image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.slider__image.is-vivento-slide {
  background-image: url('../images/slider_image_vivento_1.avif');
}

.slider__image.is-akzonobel-slide {
  background-image: url('../images/slider_image_akzonobel_1.avif');
}

.slider__image.is-relago-slide {
  background-image: url('../images/slider_image_relago_1.webp');
}

.slider__image.is-rockwool-slide {
  background-image: url('../images/slider_image_rockwool_1.avif');
}

.slider__image.is-sunhunter-yachts-slide {
  background-image: url('../images/slider_image_sunhunter-yahts_1.avif');
}

.slider__image.is-radaway-slide {
  background-image: url('../images/slider_image_radaway_1.avif');
}

.slider__image.is-lod-slide {
  background-image: url('../images/slider_image_logis-open-day_1.avif');
}

.left-arrow {
  width: 15svw;
  height: 50px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.right-arrow {
  width: 15svw;
  height: 50px;
  inset: 0% 0% 0% auto;
}

.slide-nav {
  font-size: 10px;
}

.hello__header {
  color: var(--black);
  text-align: left;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  font-size: 4svw;
  font-weight: 300;
  line-height: 5svw;
}

.hello {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4svw;
  padding-right: 4svw;
}

.projects {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.project__image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 25svw;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
}

.project__image:hover {
  transform: scale(.95);
}

.project__image.is-vivento {
  background-image: url('../images/product-card-image_vivento_1.webp');
}

.project__image.is-vivento.is-mobile {
  display: none;
}

.project__image.is-relago {
  background-image: url('../images/product-card-image_relago_1.webp');
}

.project__image.is-sunhunter {
  background-image: url('../images/product-card-image_sunhunter-yachts_1.webp');
}

.project__image.is-lod {
  background-image: url('../images/product-card-image_lod_1.webp');
}

.project__image.is-no-background {
  background-image: url('../images/product-card-image_vivento_1.webp');
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}

.project__image.is-no-background.is-mobile {
  display: none;
}

.project__video-vivento {
  width: 100%;
  height: 100%;
}

.project__title-description-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
}

.project__separator {
  background-color: var(--black);
  width: 40px;
  height: 2px;
}

.project__title {
  text-align: left;
  text-transform: uppercase;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Funnel Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.project__link {
  font-weight: 500;
}

.project__description {
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.project__video-relago, .project__video-sunhunter-yachts, .project__video-logis-open-day {
  width: 100%;
  height: 100%;
}

.no-breake {
  white-space: nowrap;
}

.project__video-vivento-mobile, .project__video-relago-mobile, .project__video-sunhunter-yachts-mobile, .project__video-logis-open-day-mobile {
  width: 100%;
  height: 100%;
}

.heading {
  width: 100%;
  font-size: 4svw;
  font-weight: 300;
  line-height: 5svw;
}

.offer__stack {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  width: 100%;
  padding: 0;
}

.offer {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.offer__cell {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: left;
}

.offer__icon-1 {
  width: 100px;
  height: 106px;
  position: relative;
}

.offer__icon-1-part-1, .offer__icon-1-part-2, .offer__icon-1-part-3 {
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ofer__icon-2 {
  width: 100px;
  height: 106px;
  position: relative;
}

.offer__icon-background {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.offer__icon-line {
  background-color: var(--background);
  width: 100%;
  height: 2px;
}

.offer__icon-lines {
  justify-content: space-between;
  width: 100px;
  height: 106px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.offer__wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

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

.offer__points {
  color: var(--black);
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
}

.brands {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
}

.brands__stack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  padding: 0;
}

.brands__cell {
  border: 1px solid var(--line);
  justify-content: center;
  align-items: center;
}

.motto {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.footer {
  align-items: stretch;
  max-width: 1920px;
}

.footer__wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
}

.footer__body {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  width: 60%;
}

.footer__address {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.footer__flex {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.footer__text {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2rem;
}

.footer__text.is-bold {
  font-weight: 700;
}

.footer__text.is-small {
  font-size: 1.3rem;
}

.footer__body-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}

.footer__image-wrapper {
  width: 30svw;
  max-width: 500px;
}

.footer__link {
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

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

.footer__bottom {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.form__wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.form__text-field {
  border: 1px solid var(--darkgray);
  color: var(--purple);
  text-align: left;
  border-radius: 40px;
  flex: 1;
  height: 60px;
  margin-bottom: 0;
  padding: 20px 0 20px 40px;
  font-size: 1.5rem;
}

.form__text-field:hover {
  border: 1px solid var(--purple);
}

.form__text-field:active {
  border-color: var(--darkgray);
}

.form__text-field:focus {
  border-color: var(--purple);
}

.form__text-field::placeholder {
  color: var(--darkgray);
  text-align: left;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.submit-button {
  border: 1px solid var(--purple);
  color: var(--purple);
  background-color: #fff0;
  border-radius: 40px;
  height: 60px;
  padding: 0 40px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5rem;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.submit-button:hover {
  background-color: var(--purple);
  color: var(--white);
}

.form__separtor {
  background-color: var(--black);
  flex: 0 auto;
  width: 120px;
  height: 4px;
}

.form__text {
  text-align: left;
  white-space: nowrap;
  flex: 1;
  align-items: flex-end;
  height: auto;
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: flex;
}

.form__flex {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}

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

.form {
  width: 100%;
  max-width: 1400px;
  margin-top: 40px;
  margin-bottom: 0;
}

.footer__image-2 {
  display: none;
}

.success-message {
  border: 1px solid var(--darkgray);
  background-color: var(--white);
  color: var(--purple);
  border-radius: 40px;
  font-size: 1.5rem;
}

.error-message {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 40px;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.5rem;
}

.portfolio_text {
  color: var(--white);
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.8rem;
}

.section-portfolio {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 10svw;
}

.section-portfolio.is-lod-orange {
  background-color: var(--lod-orange);
}

.section-portfolio.is-lod-orange.is-bottom-padding-0 {
  padding-bottom: 0;
}

.section-portfolio.is-padding-top-bottm-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.section-portfolio.is-padding-top-bottm-0.is-black {
  background-color: var(--black);
}

.section-portfolio.is-padding-0 {
  padding: 0;
}

.section-portfolio.is-padding-0.is-full-size-image-tablet {
  background-image: url('../images/tablet_form.jpg');
  background-position: 50%;
  background-size: cover;
  height: 730px;
}

.section-portfolio.is-padding-0.is-full-size-image-invitation {
  background-image: url('../images/lod_invitation_1.webp');
  background-position: 50%;
  background-size: cover;
  height: 730px;
}

.section-portfolio.is-padding-0.is-smycz-background {
  background-color: #f0f0f0;
  max-height: none;
}

.section-portfolio.is-padding-0.is-full-size-image-flag {
  background-image: url('../images/lod-flag_1.webp');
  background-position: 50%;
  background-size: cover;
  height: 730px;
}

.section-portfolio.is-padding-0.is-id-card-background {
  background-color: #cdcdcd;
  max-height: none;
}

.section-portfolio.is-padding-0.is-full-size-image-banner {
  background-image: url('../images/logis-open-day_banner_1.webp');
  background-position: 50% 30%;
  background-size: cover;
  height: 730px;
}

.section-portfolio.is-padding-0.is-relago-background {
  background-color: #0025382e;
  max-height: none;
}

.section-portfolio.is-padding-0.is-relago-gray {
  background-color: #b8b7b7;
}

.section-portfolio.is-relative {
  position: relative;
}

.section-portfolio.is-flex {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-portfolio.is-flex.is-full-size {
  padding: 0 0;
}

.section-portfolio.is-black {
  background-color: var(--black);
}

.section-portfolio.is-padding-left-right-0 {
  padding-left: 0;
  padding-right: 0;
}

.section-portfolio.is-padding-left-right-0.is-gray.is-padding-top-bottom-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-portfolio.is-padding-bottom-0 {
  padding-bottom: 0;
}

.section-portfolio.is-gray {
  background-color: var(--gray);
}

.section-portfolio.is-padding-top-bottom-small {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-portfolio.is-padding-top-bottom-small.is-padding-top-0 {
  padding-top: 0;
}

.section-portfolio.is-dark-turquoise {
  background-color: #1e3130;
}

.section-portfolio.is-dark-turquoise.is-max-w-1920.is-padding-small {
  padding: 60px;
}

.section-portfolio.is-separator {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-portfolio.is-padding-shy-small {
  padding: 44px;
}

.section-portfolio.is-padding-shy-small.is-padding-top-0 {
  padding-top: 0;
}

.section-portfolio.is-shy-light-background {
  background-color: #002a5433;
}

.section-portfolio.is-shy-light-background.is-padding-left-right-0.is-padding-top-shy-small {
  padding-top: 44px;
  padding-bottom: 44px;
}

.section-portfolio.is-relago-background {
  background-color: #0025382e;
}

.background-video {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.background-video-2 {
  z-index: 1;
  width: 100%;
  height: 600px;
}

.container {
  max-width: 1200px;
}

.container-2 {
  z-index: 2;
  width: 20svw;
  position: absolute;
  inset: 5svw auto auto 10svw;
}

.portfolio_text--small {
  color: var(--white);
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4svw;
  padding-right: 4svw;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.8rem;
}

.portfolio_text--small.is-padding-0 {
  padding-left: 0;
  padding-right: 0;
  font-size: 1.2rem;
  line-height: 2rem;
}

.container-3 {
  max-width: 1920px;
}

.lod-branding__heading-wrapper {
  border-bottom: 2px solid var(--lod-orange);
  padding-bottom: 5px;
  position: absolute;
  inset: 0 auto auto 0;
}

.lod-branding__heading-wrapper.is-full-size {
  left: 10svw;
}

.lod-branding__heading {
  color: var(--lod-orange);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
}

.lod-branding {
  max-width: 1920px;
  position: relative;
}

.lod-branding.is-full-size {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.lod-branding__image {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.lod-branding__image.is-full-size {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.div-block-8 {
  max-width: 1440px;
  height: 60svw;
  min-height: 600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.background-video-4 {
  height: 100%;
}

.smycz {
  max-width: 1440px;
  height: auto;
  min-height: 600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.logo-white {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.vivento-logo {
  max-width: 1200px;
}

.vivento-logo__animation {
  z-index: 1;
}

.vivento-ci {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.vivento-typografia__image-mobile {
  display: none;
}

.vivento-typografia {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.vivento-branding__heading {
  color: var(--black);
  margin-bottom: 60px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
}

.vivento-kolorystyka {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10svw;
  padding-right: 10svw;
}

.vivento-kolorystyka__kolory {
  background-color: var(--white);
}

.vivento-kolorystyka__sample-wrapper {
  width: 100%;
  height: 150px;
  position: relative;
}

.vivento-kolorystyka__sample {
  background-color: var(--black);
  width: 100%;
  height: 100%;
}

.vivento-kolorystyka__sample.is-sample-small {
  width: 10%;
}

.vivento-kolorystyka__sample.is-sample-small.is-opacity-75 {
  opacity: .75;
}

.vivento-kolorystyka__sample.is-sample-small.is-opacity-50 {
  opacity: .5;
}

.vivento-kolorystyka__sample.is-sample-small.is-opacity-25 {
  opacity: .25;
}

.vivento-kolorystyka__sample.is-vivento-turkus {
  background-color: var(--vivento-turkus);
}

.vivento-kolorystyka__sample.is-background-white {
  background-color: var(--white);
}

.vivento-kolorystyka__text-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1920px;
  padding-left: 10svw;
  padding-right: 10svw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.vivento-kolorystyka__text {
  color: var(--white);
  font-weight: 300;
}

.vivento-kolorystyka__text.is-text-black {
  color: var(--black);
}

.logo-design__stack {
  padding: 40px 0 0;
}

.vivento-kolorystyka__text-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
}

.vivento__heading {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 40px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
}

.vivento__heading.is-white-text {
  color: var(--white);
}

.portfolio-full-size-image__wrapper {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: none;
  height: 700px;
}

.portfolio-full-size-image__wrapper.is-vivento-poster {
  background-image: url('../images/Vivento-poster.jpg');
  max-width: 1920px;
}

.portfolio-full-size-image__wrapper.is-vivento-billboard {
  background-image: url('../images/Vivento-billboard.jpg');
  background-position: 50% 30%;
}

.portfolio-full-size-image__wrapper.is-vivento-deskplanner {
  background-image: url('../images/Vivento-deskplanner.jpg');
}

.portfolio-full-size-image__wrapper.is-vivento-branding {
  background-image: url('../images/Vivento-branding.jpg');
}

.portfolio-full-size-image__wrapper.is-relago-rollup {
  background-image: url('../images/relago-rollup.jpg');
  background-position: 50% 60%;
}

.portfolio-full-size-image__wrapper.is-relago-billboard {
  background-image: url('../images/relago-billboard.jpg');
}

.portfolio-full-size-image__wrapper.is-shy-logo-background {
  background-image: url('../images/sunhunter-yachts_housbot_HTR-KRONO-II.jpg');
}

.portfolio-full-size-image__wrapper.is-shy-billboard {
  background-image: url('../images/sunhunter-yachts_billboard.jpg');
}

.portfolio__text-wrapper {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.vivento-katalog {
  justify-content: space-between;
  max-width: none;
  display: flex;
}

.portfolio-half-size-image__wrapper {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: none;
  height: 700px;
}

.portfolio-half-size-image__wrapper.is-vivento-katalog-left {
  background-image: url('../images/Vivento-katalog-01.jpg');
}

.portfolio-half-size-image__wrapper.is-vivento-katalog-right {
  background-image: url('../images/Vivento-katalog-02.jpg');
}

.vivento-web {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}

.vivento-web__stack {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  padding: 0;
}

.vivento-web__cell-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
}

.vivento-web__image-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.vivento-web__image-border {
  opacity: .3;
  mix-blend-mode: hard-light;
  position: absolute;
  inset: 0%;
}

.vivento-web__cell.is-padding-top-60 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-top: 60px;
}

.vivento-web__line {
  background-color: var(--vivento-turkus);
  opacity: .5;
  mix-blend-mode: hard-light;
  width: 64px;
  height: 4px;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(-41deg);
}

.vivento-web__stack-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  padding: 0;
}

.vivento-sm {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
}

.background-video-5 {
  width: 300px;
  height: 300px;
}

.video-sm__smartphone {
  z-index: 1;
  position: relative;
}

.vivento-sm__cell {
  justify-content: flex-start;
  align-items: center;
}

.vivento-sm__wrapper {
  position: relative;
}

.vivento-sm__stack {
  width: 100%;
  padding: 0;
}

.video-sm__video {
  z-index: 0;
  border-radius: 3svw;
  height: 100%;
  margin-left: 5px;
  margin-right: 5px;
  position: absolute;
  inset: 0%;
}

.back-to-folio__text {
  font-size: 2rem;
  line-height: 2rem;
}

.back-to-folio {
  margin-bottom: 20px;
}

.back-to-folio__wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
}

.back-to-folio__arrow-head {
  border-bottom: 4px solid #000;
  border-left: 4px solid #000;
  width: 28px;
  height: 28px;
  position: absolute;
  inset: 0% auto 0% 4px;
  transform: rotate(45deg);
}

.back-to-folio__arrow-line {
  background-color: var(--black);
  width: 50px;
  height: 4px;
}

.back-to-folio__arrow {
  justify-content: flex-start;
  align-items: center;
  height: 28px;
  position: relative;
}

.relago-logo__animation {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.relago-ci {
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.relago-ci__cell {
  border: 1px solid #a5a5a51a;
}

.relago-branding__part {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.relago-branding__heading {
  color: var(--relago-dark-blue);
  text-transform: uppercase;
  margin-bottom: 40px;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3rem;
}

.relago-branding__stack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.relago-branding {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.relago-kolorystyka__kolor {
  background-color: var(--black);
  width: 100%;
}

.relago-kolorystyka__kolor.is-relago-dark-blue {
  background-color: var(--relago-dark-blue);
}

.relago-kolorystyka__kolor.is-relago-blue {
  background-color: var(--relago-blue);
}

.relago-kolorystyka__kolor.is-relago-yelow {
  background-color: var(--relago-yelow);
}

.relago-kolorystyka__kolor.is-relago-red {
  background-color: var(--relago-red);
}

.relago-kolorystyka__kolor-full {
  align-items: center;
  width: 100%;
  height: auto;
  padding: 40px;
  display: flex;
}

.relago-kolorystyka__kolor-tints {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  height: 60px;
  padding: 0;
}

.relago-kolorystyka__tint75 {
  background-color: var(--white);
  opacity: .25;
}

.relago-kolorystyka__tint50 {
  background-color: var(--white);
  opacity: .5;
}

.relago-kolorystyka__tint25 {
  background-color: var(--white);
  opacity: .75;
}

.relago-kolorystyka__text-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
}

.relago-kolorystyka__text {
  color: var(--white);
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2rem;
}

.relago-kolorystyka {
  width: 100%;
}

.portfolio-margin-picture {
  background-image: url('../images/relago-business-card.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: none;
  height: 700px;
}

.portfolio-margin-picture.is-relago-print {
  background-image: url('../images/relago-prints.jpg');
}

.relago-merch {
  height: 600px;
  padding: 0;
}

.relago-merch__cell {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.relago-merch__cell.is-relago-tote-bag {
  background-image: url('../images/relago-tote-bag.jpg');
}

.relago-merch__cell.is-relago-bag {
  background-image: url('../images/relago-cup.jpg');
}

.relago-web__video {
  z-index: 1;
  height: 600px;
}

.relago-sm {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-around;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.relago-sm__post-1 {
  border: 1px solid #cfcfcf;
}

.relago-sm__post-1-video {
  width: 25svw;
  height: 25svw;
}

.relago-sm__cell {
  justify-content: space-around;
  align-items: center;
}

.relago-sm__post-2 {
  border: 1px solid #cfcfcf;
}

.relago-sm__post-2-video {
  width: 15svw;
  height: 15svw;
}

.relago-sm__post-3 {
  border: 1px solid #cfcfcf;
}

.relago-sm__post-3-video {
  width: 25svw;
  height: 25svw;
}

.relago-sm__text {
  font-size: 1.3rem;
  line-height: 1.6rem;
}

.shy-logo__video {
  z-index: 1;
  mix-blend-mode: screen;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.shy-logo {
  width: 600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.shy-logo-design {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  height: 45svw;
  max-height: 600px;
  padding: 0;
}

.shy-logo-design__cell {
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
  padding: 40px;
}

.shy-logo-design__cell.is-shy-navy-blue {
  background-color: var(--shy-navy-blue);
}

.shy-brandbook__stack {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  padding: 0 12svw 0 0;
}

.shy-brandbook__stack.is-left-pading-shy {
  padding-left: 12svw;
  padding-right: 0;
}

.shy-brandbook {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.shy-brandbook__cell {
  border: 1px solid #002a5426;
}

.shy-colors {
  background-image: url('../images/sunhunter-yachts_water-background.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 450px;
  display: flex;
}

.image-2 {
  width: 40%;
}

.shy-colors__color-wrapper {
  background-color: var(--shy-navy-blue);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.shy-colors__color-wrapper.is-shy-pink {
  background-color: var(--shy-pink);
}

.shy-colors__color {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
}

.shy-colors__color-name {
  color: var(--white);
  font-weight: 300;
}

.shy-colors__color-name.is-shy-blue {
  color: var(--shy-navy-blue);
}

.shy-colors__tints-wrapper {
  width: 100%;
  height: 15svw;
  max-height: 220px;
  margin-left: auto;
  margin-right: auto;
}

.shy-colors__tints {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  height: 100%;
  padding: 0;
}

.vivento-paragraph-white {
  color: var(--white);
}

.shy-colors__tint {
  justify-content: center;
  align-items: center;
}

.shy-colors__tint.is-tint-75 {
  background-color: #ffffff40;
}

.shy-colors__tint.is-tint-50 {
  background-color: #ffffff80;
}

.shy-colors__tint.is-tint-25 {
  background-color: #ffffffbf;
}

.shy-colors__mark {
  width: 23%;
  max-width: 80px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.shy-prints__business-card {
  background-image: url('../images/sunhunter-yachts_business-card.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 800px;
}

.shy-prints__sign {
  background-color: #ff7d7d;
  background-image: url('../images/sunhunter-yachts_sign.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.shy-prints__catalog-cover {
  background-image: url('../images/sunhunter-yachts_catalog-cover.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 75%;
  height: 600px;
}

.shy-prints__catalog {
  background-image: url('../images/sunhunter-yachts_catalog.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 600px;
}

.paragraphs-shy {
  color: var(--shy-navy-blue);
}

.paragraphs-shy.is-width-80 {
  width: 80%;
}

.shy-prints__row-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}

.shy-prints__sign-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 50%;
  height: 800px;
  display: flex;
}

.shy-prints__row-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}

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

.shy-merch {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.shy-sm__stack {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.shy-sm {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.shy-sm__smartphone {
  z-index: 1;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.shy-sm__smartphone-wrapper {
  position: relative;
}

.shy-sm__post-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  padding: 24px 14px 8px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.shy-sm__post {
  width: 100%;
  height: 48%;
}

.shy-sm__post-video {
  width: 100%;
  height: 100%;
}

.shy-bottle__bottle-1 {
  background-image: url('../images/sunhunter-yachts_bottle.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60%;
  height: 100%;
}

.shy-bottle {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  height: 800px;
}

.shy-bottle__bottle-2-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.shy-bottle__bottle-2 {
  background-image: url('../images/sunhunter-yachts_bottle-bag.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.paragraphs-relago {
  color: var(--relago-dark-blue);
}

.paragraphs-relago.is-width-80 {
  width: 80%;
}

.popup__wrap {
  background-color: #fff;
  border-radius: 15px;
  width: 100%;
  max-width: 680px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.input-label {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.input {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input:hover {
  box-shadow: none;
  border-color: #434de7;
}

.input:focus {
  border: 1px solid #434de7;
}

.input::placeholder {
  color: #6e6e6e;
}

.rte-label {
  color: #000;
  margin-top: 15px;
  margin-bottom: 12px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 15px;
}

.form_100w {
  width: 100%;
}

.popup-close {
  border: 1px solid var(--purple);
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.spacer-10 {
  width: 100%;
  height: 10px;
}

.spacer-20 {
  width: 100%;
  height: 20px;
}

.message_success {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  font-weight: 600;
}

.popup {
  z-index: 9999;
  opacity: 0;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.footer__button {
  border: 1px solid var(--purple);
  color: var(--purple);
  background-color: #fff0;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 24px 40px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.footer__button:hover {
  background-color: var(--purple);
  box-shadow: none;
  color: var(--white);
}

.footer__button.in-form {
  width: 100%;
  height: 52px;
  margin-top: 0;
  margin-left: 0;
}

.scrollbar__paragraph {
  opacity: .9;
  color: #000;
  text-align: left;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.4;
}

.form-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.spacer-30 {
  width: 100%;
  height: 30px;
}

.custom-scrollbar {
  display: none;
}

.h4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
}

.scrollbar__heading {
  color: var(--purple);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
}

.text-red {
  color: #ff0004;
}

.job_sticky-card {
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  padding: 35px 30px;
}

.form-separator {
  background-color: #f2f3ff;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-border {
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 400px;
  max-width: none;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.scrollbar {
  padding: 60px;
  position: relative;
  overflow: auto;
}

.input-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.input-wrapper.mr-15 {
  margin-right: 15px;
}

.footer__button-warp {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-15 {
  width: 100%;
  height: 15px;
}

.form__checkbox {
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  padding-left: 32px;
  display: block;
}

.checkbox-label {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-left: 10px;
  padding-top: 5px;
  font-size: 1rem;
  font-weight: 400;
  display: block;
}

.checkbox {
  border: 1px solid var(--darkgray);
  color: var(--purple);
  border-radius: 20px;
  width: 32px;
  height: 32px;
  margin-top: 8px;
  margin-right: 10px;
}

.checkbox:hover {
  border-color: var(--purple);
}

.checkbox.w--redirected-checked {
  border-color: var(--purple);
  background-color: #fff0;
  background-image: url('../images/checked_icon.svg');
  background-position: 50%;
  background-size: 20px 20px;
}

.checkbox.w--redirected-focus {
  border-width: 1px;
  border-color: var(--purple);
  box-shadow: 0 0 #0003;
}

.checkbox.w--redirected-focus-visible {
  border: 1px solid var(--purple);
  box-shadow: 0 0 #0003;
}

.form__bottom {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

.scrollbar__text-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  justify-content: center;
  align-items: flex-start;
}

.recaptcha {
  position: relative;
}

.projects__cover-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: opacity .35s cubic-bezier(.455, .03, .515, .955);
}

.projects__cover-image:hover {
  opacity: 0;
}

.projects__cover-image.is-vivento {
  background-image: url('../images/product-card-image_vivento_1.webp');
}

.projects__cover-image.is-relago {
  background-image: url('../images/product-card-image_relago.jpg');
}

.projects__cover-image.is-sunhunter-yachts {
  background-image: url('../images/product-card-image_sunhunter-yachts_1.webp');
}

.projects__cover-image.is-logis-open-day {
  background-image: url('../images/product-card-image_lod_1.webp');
}

.div-block-9 {
  z-index: 10;
  cursor: pointer;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.icon-4 {
  margin-left: 35%;
  margin-right: auto;
  font-size: 2rem;
  display: block;
}

.icon-5 {
  margin-left: auto;
  margin-right: 35%;
  font-size: 2rem;
  display: block;
}

.left-clickable {
  width: 50%;
  height: 100%;
  padding-bottom: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  right: auto;
}

.right-clickable {
  width: 50%;
  height: 100%;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.brands__logo {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1440px) {
  .slider {
    height: 70svh;
  }

  .icon-2, .icon-3 {
    display: block;
  }

  .hello__header {
    font-size: 4rem;
    line-height: 5rem;
  }

  .project__image {
    height: 22svw;
  }

  .project__title-description-wrapper {
    padding-left: 40px;
  }

  .heading {
    font-size: 4rem;
    line-height: 5rem;
  }

  .offer {
    margin-left: auto;
    margin-right: auto;
  }

  .brands {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .motto, .footer {
    margin-left: auto;
    margin-right: auto;
  }

  .footer__image {
    width: 100%;
  }

  .footer__image-wrapper {
    width: 30%;
  }

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

  .section-portfolio {
    padding-left: 120px;
    padding-right: 120px;
  }

  .section-portfolio.is-padding-top-bottm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-portfolio.is-padding-top-bottm-0.is-black {
    background-color: var(--black);
  }

  .section-portfolio.is-padding-0 {
    max-height: none;
    position: relative;
  }

  .section-portfolio.is-padding-0.is-full-size-image-tablet, .section-portfolio.is-padding-0.is-full-size-image-invitation {
    height: 850px;
  }

  .section-portfolio.is-padding-0.is-smycz-background {
    max-height: none;
  }

  .section-portfolio.is-padding-0.is-full-size-image-flag {
    height: 1000px;
    max-height: 1300px;
  }

  .section-portfolio.is-padding-0.is-id-card-background {
    max-height: none;
  }

  .section-portfolio.is-padding-0.is-full-size-image-banner {
    background-position: 50% 40%;
    height: 1200px;
    max-height: 1300px;
  }

  .section-portfolio.is-padding-0.is-relago-gray {
    background-color: #b8b7b7;
  }

  .section-portfolio.is-max-w-1920 {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .background-video {
    margin-top: 20px;
  }

  .background-video-2 {
    height: 800px;
  }

  .container {
    position: relative;
  }

  .container-2 {
    left: 120px;
  }

  .div-block-8 {
    height: 730px;
  }

  .smycz {
    height: auto;
  }

  .vivento-logo-design {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .logo-design__image {
    width: 100%;
  }

  .portfolio-full-size-image__wrapper {
    max-width: 1920px;
    height: 900px;
  }

  .portfolio-full-size-image__wrapper.is-vivento-poster {
    height: 800px;
  }

  .portfolio-full-size-image__wrapper.is-vivento-billboard, .portfolio-full-size-image__wrapper.is-vivento-deskplanner {
    height: 900px;
  }

  .portfolio__text-wrapper, .vivento-katalog {
    max-width: 1920px;
  }

  .portfolio-half-size-image__wrapper {
    height: 900px;
  }

  .vivento-sm__stack {
    max-width: 1300px;
  }

  .video-sm__video {
    border-radius: 40px;
  }

  .relago-ci {
    max-width: 1880px;
    margin-left: auto;
    margin-right: auto;
  }

  .portfolio-margin-picture {
    height: 900px;
  }

  .relago-sm {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-content: space-around;
    align-items: center;
  }

  .relago-sm__post-1-video {
    max-width: 350px;
    max-height: 350px;
  }

  .relago-sm__post-2-video {
    max-width: 200px;
    max-height: 200px;
  }

  .relago-sm__post-3-video {
    max-width: 350px;
    max-height: 350px;
  }

  .shy-logo__video {
    height: 100%;
  }

  .shy-brandbook__stack {
    padding-right: 200px;
  }

  .shy-brandbook__stack.is-left-pading-shy {
    padding-left: 200px;
  }

  .shy-sm__cell {
    justify-content: flex-start;
    align-items: center;
  }

  .icon-4, .icon-5 {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  p {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

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

  .nav__block {
    margin-left: 0;
    margin-right: 0;
    padding: 40px 5svw;
  }

  .nav__menu {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    background-color: var(--purple);
    flex-flow: column;
    align-items: flex-start;
    width: 100svw;
    height: 100svh;
    padding: 100px;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .nav__link {
    color: var(--white);
    align-items: stretch;
    max-width: 90px;
    margin-bottom: 20px;
  }

  .nav__underline {
    background-color: var(--white);
  }

  .icon {
    font-size: 32px;
  }

  .menu-button {
    background-image: url('../images/nav__hamburger.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    background-attachment: scroll;
    padding: 24px;
    top: 6px;
  }

  .menu-button.w--open {
    z-index: 2;
    background-color: #fff0;
    background-image: url('../images/close_icon.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-attachment: scroll;
  }

  .nav__text {
    text-align: left;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.is-no-side-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .section.is-padding-top-0 {
    padding-bottom: 60px;
  }

  .slider {
    height: 70svh;
  }

  .icon-2, .icon-3 {
    display: none;
  }

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

  .hello__header {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 3rem;
  }

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

  .project__image {
    height: 50svw;
  }

  .project__image:hover {
    transform: none;
  }

  .project__image.is-vivento {
    display: none;
  }

  .project__image.is-vivento.is-mobile {
    background-image: none;
    height: 70svw;
    display: inline-flex;
    position: relative;
  }

  .project__image.is-relago, .project__image.is-sunhunter, .project__image.is-lod, .project__image.is-no-background {
    display: none;
  }

  .project__image.is-no-background.is-mobile {
    background-image: none;
    height: 70svw;
    display: inline-flex;
    position: relative;
  }

  .project__title-description-wrapper {
    padding-right: 20px;
  }

  .project__image-mobile {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .project__image-mobile.is-vivento {
    background-image: url('../images/product-card-image_vivento_1.webp');
  }

  .project__image-mobile.is-relago {
    background-image: url('../images/product-card-image_relago_1.webp');
  }

  .project__image-mobile.is-sunhunter-yachts {
    background-image: url('../images/product-card-image_sunhunter-yachts_1.webp');
  }

  .project__image-mobile.is-lod {
    background-image: url('../images/product-card-image_lod_1.webp');
  }

  .project__video-vivento-mobile, .project__video-relago-mobile, .project__video-sunhunter-yachts-mobile, .project__video-logis-open-day-mobile {
    display: none;
  }

  .heading {
    font-size: 2rem;
    line-height: 3rem;
  }

  .offer__stack {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .offer__cell {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

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

  .offer__points {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .brands {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .brands__cell.is-hide {
    display: none;
  }

  .footer__body {
    width: 50%;
  }

  .footer__text {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .footer__text.is-small {
    text-align: right;
    width: 20svw;
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .footer__bottom {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .form__wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .form__text-field {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    height: 60px;
    font-size: 1.5rem;
  }

  .form__text-field::placeholder {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .submit-button {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.5rem;
  }

  .form__text {
    height: auto;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .form__flex {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .form__flex.is-gap {
    justify-content: center;
    align-items: flex-end;
  }

  .portfolio_text {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.5rem;
    line-height: 2.2rem;
  }

  .section-portfolio {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-portfolio.is-padding-top-bottm-0.is-black.is-relative {
    padding-left: 0;
    padding-right: 0;
  }

  .section-portfolio.is-padding-0.is-full-size-image-tablet {
    background-repeat: no-repeat;
    background-size: auto 140%;
    height: 600px;
  }

  .section-portfolio.is-padding-0.is-full-size-image-invitation, .section-portfolio.is-padding-0.is-full-size-image-flag, .section-portfolio.is-padding-0.is-full-size-image-banner {
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
  }

  .section-portfolio.is-dark-turquoise.is-max-w-1920.is-padding-small {
    padding: 20px;
  }

  .section-portfolio.is-dark-turquoise.is-max-w-1920.is-padding-small.is-padding-top-mobile-40 {
    padding-top: 40px;
  }

  .section-portfolio.is-padding-shy-small {
    padding: 32px;
  }

  .section-portfolio.is-shy-light-background.is-padding-left-right-0.is-padding-top-shy-small {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .container-2 {
    left: 10svw;
  }

  .portfolio_text--small {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.5rem;
    line-height: 2.2rem;
  }

  .portfolio_text--small.is-padding-0 {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .lod-branding__heading-wrapper {
    left: 0;
  }

  .lod-branding__heading {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .lod-branding__image {
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-8 {
    height: 50svw;
    min-height: 400px;
  }

  .smycz {
    height: auto;
    min-height: 400px;
  }

  .vivento-logo {
    height: 100%;
  }

  .vivento-logo__animation {
    width: 100%;
    padding-left: 10svw;
    padding-right: 10svw;
  }

  .vivento-ci__cell.is-hidden-tablet, .vivento-ci__cell.is-hidden-tablet-mobile {
    display: none;
  }

  .vivento-branding__heading {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .logo-design__stack {
    padding: 40px 0 0;
  }

  .vivento__heading {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .portfolio-full-size-image__wrapper {
    height: 600px;
  }

  .portfolio-half-size-image__wrapper {
    height: 500px;
  }

  .vivento-web {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  .vivento-web__stack, .vivento-web__cell-flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .vivento-web__line {
    width: 48px;
    height: 3px;
  }

  .vivento-web__stack-inner {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .background-video-5 {
    width: 200px;
    height: 200px;
  }

  .back-to-folio__text {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .back-to-folio {
    margin-bottom: 0;
  }

  .back-to-folio__arrow-head {
    border-bottom-width: 3px;
    border-left-width: 3px;
    width: 24px;
    height: 24px;
  }

  .back-to-folio__arrow-line {
    width: 50px;
    height: 3px;
  }

  .back-to-folio__arrow {
    height: 24px;
  }

  .relago-logo__animation {
    height: 280px;
  }

  .relago-ci__cell.is-hidden {
    display: none;
  }

  .relago-branding__part {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .relago-branding__heading {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .relago-branding__stack {
    padding: 0;
  }

  .relago-kolorystyka__kolor-full {
    padding: 30px 20px;
  }

  .relago-kolorystyka__kolor-tints {
    height: 40px;
  }

  .relago-kolorystyka__text-flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .portfolio-margin-picture {
    height: 600px;
  }

  .relago-merch {
    height: 400px;
  }

  .relago-web__video {
    height: 500px;
  }

  .relago-sm__post-1 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .relago-sm__cell {
    justify-content: space-around;
    align-items: center;
  }

  .relago-sm__post-2, .relago-sm__post-3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .relago-sm__text {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }

  .shy-logo {
    width: 500px;
  }

  .shy-logo-design {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .shy-brandbook__stack {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-right: 10svw;
  }

  .shy-brandbook__stack.is-left-pading-shy {
    padding-left: 10svw;
  }

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

  .shy-colors {
    height: 350px;
  }

  .image-2 {
    width: 50%;
  }

  .shy-prints__business-card {
    height: 500px;
  }

  .shy-prints__catalog-cover, .shy-prints__catalog {
    height: 400px;
  }

  .shy-prints__sign-text {
    height: 500px;
  }

  .shy-sm__post-wrapper {
    padding-left: 1svw;
    padding-right: 1svw;
  }

  .shy-bottle {
    height: 600px;
  }

  .flex-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .popup-close {
    top: 5%;
    right: 5%;
  }

  .footer__button {
    padding: 16px 32px;
    font-size: 1.5rem;
  }

  .form__bottom {
    margin-top: 10px;
  }

  .icon-4, .icon-5 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .nav__block {
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .nav__menu {
    padding-top: 160px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .menu-button {
    top: 6px;
  }

  .hello__header, .heading {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .offer__stack {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .footer__text {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

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

  .form__text-field {
    height: 50px;
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .form__text-field::placeholder {
    font-size: 1.3rem;
  }

  .submit-button {
    height: 50px;
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .form__text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .form {
    margin-top: 30px;
  }

  .portfolio_text {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .section-portfolio.is-lod-orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-portfolio.is-padding-0.is-full-size-image-tablet {
    background-position: 48%;
    height: 400px;
  }

  .section-portfolio.is-padding-0.is-full-size-image-invitation, .section-portfolio.is-padding-0.is-full-size-image-flag, .section-portfolio.is-padding-0.is-full-size-image-banner {
    background-position: 50%;
    background-size: cover;
    height: 400px;
  }

  .section-portfolio.is-padding-shy-small {
    padding: 24px;
  }

  .section-portfolio.is-shy-light-background.is-padding-left-right-0.is-padding-top-shy-small {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .background-video-2 {
    width: 150%;
    height: 500px;
  }

  .container {
    position: relative;
    left: -39px;
  }

  .container-2 {
    width: 30svw;
    line-height: 1rem;
  }

  .portfolio_text--small {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .portfolio_text--small.is-padding-0 {
    line-height: 1.3rem;
  }

  .lod-branding__heading {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .div-block-8, .smycz {
    min-height: 300px;
  }

  .vivento-logo__animation {
    height: 250px;
  }

  .vivento-ci {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
  }

  .vivento-ci__cell.is-hidden-tablet {
    display: block;
  }

  .vivento-ci__cell.is-hidden-tablet-mobile {
    display: none;
  }

  .vivento-typografia__image-mobile {
    display: inline-flex;
  }

  .vivento-typografia__image {
    display: none;
  }

  .vivento-branding__heading {
    margin-bottom: 40px;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .vivento-kolorystyka__sample.is-sample-small {
    width: 20%;
  }

  .vivento-kolorystyka__text {
    width: 50%;
  }

  .logo-design__stack {
    padding-top: 20px;
  }

  .vivento-kolorystyka__text-flex {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .vivento__heading {
    margin-bottom: 30px;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .portfolio-full-size-image__wrapper {
    height: 400px;
  }

  .portfolio-half-size-image__wrapper {
    height: 300px;
  }

  .background-video-5 {
    width: 180px;
    height: 180px;
  }

  .video-sm__video {
    border-radius: 6svw;
  }

  .back-to-folio__text {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .back-to-folio__wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .back-to-folio__arrow-head {
    border-bottom-width: 2px;
    border-left-width: 2px;
    width: 20px;
    height: 20px;
  }

  .back-to-folio__arrow-line {
    height: 2px;
  }

  .back-to-folio__arrow {
    height: 20px;
  }

  .relago-logo__animation {
    height: 250px;
  }

  .relago-ci {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

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

  .relago-branding__heading {
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .relago-branding__stack {
    padding-top: 20px;
  }

  .relago-kolorystyka__text-flex {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .relago-kolorystyka__text {
    width: 50%;
  }

  .relago-kolorystyka, .relago-branding__fonts {
    margin-top: 20px;
  }

  .portfolio-margin-picture {
    height: 400px;
  }

  .relago-merch {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 300px;
  }

  .relago-web__video {
    height: 60svw;
  }

  .relago-sm {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
  }

  .relago-sm__text {
    width: 80%;
  }

  .shy-logo {
    width: 300px;
  }

  .shy-logo-design {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    height: 40svw;
  }

  .shy-logo-design__cell {
    padding: 32px;
  }

  .shy-brandbook__stack, .shy-brandbook {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .shy-colors {
    height: 250px;
  }

  .shy-colors__color {
    padding: 20px;
  }

  .shy-prints__business-card {
    height: 400px;
  }

  .shy-prints__sign, .shy-prints__catalog-cover, .shy-prints__catalog {
    height: 300px;
  }

  .shy-prints__row-1 {
    flex-flow: column;
  }

  .shy-prints__sign-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    height: auto;
  }

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

  .shy-bottle {
    height: 500px;
  }

  .popup__wrap {
    width: 90%;
    padding-left: 0;
  }

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

  .footer__button {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }

  .scrollbar__paragraph {
    font-size: 1.2rem;
  }

  .scrollbar__heading {
    width: 70%;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  .scrollbar {
    padding: 30px;
  }

  .checkbox-label {
    font-size: .8rem;
    line-height: 1rem;
  }

  .checkbox {
    margin-top: 6px;
  }

  .form__bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 16px;
  }

  .form__word {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  h3 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  p {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .nav__block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 4svw 30px;
  }

  .nav__brand {
    max-width: 50svw;
    padding-left: 10px;
  }

  .menu-button {
    background-size: 20px;
    top: 8px;
  }

  .menu-button.w--open {
    background-image: url('../images/close_icon.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    background-attachment: scroll;
  }

  .slider {
    height: 70svh;
  }

  .slider__image.is-vivento-slide {
    background-image: url('../images/slider__vivento-mobile_2x_1.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slider__image.is-akzonobel-slide {
    background-image: url('../images/slider__akzonobel-mobile_2x_1.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slider__image.is-relago-slide {
    background-image: url('../images/slider__relago-mobile_2x_1.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slider__image.is-rockwool-slide {
    background-image: url('../images/slider__rockwool-mobile_2x_1.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slider__image.is-sunhunter-yachts-slide {
    background-image: url('../images/slider__sunhunter-yahts-mobile_2x_1.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slider__image.is-radaway-slide {
    background-image: url('../images/slider__radaway-mobile_2x_1.webp'), url('../images/slider_image_radaway_1.avif');
    background-position: 50%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
  }

  .slider__image.is-lod-slide {
    background-image: url('../images/slider__logis-open-day-mobile_2x_1.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .project__image.is-vivento.is-mobile, .project__image.is-no-background.is-mobile {
    height: 110svw;
  }

  .project__video-vivento {
    display: none;
  }

  .project__title {
    flex: 1;
  }

  .project__video-relago, .project__video-sunhunter-yachts, .project__video-logis-open-day {
    display: none;
  }

  .project__image-mobile.is-vivento {
    background-image: url('../images/product-card-image_vivento_mobile_1.webp');
  }

  .project__image-mobile.is-relago {
    background-image: url('../images/product-card-image-relago_mobile_1.webp');
  }

  .project__image-mobile.is-sunhunter-yachts {
    background-image: url('../images/product-card-image_sunhunter-yachts_mobile_1.webp');
  }

  .project__image-mobile.is-lod {
    background-image: url('../images/product-card-image_lod_mobile_1.webp');
  }

  .no-breake {
    white-space: nowrap;
  }

  .project__video-vivento-mobile, .project__video-relago-mobile, .project__video-sunhunter-yachts-mobile, .project__video-logis-open-day-mobile {
    display: block;
  }

  .offer__stack, .offer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

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

  .offer__points {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .footer__wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .footer__body {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
  }

  .footer__address {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer__flex {
    font-size: 1.25rem;
  }

  .footer__text {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .footer__text.is-small {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .footer__image-wrapper {
    display: none;
  }

  .form__wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .form__text-field {
    height: 50px;
    padding-left: 20px;
    font-size: 1rem;
    line-height: 1rem;
  }

  .form__text-field::placeholder {
    font-size: 1rem;
    line-height: 1rem;
  }

  .submit-button {
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem;
    line-height: 1rem;
  }

  .form__text {
    height: auto;
    font-size: 1.2rem;
    line-height: 1.25rem;
  }

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

  .footer__image-2 {
    display: inline-flex;
  }

  .portfolio_text {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .section-portfolio.is-padding-0.is-full-size-image-tablet {
    height: 350px;
  }

  .section-portfolio.is-padding-0.is-full-size-image-invitation, .section-portfolio.is-padding-0.is-full-size-image-flag, .section-portfolio.is-padding-0.is-full-size-image-banner {
    height: 300px;
  }

  .section-portfolio.is-padding-top-bottom-small {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-portfolio.is-separator {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .background-video {
    height: 400px;
  }

  .background-video-2 {
    width: 100%;
    height: 300px;
  }

  .container {
    left: auto;
  }

  .container-2 {
    color: #00000052;
    background-color: #000;
    width: 100%;
    padding: 10svw;
    position: static;
    inset: 0% auto auto 0%;
  }

  .portfolio_text--small {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lod-branding__heading {
    font-size: 1rem;
    line-height: 1rem;
  }

  .lod-branding__image {
    margin-top: 40px;
  }

  .div-block-8, .smycz {
    min-height: 200px;
  }

  .vivento-logo__animation {
    height: 150px;
  }

  .vivento-ci {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
  }

  .vivento-ci__cell.is-hidden-tablet, .vivento-ci__cell.is-hidden-tablet-mobile {
    display: none;
  }

  .vivento-branding__heading {
    font-size: 1rem;
    line-height: 1rem;
  }

  .logo-design__stack {
    padding-top: 40px;
  }

  .vivento__heading {
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1rem;
  }

  .portfolio-full-size-image__wrapper {
    height: 300px;
  }

  .portfolio-full-size-image__wrapper.is-relago-rollup {
    height: 250px;
  }

  .portfolio-full-size-image__wrapper.is-shy-logo-background {
    height: 110svw;
  }

  .portfolio-full-size-image__wrapper.is-shy-billboard, .portfolio-half-size-image__wrapper {
    height: 250px;
  }

  .background-video-5 {
    width: 140px;
    height: 140px;
  }

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

  .video-sm__video {
    margin-left: 3px;
    margin-right: 3px;
  }

  .back-to-folio__text {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .back-to-folio {
    margin-bottom: 20px;
  }

  .relago-logo__animation {
    height: 150px;
  }

  .relago-ci__cell.is-hidden {
    display: flex;
  }

  .relago-branding__heading {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1rem;
  }

  .relago-branding__stack {
    padding-top: 0;
  }

  .relago-branding {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .relago-kolorystyka__kolor-full {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .relago-kolorystyka__text-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .portfolio-margin-picture {
    height: 350px;
  }

  .portfolio-margin-picture.is-relago-print {
    background-size: cover;
    height: 280px;
  }

  .portfolio-margin-picture.is-relago-busines-card {
    background-size: auto 120%;
  }

  .relago-merch {
    height: 250px;
  }

  .relago-sm {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .relago-sm__post-1-video {
    width: 60svw;
    height: 60svw;
  }

  .relago-sm__post-2-video {
    width: 40svw;
    height: 40svw;
  }

  .relago-sm__post-3-video {
    width: 60svw;
    height: 60svw;
  }

  .relago-sm__text {
    width: 100%;
  }

  .shy-logo {
    width: 80svw;
  }

  .shy-logo-design {
    height: auto;
  }

  .shy-logo-design__cell {
    padding: 10svw;
  }

  .shy-brandbook__cell.is-hidden-mobile {
    display: none;
  }

  .shy-colors {
    height: 200px;
  }

  .image-2 {
    width: 60%;
  }

  .shy-colors__color {
    padding: 16px;
  }

  .shy-prints__business-card {
    height: 300px;
  }

  .shy-prints__sign, .shy-prints__catalog-cover, .shy-prints__catalog {
    height: 250px;
  }

  .shy-prints__row-2, .shy-prints {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .shy-sm__stack {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
  }

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

  .shy-sm__post-wrapper {
    padding-left: 2svw;
    padding-right: 2svw;
  }

  .shy-bottle__bottle-1 {
    width: 100%;
    height: 250px;
  }

  .shy-bottle {
    flex-flow: column;
    height: auto;
  }

  .shy-bottle__bottle-2-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
  }

  .shy-bottle__bottle-2 {
    height: 250px;
  }

  .popup__wrap {
    width: 100%;
  }

  .popup-close {
    top: 30px;
    right: 30px;
  }

  .footer__button {
    white-space: nowrap;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 1.1rem;
    display: block;
  }

  .form-row {
    flex-direction: column;
  }

  .form-border {
    min-width: auto;
    padding: 20px;
  }

  .scrollbar {
    padding: 20px;
  }

  .input-wrapper.mr-15 {
    margin-right: 0;
  }

  .checkbox {
    margin-top: 4px;
  }
}

#w-node-cf208423-7a36-5ad1-1773-9a5c0f986ab4-b89dbc74 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_89168481-441e-a62d-caf2-72ff1cd51de1-b89dbc74 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_56a171e4-2c47-ebcc-25b5-8413f4a18c46-b89dbc74 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-ceb627c0-ffe3-d662-d4eb-c3a25ca375d7-dc16e701 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-c71e4fbe-de56-7c76-7ab9-82e147c8b3d2-dc16e701, #w-node-_10f46c12-1e05-b8ea-8385-cec8237a4fb8-dc16e701, #w-node-ce2a38eb-d339-0e87-959e-03bd4e42845e-dc16e701, #w-node-b865cc86-c12e-4d9f-cc7b-f90bc75f87ad-dc16e701, #w-node-_5fdbd574-5334-5c27-b0df-91699f3d5921-dc16e701, #w-node-_5fdbd574-5334-5c27-b0df-91699f3d5927-dc16e701, #w-node-_5fdbd574-5334-5c27-b0df-91699f3d5936-dc16e701, #w-node-_167fbe4e-444b-8662-d4a1-5803813fcb5b-dc16e701, #w-node-_167fbe4e-444b-8662-d4a1-5803813fcb61-dc16e701, #w-node-_167fbe4e-444b-8662-d4a1-5803813fcb70-dc16e701 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e42015e4-99fc-bd4c-4df8-adaa8f3ccf92-dc16e701 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-d7c5742a-bafb-a125-b9ed-50c00f9d78d3-b5d67535 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-bcc95b4b-8942-f746-8513-cd73d3444135-b5d67535 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_48199147-43c6-022b-131e-77b97ba6f11d-b5d67535, #w-node-_1a0a849e-cc5a-8b0d-ee87-991f7acaa248-b5d67535, #w-node-_31265692-5a9d-657e-3bca-df010b8324e0-b5d67535, #w-node-_180c3d7b-c368-7076-b741-4723ad646669-b5d67535 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-ec618d57-3ab7-2bfc-b808-111f1008a523-b5d67535, #w-node-e63e566b-8c31-7168-128b-c54c64768208-ef8ee031 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e9ab622a-2695-cd67-f595-05a7124d5d09-ef8ee031, #w-node-_55af71eb-62e6-99c8-88e1-570838509a80-ef8ee031, #w-node-a1ff18a1-c7d0-b530-baa5-32d032275413-ef8ee031 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-eae1d1b8-d97d-0199-189a-c8bdd41b7dba-ef8ee031, #w-node-_24b8cdd0-065b-714a-3a09-14379fc57446-ef8ee031 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_072773c2-0770-784a-5ae3-dacb0f928087-ef8ee031 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_2344e5bf-07b5-3227-40dd-5c667a7bc976-ef8ee031 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-cf208423-7a36-5ad1-1773-9a5c0f986ab4-b89dbc74 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_56a171e4-2c47-ebcc-25b5-8413f4a18c46-b89dbc74 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  #w-node-ceb627c0-ffe3-d662-d4eb-c3a25ca375d7-dc16e701 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  #w-node-b865cc86-c12e-4d9f-cc7b-f90bc75f87ad-dc16e701 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-d7c5742a-bafb-a125-b9ed-50c00f9d78d3-b5d67535 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_89168481-441e-a62d-caf2-72ff1cd51de1-b89dbc74 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_56a171e4-2c47-ebcc-25b5-8413f4a18c46-b89dbc74 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-ceb627c0-ffe3-d662-d4eb-c3a25ca375d7-dc16e701 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_3bc53a2e-980c-6c8f-979e-0662777695be-dc16e701, #w-node-_90ff7f4a-15e8-4f0e-7a88-0533061505de-dc16e701 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_10f46c12-1e05-b8ea-8385-cec8237a4fb8-dc16e701, #w-node-_5fdbd574-5334-5c27-b0df-91699f3d5921-dc16e701, #w-node-_167fbe4e-444b-8662-d4a1-5803813fcb5b-dc16e701 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e42015e4-99fc-bd4c-4df8-adaa8f3ccf92-dc16e701 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_2344e5bf-07b5-3227-40dd-5c667a7bc976-ef8ee031 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_56a171e4-2c47-ebcc-25b5-8413f4a18c46-b89dbc74 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-ceb627c0-ffe3-d662-d4eb-c3a25ca375d7-dc16e701 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_90ff7f4a-15e8-4f0e-7a88-0533061505de-dc16e701 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c71e4fbe-de56-7c76-7ab9-82e147c8b3d2-dc16e701 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-d7c5742a-bafb-a125-b9ed-50c00f9d78d3-b5d67535 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-d7c5742a-bafb-a125-b9ed-50c00f9d78ea-b5d67535, #w-node-d7c5742a-bafb-a125-b9ed-50c00f9d78ee-b5d67535 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bcc95b4b-8942-f746-8513-cd73d3444135-b5d67535, #w-node-e63e566b-8c31-7168-128b-c54c64768208-ef8ee031 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e9ab622a-2695-cd67-f595-05a7124d5d09-ef8ee031 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-e9ab622a-2695-cd67-f595-05a7124d5d0b-ef8ee031 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_55af71eb-62e6-99c8-88e1-570838509a80-ef8ee031 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_55af71eb-62e6-99c8-88e1-570838509a83-ef8ee031 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a1ff18a1-c7d0-b530-baa5-32d032275413-ef8ee031 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-a1ff18a1-c7d0-b530-baa5-32d032275418-ef8ee031 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2344e5bf-07b5-3227-40dd-5c667a7bc976-ef8ee031 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}