.container {
  max-width: 1600px;
}
.col-3 {
  width: 25%;
}
.ux {
  font-size: 110px;
}
.home-container {
  height: 100vh;
}
.title-content {
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
}
.video-text-bottom {
  line-height: 55px;
  font-size: 80px;
}

.video-container::after {
  width: 75%;
  height: 100%;
}
.title {
  left: -10px;
}

.row-superpowers {
  width: 60%;
}
.contact-row {
  flex-direction: row;
}
.contact .col {
  justify-content: center;
}
.about .row {
  width: 70%;
  flex-wrap: nowrap;
  justify-content: initial;
}
.squares-container {
  height: 71%;
  width: 56%;
  max-width: 1000px;
  min-width: 700px;
  background-position: top;
  background-size: contain;
  background-image: url("/img/kwadraty_tlo.png");
}

.path {
  stroke-dasharray: 0, 800, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16;
  stroke-dashoffset: 0;
}

@keyframes dash {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dasharray: 0, 800, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16;
    stroke-dashoffset: 800;
  }
}

@keyframes dash-back {
  from {
    stroke-dasharray: 0, 800, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16, 16;
    stroke-dashoffset: 800;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.big-square {
  min-width: 192px;
  min-height: 192px;
}
.small-square {
  min-width: 96px;
  min-height: 96px;
}
.desktop-show{
  display: flex;
}
.mobile-show {
  display: none;
}