:root {
  --main-color: #192427;
}

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

.home-body {
  background-color: #e5ecef;
  font-family: Inter, sans-serif;
}

.nav-brand {
  max-width: 240px;
  max-height: 60px;
}

.nav-main-container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.nav-main-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.main-section-video {
  margin-top: 100px;
  margin-bottom: 100px;
}

.navbar {
  z-index: 2;
  background-color: #ddd0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 28px;
  left: 0%;
  right: 0%;
}

.nav-link {
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 24px;
  transition: all .3s;
}

.nav-link:hover, .nav-link.w--current {
  color: #fbb040;
}

.hero-section-colored {
  background-color: var(--main-color);
  background-image: url('../images/ana-sayfa-background-image.png');
  background-position: 50%;
  background-size: cover;
}

.nav-button {
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 40px;
  margin-left: 20px;
  padding: 10px 40px;
  font-size: 18px;
  line-height: 24px;
  transition: all .3s;
}

.nav-button:hover {
  background-color: #fbb040;
  border-color: #fbb040;
}

.nav-button.w--current {
  color: #fff;
}

.main-block {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.home-hero-grid {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  padding-top: 200px;
  padding-bottom: 100px;
}

.hero-grid-text-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-grid-image-block {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  display: flex;
}

.hero-grid-video-block {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-hero-h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
}

.home-hero-h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.home-hero-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 12px 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.home-hero-button:hover {
  background-color: #fbb040;
  border-color: #fbb040;
}

.home-button-h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.home-button-icon-block {
  max-width: 14px;
}

.home-hero-big-image-block {
  border-radius: 30px;
  overflow: hidden;
}

.home-grid-image-block-link-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.home-hero-line-block {
  background-color: #fff;
  width: 248px;
  height: 1px;
}

.hero-link {
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
}

.hero-link:hover {
  color: #fbb040;
}

.hero-video-block {
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 345px;
  height: 100%;
  max-height: 370px;
  overflow: hidden;
}

.background-video {
  z-index: 2;
  border-radius: 30px;
  max-width: 345px;
  max-height: 370px;
  position: relative;
}

.hero-grid-video-block-text-main-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.hero-video-sub-text-block {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hero-video-h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.hero-video-sub-text-block-center {
  border: 1px solid #bbb;
  border-width: 1px 0;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
}

.main-section {
  margin-top: 100px;
  margin-bottom: 100px;
}

.home-page-about-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto auto;
}

.home-page-about-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 44px;
}

.home-about-grid-text-block {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  display: flex;
}

.home-about-grid-text-sub-block-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  min-width: 204px;
  display: flex;
}

.grid-sub-left-block-sub-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-page-about-h3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.home-page-about-h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.home-page-about-p {
  color: #000;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

.home-page-about-grid-link-block {
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 40px;
  display: flex;
}

.home-about-grid-sub-link-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.home-about-link-h1 {
  color: #000;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
}

.home-about-link-h1:hover {
  color: #fbb040;
}

.black-icon-block {
  max-width: 14px;
}

.home-page-about-grid-reference-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  display: flex;
}

.home-about-grid-sub-image-block {
  border-radius: 30px;
  max-height: 620px;
  overflow: hidden;
}

.home-references-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.home-reference-image-block {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  max-height: 100px;
  display: flex;
  overflow: hidden;
}

.referans-image {
  max-height: 100%;
}

.home-references-sub-block-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.home-page-about-line-block {
  background-color: #000;
  width: 200px;
  height: 1px;
}

.main-section-colored {
  background-color: var(--main-color);
  padding-top: 100px;
  padding-bottom: 100px;
}

.home-page-products-main-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.home-page-products-top-grid {
  grid-column-gap: 60px;
  grid-row-gap: 80px;
  grid-template-columns: auto auto;
}

.home-products-grid-top-block {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.home-products-h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.home-products-h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.home-products-image-block {
  border-radius: 30px;
  max-width: 540px;
  overflow: hidden;
}

.home-products-grid-heading-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.home-products-grid-icon-block {
  max-width: 160px;
  margin-bottom: -100px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.home-products-grid-text-block {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.home-products-h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.home-products-h4 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.home-products-p {
  color: #fff;
  margin-bottom: 40px;
  font-weight: 200;
}

.home-products-grid-bottom {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.home-products-bottom-grid-sub-block {
  cursor: pointer;
  flex-flow: column;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.home-products-bottom-grid-sub-block:hover {
  transform: translate(0, -4px);
}

.home-products-bottom-grid-image-block {
  border-radius: 30px;
  max-height: 264px;
  overflow: hidden;
}

.home-products-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: flex-start;
  padding: 12px 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.home-products-button:hover {
  background-color: #fbb040;
  border-color: #fbb040;
}

.home-products-bottom-h2 {
  color: #fff;
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.home-products-bottom-p {
  color: #fff;
  margin-bottom: 0;
  font-weight: 200;
}

.why-penka-block {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  flex-flow: column;
  display: flex;
}

.why-penka-top-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.why-penka-heading-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.why-penka-block-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.why-penka-h3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.why-penka-icon-block {
  justify-content: flex-end;
  display: flex;
  overflow: hidden;
}

.why-penka-sub-bottom-block-sub-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.why-penka-sub-icon-block {
  max-width: 100px;
  max-height: 100px;
}

.why-penka-h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.why-penka-main-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.why-penka-grid-sub-block-big {
  background-image: url('../images/ana-sayfa-projeler-image-big.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 480px;
  padding: 40px;
  display: flex;
}

.why-penka-grid-h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.why-penka-grid-h3 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 60px;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.why-penka-grid-h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.home-projects-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding: 12px 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.home-projects-button:hover {
  background-color: #fbb040;
  border-color: #fbb040;
}

.why-penka-grid-sub-block-medium-image-block {
  border-radius: 30px;
  max-height: 240px;
  overflow: hidden;
}

.why-penka-grid-sub-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  max-height: 240px;
}

.why-penka-small-image-block {
  border-radius: 30px;
  overflow: hidden;
}

.footer-main-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.footer-sub-block-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-icon-block {
  max-width: 240px;
  max-height: 60px;
}

.footer-icon-block.w--current {
  max-width: 350px;
}

.footer-top-block-link-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.footer-h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.footer-sub-block-center {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.footer-center-block-sub-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.projects-videos-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 40px;
  justify-content: center;
  align-items: flex-start;
  max-width: 240px;
  margin-left: auto;
  padding: 12px 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.projects-videos-button:hover {
  background-color: #fbb040;
  border-color: #fbb040;
}

.projects-videos-button-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.projects-videos-button-icon-block {
  max-width: 14px;
}

.footer-h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.footer-h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.footer-h4 {
  color: #fff;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
}

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

.play-pause-button {
  width: 32px;
  height: 32px;
  position: static;
}

.footer-h4:hover {
  color: #fbb040;
}

.footer-sub-block-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-h5 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.sub-hero-section-colored-about-page {
  background-color: var(--main-color);
  min-height: 120px;
}

.sub-hero-image-section-about-page {
  background-color: #e5ecef;
}

.sub-hero-image-block {
  background-image: url('../images/kurumsal-hero-image.jpg');
  background-position: 50%;
  background-size: cover;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  width: 100%;
  min-height: 600px;
  max-height: 600px;
}

.sub-hero-text-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.sub-hero-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
}

.sub-hero-h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.about-page-text-main-block {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  display: flex;
}

.about-page-heading-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-page-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.about-page-text-sub-block {
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.about-page-icon-block {
  max-width: 100px;
}

.sub-body {
  background-color: #fff;
  font-family: Inter, sans-serif;
}

.about-page-text-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  max-width: 1000px;
  display: flex;
}

.about-page-p-big {
  color: #000;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 300;
  line-height: 40px;
}

.about-page-p-small {
  color: #000;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.about-page-text-bottom-block {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-page-text-sub-bottom-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.about-page-h3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.about-page-h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.about-page-bottom-main-block {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.about-page-bottom-sub-block-first {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.about-page-bottom-block-text-block {
  flex-flow: column;
  max-width: 1000px;
  margin-left: auto;
}

.about-page-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.about-page-grid-sub-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #213135;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 80px;
  display: flex;
}

.about-page-grid-h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
}

.about-page-grid-p {
  color: #fff;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

.sub-hero-section-colored {
  background-color: var(--main-color);
  background-image: url('../images/ana-sayfa-background-image.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  min-height: 700px;
  max-height: 700px;
}

.sub-hero-main-block {
  justify-content: space-between;
  align-items: center;
  min-height: 700px;
  padding-top: 120px;
  display: flex;
}

.sub-hero-left-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 600px;
  display: flex;
}

.sub-hero-h1-white {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 600;
  line-height: 50px;
}

.sub-hero-h2-white {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.sub-hero-icon-block {
  max-width: 160px;
  max-height: 160px;
  margin-right: 10%;
}

.products-page-bottom-h2 {
  color: #000;
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.products-page-bottom-p {
  color: #000;
  margin-bottom: 0;
  font-weight: 200;
}

.products-page-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.products-page-sub-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.products-page-sub-block-image-block {
  border-radius: 30px;
  min-width: 540px;
  overflow: hidden;
}

.products-page-h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.products-page-h4 {
  color: #000;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.products-page-p {
  color: #000;
  margin-bottom: 40px;
  font-weight: 200;
}

.products-page-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.products-page-button:hover {
  background-color: #fbb040;
  border-color: #fbb040;
}

.products-page-button-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.product-detail-page-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.product-detail-page-h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.product-detail-page-h4 {
  color: #000;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.product-detail-page-p {
  color: #000;
  margin-bottom: 40px;
  font-weight: 200;
}

.product-detail-page-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 40px;
  justify-content: center;
  align-items: flex-start;
  padding: 12px 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.product-detail-page-button:hover {
  background-color: #fbb040;
  border-color: #fbb040;
}

.product-detail-page-button-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.product-detail-page-bottom-h2 {
  color: #000;
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.product-detail-page-bottom-p {
  color: #000;
  margin-bottom: 0;
  font-weight: 200;
}

.product-detail-page-top-h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
}

.product-detail-text-block-sub-block {
  grid-column-gap: 240px;
  grid-row-gap: 240px;
  display: flex;
}

.product-detail-sub-block {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  display: flex;
}

.product-detail-sub-block-image-block {
  min-width: 270px;
  max-width: 270px;
  max-height: 180px;
}

.product-detail-page-top-h3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.product-detail-image {
  width: 100%;
  height: 100%;
}

.product-detail-image-grid {
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.product-detail-grid-image-block {
  border-radius: 30px;
  min-height: 360px;
  max-height: 360px;
  overflow: hidden;
}

.sub-hero-top-image-block {
  border-radius: 30px;
  min-width: 600px;
  max-width: 600px;
  min-height: 400px;
  overflow: hidden;
}

.sub-hero-h2-white-light {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 200;
  line-height: 24px;
}

.contact-page-main-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.contact-text-main-block {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-text-sub-block {
  background-color: #f5f5f5;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 335px;
  min-height: 365px;
  padding: 40px;
  display: flex;
}

.contact-icon-block {
  max-width: 60px;
  margin-bottom: auto;
  margin-left: auto;
}

.contact-h1-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-page-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.contact-page-h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  text-decoration: none;
}

.contact-page-h1-main-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: auto;
  display: flex;
}

.contact-page-map-block {
  border-radius: 30px;
  overflow: hidden;
}

.references-page-grid {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.references-page-grid-sub-block {
  justify-content: center;
  align-items: center;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}

.references-page-reference-image {
  max-height: 200px;
}

.certificates-page-main-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cetificate-link-block {
  background-color: #f5f5f5;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 860px;
  padding: 30px 60px;
  text-decoration: none;
  display: flex;
}

.cetificates-page-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
}

.sub-hero-sub-custom-block {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.sub-hero-custom-main-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 700px;
  padding-top: 120px;
  display: flex;
}

.sub-hero-sub-custom-block-bottom {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.sub-hero-custom-text-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sub-hero-custom-h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.sub-hero-custom-h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.form-main-block {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.form-left-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  max-width: 560px;
  display: flex;
}

.form-p {
  color: #000;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 30px;
  font-weight: 300;
  line-height: 40px;
}

.form-image-grid {
  grid-column-gap: 15px;
  grid-row-gap: 45px;
  max-width: 512px;
}

.form-image-grid-sub-block-big, .form-image-grid-sub-block-small {
  border-radius: 30px;
  max-height: 240px;
  overflow: hidden;
}

.form-image {
  max-height: 100%;
}

.form-text-field-small {
  color: #000;
  background-color: #f5f5f5;
  border: 0 solid #000;
  border-radius: 30px;
  width: 585px;
  height: 65px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 28px;
}

.form-h1 {
  color: #000;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.form-text-field-big {
  color: #000;
  background-color: #f5f5f5;
  border: 0 solid #000;
  border-radius: 30px;
  width: 585px;
  min-height: 150px;
  max-height: 260px;
  margin-bottom: 40px;
  padding: 20px;
  font-size: 20px;
  line-height: 28px;
}

.form-button {
  color: #fff;
  cursor: pointer;
  background-color: #fbb040;
  border-radius: 30px;
  width: auto;
  height: 55px;
  padding-left: 41px;
  padding-right: 41px;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  transition: all .3s;
}

.form-button:hover {
  background-color: #000;
}

.footer-center-block-contact-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.why-penka-icon-image-block {
  max-width: 200px;
  max-height: 200px;
}

.grid-sub-left-block-sub-block-last {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-menu {
  align-items: center;
  display: flex;
}

.references-grid-image-block {
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.form-block {
  margin-bottom: 0;
}

.sub-hero-custom-text-block-bottom {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sub-hero-main-block-product-detail {
  justify-content: space-between;
  align-items: center;
  min-height: 700px;
  padding-top: 120px;
  display: flex;
}

.sub-hero-left-block-product-detail {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 600px;
  display: flex;
}

.sub-hero-section-colored-product-detail {
  background-color: #213135;
  min-height: 700px;
  max-height: 700px;
}

.projects-page-main-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.projects-page-text-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 1000px;
  display: flex;
}

.projects-page-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 500;
}

.projects-page-p {
  color: #000;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.nav-dropdown {
  color: #fff;
  padding-right: 48px;
  font-size: 18px;
  line-height: 24px;
  transition: all .3s;
}

.nav-dropdown:hover {
  color: #fbb040;
}

.dropdown-list {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}

.dropdown-list.w--open {
  border-radius: 10px;
  padding: 10px;
}

.dropdown-link {
  color: #000;
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
  transition: all .3s;
}

.dropdown-link:hover, .dropdown-link.w--current {
  color: #fbb040;
}

.footer-h3-link {
  color: #fff;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: all .3s;
}

.footer-h3-link:hover {
  color: #fbb040;
}

.footer-h5-link {
  color: #fff;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: all .3s;
}

.footer-h5-link:hover {
  color: #fbb040;
}

.contact-page-h2-link {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  text-decoration: none;
  transition: all .3s;
}

.contact-page-h2-link:hover {
  text-underline-offset: 8px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.product-detail-page-products-grid-icon-block {
  max-width: 160px;
  margin-bottom: -160px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.product-detail-page-products-main-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.dropdown-list-product {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}

.dropdown-list-product.w--open {
  border-radius: 10px;
  min-width: 750px;
  margin-left: -129px;
  padding: 25px;
}

.product-menu-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-menu-link {
  color: #1d1d1d;
  text-decoration: none;
  transition: all .2s;
}

.product-menu-link:hover {
  color: #fbb040;
}

.product-link-text {
  padding: 10px;
}

.product-link-image {
  border-radius: 15px;
  width: 100%;
}

.product-detail-grid-video-block {
  border-radius: 30px;
  min-height: 720px;
  max-height: 720px;
  overflow: hidden;
  width: 100%;
  display: block;
}

.product-detail-grid-video-block .product-detail-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.product-detail-grid-video-block .product-detail-video:fullscreen {
  object-fit: contain;
}

@media screen and (max-width: 1025px) {
  .form-main-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .form-left-block {
    max-width: none;
  }

  .form-p {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 0;
  }

  .form-image-grid {
    grid-row-gap: 30px;
    grid-template-rows: 1fr 1fr;
    max-width: none;
  }

  .form-image-grid-sub-block-big, .form-image-grid-sub-block-small {
    max-height: none;
  }

  .form-text-field-big {
    padding: 8px 12px;
  }

  .sub-hero-main-block-product-detail {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-end;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .sub-hero-left-block-product-detail {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    max-width: none;
  }

  .sub-hero-top-image-block {
    min-width: 400px;
    max-width: 400px;
    min-height: 0;
  }

  .sub-hero-h1-white {
    font-size: 32px;
    line-height: 40px;
  }

  .sub-hero-h2-white-light {
    font-size: 16px;
  }

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

  .home-hero-grid {
    grid-template-columns: 1fr;
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .home-hero-h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .home-about-grid-text-block {
    flex-flow: column-reverse;
  }

  .home-about-grid-text-sub-block-left {
    flex-flow: row;
  }

  .home-page-about-grid-reference-block {
    justify-content: space-between;
    align-items: center;
  }

  .home-references-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-reference-image-block {
    max-height: 80px;
  }

  .why-penka-main-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .why-penka-grid-h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .why-penka-grid-h3 {
    font-size: 16px;
  }

  .why-penka-grid-h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .product-detail-image-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }

  .product-detail-grid-image-block {
    min-height: 300px;
    max-height: 300px;
  }

  .product-detail-text-block-sub-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
  }
}

@media screen and (max-width: 991px) {
  .main-section-video {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .nav-brand {
    max-width: 200px;
  }

  .navbar {
    top: 12px;
  }

  .nav-link {
    color: #000;
    justify-content: center;
    align-items: center;
  }

  .nav-button {
    color: #000;
    text-align: left;
    border-width: 0;
    padding: 20px 0;
  }

  .nav-button:hover {
    color: #fbb040;
    background-color: #fbb04000;
  }

  .home-hero-grid {
    grid-template-columns: 1fr;
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .home-hero-h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .home-hero-line-block {
    width: 200px;
  }

  .main-section {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .home-about-grid-text-block {
    flex-flow: column-reverse;
  }

  .home-about-grid-text-sub-block-left {
    flex-flow: row;
  }

  .home-page-about-grid-reference-block {
    justify-content: space-between;
    align-items: center;
  }

  .home-references-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-reference-image-block {
    max-height: 80px;
  }

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

  .home-page-products-top-grid {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
  }

  .home-products-grid-icon-block {
    margin-bottom: 0;
    position: static;
  }

  .home-products-grid-bottom {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .why-penka-top-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .why-penka-block-h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .why-penka-h3 {
    font-size: 16px;
  }

  .why-penka-sub-icon-block {
    max-width: 80px;
    max-height: 80px;
  }

  .why-penka-h2 {
    font-size: 20px;
  }

  .why-penka-main-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .why-penka-grid-h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .why-penka-grid-h3 {
    font-size: 16px;
  }

  .why-penka-grid-h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-icon-block {
    max-width: 200px;
  }

  .footer-sub-block-center {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
  }

  .sub-hero-section-colored-about-page {
    min-height: 90px;
  }

  .sub-hero-image-section-about-page {
    background-color: #e5ecef00;
  }

  .sub-hero-image-block {
    min-height: 400px;
    max-height: 400px;
  }

  .sub-hero-text-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 40px;
  }

  .sub-hero-h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .about-page-text-main-block {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .about-page-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .about-page-text-block {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .about-page-p-big {
    font-size: 20px;
    line-height: 32px;
  }

  .about-page-p-small {
    font-size: 16px;
    line-height: 24px;
  }

  .about-page-bottom-main-block {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .about-page-bottom-sub-block-first {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

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

  .about-page-grid-sub-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 20px;
  }

  .about-page-grid-h1 {
    font-size: 18px;
    line-height: 24px;
  }

  .about-page-grid-p {
    font-size: 14px;
    line-height: 20px;
  }

  .sub-hero-section-colored {
    min-height: 500px;
    max-height: 500px;
  }

  .sub-hero-main-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    min-height: 500px;
    padding-top: 60px;
  }

  .sub-hero-left-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    max-width: 300px;
  }

  .sub-hero-h1-white {
    font-size: 32px;
    line-height: 40px;
  }

  .sub-hero-h2-white {
    font-size: 16px;
  }

  .sub-hero-icon-block {
    max-width: 120px;
    max-height: 120px;
  }

  .products-page-sub-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .products-page-sub-block-image-block {
    min-width: 0;
  }

  .product-detail-page-h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .product-detail-page-button-h1 {
    font-size: 16px;
  }

  .product-detail-page-top-h2 {
    font-size: 20px;
    line-height: 28px;
  }

  .product-detail-text-block-sub-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
  }

  .product-detail-sub-block-image-block {
    min-width: 0;
    max-width: 200px;
    max-height: 100px;
  }

  .product-detail-page-top-h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .product-detail-image-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }

  .product-detail-grid-image-block {
    min-height: 300px;
    max-height: 300px;
  }

  .sub-hero-top-image-block {
    min-width: 400px;
    max-width: 400px;
    min-height: 0;
  }

  .sub-hero-h2-white-light {
    font-size: 16px;
  }

  .contact-text-main-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .contact-text-sub-block {
    min-width: 400px;
  }

  .references-page-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .references-page-grid-sub-block {
    max-width: 200px;
  }

  .references-page-reference-image {
    max-height: 140px;
  }

  .cetificates-page-h1 {
    font-size: 22px;
  }

  .sub-hero-custom-main-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    min-height: 500px;
  }

  .sub-hero-sub-custom-block-bottom {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
  }

  .sub-hero-custom-h2 {
    font-size: 14px;
    line-height: 20px;
  }

  .sub-hero-custom-h1 {
    font-size: 18px;
    line-height: 24px;
  }

  .form-main-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .form-left-block {
    max-width: none;
  }

  .form-p {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 0;
  }

  .form-image-grid {
    grid-row-gap: 30px;
    grid-template-rows: 1fr 1fr;
    max-width: none;
  }

  .form-image-grid-sub-block-big, .form-image-grid-sub-block-small {
    max-height: none;
  }

  .form-text-field-big {
    padding: 8px 12px;
  }

  .why-penka-icon-image-block {
    max-width: 140px;
    max-height: 140px;
  }

  .nav-menu {
    background-color: #fff;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
  }

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

  .references-grid-image-block {
    border-radius: 10px;
  }

  .sub-hero-main-block-product-detail {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-end;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .sub-hero-left-block-product-detail {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    max-width: none;
  }

  .sub-hero-section-colored-product-detail {
    min-height: 700px;
    max-height: none;
  }

  .projects-page-main-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .projects-page-text-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .projects-page-h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .projects-page-p {
    font-size: 16px;
  }

  .nav-dropdown {
    color: #000;
  }

  .dropdown-list.w--open {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 0 0 20px;
    display: flex;
    position: static;
  }

  .dropdown-link {
    color: #000;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
  }

  .dropdown {
    width: 100%;
  }

  .product-detail-page-products-grid-icon-block {
    margin-bottom: 0;
    position: static;
  }

  .dropdown-list-product.w--open {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    padding: 0 0 0 20px;
    display: flex;
    position: static;
  }

  .product-menu-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .product-link-text {
    font-size: 16px;
  }

  .product-link-image {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .nav-brand {
    max-width: 140px;
  }

  .nav-link, .nav-button {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .home-hero-h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .home-hero-h2, .home-button-h1 {
    font-size: 16px;
  }

  .home-button-icon-block {
    max-width: 12px;
  }

  .home-hero-line-block {
    width: 140px;
  }

  .hero-link {
    font-size: 18px;
  }

  .home-page-about-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .home-page-about-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .home-about-grid-text-sub-block-left {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
  }

  .home-page-about-h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .home-page-about-grid-link-block {
    padding-bottom: 0;
  }

  .black-icon-block {
    max-width: 12px;
  }

  .home-page-about-grid-reference-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-references-block {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-references-sub-block-right {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
  }

  .projects-videos-button {
    max-width: 200px;
    padding: 10px 20px;
  }

  .projects-videos-button-h1 {
    font-size: 14px;
    line-height: 20px;
  }

  .projects-videos-button-icon-block {
    max-width: 10px;
  }

  .home-page-about-line-block {
    width: 100px;
  }

  .home-page-products-top-grid {
    grid-row-gap: 30px;
  }

  .home-products-grid-icon-block {
    max-width: 100px;
  }

  .home-products-grid-bottom {
    grid-template-columns: 1fr;
  }

  .home-products-bottom-grid-image-block {
    max-height: none;
  }

  .product-detail-grid-image-block {
    min-height: 200px;
    max-height: 200px;
  }

  .why-penka-top-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .why-penka-heading-block {
    text-align: center;
  }

  .why-penka-block-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .why-penka-h3 {
    font-size: 16px;
  }

  .why-penka-icon-block {
    justify-content: flex-end;
  }

  .why-penka-sub-bottom-block-sub-block {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .why-penka-sub-icon-block {
    max-width: 60px;
    max-height: 60px;
  }

  .why-penka-h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .why-penka-main-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .why-penka-grid-sub-block-big {
    padding: 20px;
  }

  .why-penka-grid-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .why-penka-grid-h2 {
    font-size: 16px;
  }

  .footer-icon-block {
    max-width: 140px;
  }

  .footer-h1 {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-sub-block-center {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .product-detail-grid-video-block {
    min-height: 500px;
    max-height: 500px;
  }

  .footer-h2 {
    font-size: 16px;
  }

  .footer-h3, .footer-h4 {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-h5 {
    font-size: 14px;
  }

  .sub-hero-text-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 20px;
  }

  .sub-hero-h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .sub-hero-h2 {
    font-size: 16px;
  }

  .about-page-text-main-block {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .about-page-h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .about-page-text-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-page-p-big {
    font-size: 18px;
    line-height: 28px;
  }

  .about-page-p-small {
    font-size: 14px;
    line-height: 20px;
  }

  .about-page-text-bottom-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
  }

  .about-page-h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .about-page-bottom-main-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-page-bottom-sub-block-first {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-page-grid {
    grid-template-columns: 1fr;
  }

  .about-page-grid-h1 {
    font-size: 16px;
  }

  .sub-hero-section-colored {
    min-height: 400px;
    max-height: 400px;
  }

  .sub-hero-main-block {
    min-height: 400px;
    padding-top: 40px;
  }

  .sub-hero-left-block {
    max-width: 260px;
  }

  .sub-hero-h1-white {
    font-size: 28px;
    line-height: 36px;
  }

  .sub-hero-h2-white {
    font-size: 14px;
    line-height: 20px;
  }

  .sub-hero-icon-block {
    max-width: 100px;
  }

  .sub-hero-h2-white-light {
    font-size: 14px;
    line-height: 22px;
  }

  .references-page-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .references-page-grid-sub-block {
    max-width: 160px;
  }

  .certificates-page-main-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .cetificate-link-block {
    padding: 20px 40px;
  }

  .cetificates-page-h1 {
    font-size: 18px;
    line-height: 24px;
  }

  .certificate-icon-block {
    max-width: 20px;
  }

  .sub-hero-custom-main-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-height: 400px;
  }

  .form-p {
    font-size: 20px;
    line-height: 28px;
  }

  .form-right-block {
    width: 100%;
  }

  .form-text-field-small {
    width: 100%;
    height: 60px;
    font-size: 16px;
    line-height: 24px;
  }

  .form-h1 {
    font-size: 18px;
    line-height: 24px;
  }

  .form-text-field-big {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
    line-height: 24px;
  }

  .form-button {
    height: 60px;
    font-size: 20px;
    line-height: 28px;
  }

  .why-penka-icon-image-block {
    max-width: 100px;
    max-height: 100px;
  }

  .sub-hero-left-block-product-detail {
    max-width: none;
  }

  .projects-page-main-block {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .projects-page-text-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .projects-page-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .nav-dropdown {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 40px;
    font-size: 16px;
  }

  .dropdown-list.w--open {
    padding-left: 10px;
  }

  .dropdown-link {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .footer-h3-link {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-h5-link {
    font-size: 14px;
  }

  .product-detail-page-products-grid-icon-block {
    max-width: 100px;
  }

  .dropdown-list-product.w--open {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .nav-brand {
    max-width: 100px;
  }

  .home-hero-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 140px;
  }

  .hero-grid-video-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .home-hero-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .home-button-icon-block {
    max-width: 10px;
  }

  .home-grid-image-block-link-block {
    flex-flow: column;
  }

  .home-hero-line-block {
    width: 100%;
  }

  .main-section {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .home-page-about-h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .home-about-grid-text-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .home-about-grid-text-sub-block-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .home-page-about-grid-reference-block {
    flex-flow: column;
  }

  .home-references-block {
    grid-template-columns: 1fr 1fr;
  }

  .home-page-about-line-block {
    width: 100px;
  }

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

  .home-page-products-top-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-products-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .product-detail-grid-image-block {
    min-height: 240px;
    max-height: 240px;
  }

  .main-section-video {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .home-products-h3 {
    font-size: 16px;
  }

  .home-products-grid-heading-block {
    max-width: 180px;
  }

  .home-products-grid-icon-block {
    max-width: 60px;
  }

  .home-products-h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .home-products-grid-bottom {
    grid-row-gap: 40px;
  }

  .home-products-bottom-h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .why-penka-top-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: auto auto;
  }

  .why-penka-heading-block {
    text-align: left;
  }

  .why-penka-block-h1, .why-penka-grid-h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .footer-icon-block {
    max-width: 100px;
  }

  .footer-h1 {
    font-size: 16px;
  }

  .footer-sub-block-center {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: auto;
  }

  .footer-center-block-sub-block {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .sub-hero-text-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .sub-hero-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .sub-hero-h2 {
    font-size: 14px;
    line-height: 20px;
  }

  .sub-hero-left-block {
    max-width: 200px;
  }

  .sub-hero-h1-white {
    font-size: 24px;
    line-height: 32px;
  }

  .sub-hero-icon-block {
    max-width: 60px;
    margin-right: 1%;
  }

  .products-page-bottom-h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .products-page-sub-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .products-page-h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .products-page-button-h1 {
    font-size: 14px;
    line-height: 20px;
  }

  .product-detail-sub-block {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .product-detail-sub-block-image-block {
    max-width: 120px;
    max-height: 60px;
  }

  .product-detail-image-grid {
    grid-template-columns: 1fr;
  }

  .sub-hero-top-image-block {
    min-width: 0;
  }

  .contact-text-main-block {
    width: 100%;
  }

  .contact-text-sub-block {
    min-width: 100%;
    padding: 20px;
  }

  .references-page-reference-image {
    max-height: 100px;
  }

  .cetificate-link-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cetificates-page-h1 {
    font-size: 16px;
  }

  .sub-hero-sub-custom-block-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: space-between;
  }

  .sub-hero-custom-h1 {
    font-size: 16px;
    line-height: 20px;
  }

  .form-image-grid {
    grid-column-gap: 8px;
    grid-row-gap: 16px;
  }

  .form-text-field-small {
    font-size: 14px;
    line-height: 20px;
  }

  .form-h1 {
    font-size: 16px;
    line-height: 20px;
  }

  .form-button {
    font-size: 18px;
    line-height: 24px;
  }

  .why-penka-icon-image-block {
    max-width: 60px;
    max-height: 60px;
  }

  .grid-sub-left-block-sub-block-last, .sub-hero-custom-text-block-bottom {
    margin-left: auto;
    margin-right: auto;
  }

  .sub-hero-main-block-product-detail {
    min-height: 700px;
    padding-bottom: 20px;
  }

  .sub-hero-section-colored-product-detail {
    min-height: 700px;
  }

  .projects-page-main-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .projects-page-h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .projects-page-p {
    font-size: 14px;
    line-height: 20px;
  }

  .dropdown-list.w--open {
    padding-left: 10px;
  }

  .product-detail-page-products-grid-icon-block {
    max-width: 60px;
  }

  .dropdown-list-product.w--open {
    padding-left: 10px;
  }
}

#w-node-c9f3adf4-e8b4-2c4b-2a0c-7e291db7b048-0055e4fd {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_581d576c-0a68-78eb-7fa7-def180e605ac-0055e4fd {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_499f5092-1e97-f8e6-cc5b-e0011e998d5b-0055e4fd, #w-node-_4b0ddec0-131b-e4f6-3378-eb6f70e7fe19-0055e4fd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_93c1ee3f-d3d1-1938-a880-75ff45f591fa-0055e4fd, #w-node-_1911e4a2-6fbb-f065-a555-3963878429ba-0055e4fd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d71ab5da-e0c0-7d34-cf52-1dd91f7a0f24-0055e4fd, #w-node-_3de1ee36-209b-774d-69e4-ce6706bc2cb8-0055e4fd, #w-node-_2c2d7a79-9914-6a2a-c3c0-64ded92cf75c-0055e4fd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6e388004-ddcd-b8de-a59d-aa21fe34c656-0055e4fd {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_3d88699a-07a8-d695-73f8-16de9c8650a5-0055e4fd, #w-node-d40def90-950d-e9b3-96da-c813ada6484e-0055e4fd, #w-node-_73851229-b886-8c00-2423-037172a7a644-72a7a642, #w-node-f6230f05-cd01-ce42-37cf-9e0e9d150345-8631b0b6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_641bc1e6-4e82-3cbb-852e-5582696e0601-8631b0b6, #w-node-_641bc1e6-4e82-3cbb-852e-5582696e0608-8631b0b6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_641bc1e6-4e82-3cbb-852e-5582696e060b-8631b0b6, #w-node-_641bc1e6-4e82-3cbb-852e-5582696e0614-8631b0b6, #w-node-_641bc1e6-4e82-3cbb-852e-5582696e061b-8631b0b6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 1025px) {
  #w-node-_6e388004-ddcd-b8de-a59d-aa21fe34c656-0055e4fd {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_3d88699a-07a8-d695-73f8-16de9c8650a5-0055e4fd, #w-node-d40def90-950d-e9b3-96da-c813ada6484e-0055e4fd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3d88699a-07a8-d695-73f8-16de9c8650a5-0055e4fd, #w-node-d40def90-950d-e9b3-96da-c813ada6484e-0055e4fd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_08141e6e-1b24-d113-af6f-f24e3cd4fc38-0055e4fd, #w-node-c9f3adf4-e8b4-2c4b-2a0c-7e291db7b048-0055e4fd, #w-node-_8c3bbe54-8b8d-474b-a662-6710e43a5c67-0055e4fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_27b7f7b1-754a-ee0a-7d8e-ec8a1944cad4-0055e4fd, #w-node-_581d576c-0a68-78eb-7fa7-def180e605ac-0055e4fd, #w-node-_1fe4e22c-eaae-9213-3cbc-9bfeb8d07658-0055e4fd, #w-node-bf34efce-b2a3-c566-87b2-cbabcb30a7fb-0055e4fd, #w-node-a13fc986-91e1-bf5f-1961-148c31beced4-0055e4fd, #w-node-a8ae7e62-4923-85e7-3344-ad3399517644-0055e4fd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6e388004-ddcd-b8de-a59d-aa21fe34c656-0055e4fd {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_3d88699a-07a8-d695-73f8-16de9c8650a5-0055e4fd, #w-node-d40def90-950d-e9b3-96da-c813ada6484e-0055e4fd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_122cca88-1500-44be-2948-ec8220bb9d9e-20bb9d9e {
    grid-row-end: 3;
  }

  #w-node-_122cca88-1500-44be-2948-ec8220bb9daa-20bb9d9e {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_73851229-b886-8c00-2423-037172a7a64a-72a7a642, #w-node-_73851229-b886-8c00-2423-037172a7a64d-72a7a642 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ea55ec95-030c-4ea2-2c9b-978096529687-83fa4b70, #w-node-_84c68d54-2c64-a5cc-8326-3de7db16a576-83fa4b70, #w-node-_3598a845-bc67-6b23-8efc-2f1d56e74050-83fa4b70, #w-node-_70527b0f-e62e-62f4-ac35-09ee24e4f705-83fa4b70, #w-node-_2844228b-6168-6b4e-580f-90f0871aa1b8-83fa4b70, #w-node-_273f6df8-3c88-b496-0c9d-a0c549c04ca5-83fa4b70, #w-node-df31a791-8caf-585d-2664-afb1a0666e29-83fa4b70, #w-node-_22d96cd0-edc6-d073-6a5d-94e5ba604f10-83fa4b70, #w-node-_92ce9bb6-1ae2-5e88-6c27-ae1b7f0eecca-83fa4b70, #w-node-_37041519-dd9d-241e-d6c6-279df4417d62-83fa4b70 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_93c1ee3f-d3d1-1938-a880-75ff45f591fa-0055e4fd, #w-node-_1911e4a2-6fbb-f065-a555-3963878429ba-0055e4fd, #w-node-d71ab5da-e0c0-7d34-cf52-1dd91f7a0f24-0055e4fd, #w-node-_3de1ee36-209b-774d-69e4-ce6706bc2cb8-0055e4fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6e388004-ddcd-b8de-a59d-aa21fe34c656-0055e4fd, #w-node-_3d88699a-07a8-d695-73f8-16de9c8650a5-0055e4fd, #w-node-d40def90-950d-e9b3-96da-c813ada6484e-0055e4fd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ea55ec95-030c-4ea2-2c9b-978096529687-83fa4b70, #w-node-_84c68d54-2c64-a5cc-8326-3de7db16a576-83fa4b70, #w-node-_3598a845-bc67-6b23-8efc-2f1d56e74050-83fa4b70, #w-node-_70527b0f-e62e-62f4-ac35-09ee24e4f705-83fa4b70, #w-node-_2844228b-6168-6b4e-580f-90f0871aa1b8-83fa4b70, #w-node-_273f6df8-3c88-b496-0c9d-a0c549c04ca5-83fa4b70, #w-node-df31a791-8caf-585d-2664-afb1a0666e29-83fa4b70, #w-node-_22d96cd0-edc6-d073-6a5d-94e5ba604f10-83fa4b70, #w-node-_92ce9bb6-1ae2-5e88-6c27-ae1b7f0eecca-83fa4b70, #w-node-_37041519-dd9d-241e-d6c6-279df4417d62-83fa4b70, #w-node-_641bc1e6-4e82-3cbb-852e-5582696e0601-8631b0b6, #w-node-_641bc1e6-4e82-3cbb-852e-5582696e0608-8631b0b6, #w-node-_641bc1e6-4e82-3cbb-852e-5582696e060b-8631b0b6, #w-node-_641bc1e6-4e82-3cbb-852e-5582696e0614-8631b0b6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_08141e6e-1b24-d113-af6f-f24e3cd4fc38-0055e4fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d71ab5da-e0c0-7d34-cf52-1dd91f7a0f24-0055e4fd, #w-node-_3de1ee36-209b-774d-69e4-ce6706bc2cb8-0055e4fd, #w-node-_641bc1e6-4e82-3cbb-852e-5582696e060b-8631b0b6, #w-node-_641bc1e6-4e82-3cbb-852e-5582696e0614-8631b0b6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}