.ruudukko-section .container.wider {
  width: 100%;
  max-width: 1600px !important;
}

.ruudukko-section .ruudukkorow {
  min-height: 40vh;
}

.ruudukko-section .text-content .row {
  min-height: 40vh;
  padding-top: 8%;
  padding-bottom: 8%;
}

.ruudukko-section .container-fluid {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.ruudukko-section .image-content,
.ruudukko-section .video-content {
  position: relative;
}
.ruudukko-section .image-content i.fa.fa-play-circle-o,
.ruudukko-section .video-content i.fa.fa-play-circle-o {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  font-size: clamp(3.13rem, 4.24vw + 2.28rem, 6.25rem);
  transform: scale(1) translate(-50%, -50%);
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
  transition: all 0.3s ease-in-out;
}
.ruudukko-section .image-content:hover i.fa.fa-play-circle-o,
.ruudukko-section .video-content:hover i.fa.fa-play-circle-o {
  transform: scale(1.1) translate(-50%, -50%);
}

.ruudukko-section .image-content {
  padding: 0px;
  overflow: hidden;
}

.ruudukko-section img.nostokuva {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -o-object-position: center center;
     object-position: center center;
  margin: 0;
}
.ruudukko-section .image-content.left-top img.nostokuva {
  -o-object-position: left top;
     object-position: left top;
}
.ruudukko-section .image-content.right-top img.nostokuva {
  -o-object-position: right top;
     object-position: right top;
}
.ruudukko-section .image-content.left-center img.nostokuva {
  -o-object-position: left center;
     object-position: left center;
}
.ruudukko-section .image-content.right-center img.nostokuva {
  -o-object-position: right center;
     object-position: right center;
}
.ruudukko-section .image-content.left-bottom img.nostokuva {
  -o-object-position: left bottom;
     object-position: left bottom;
}
.ruudukko-section .image-content.right-bottom img.nostokuva {
  -o-object-position: right bottom;
     object-position: right bottom;
}
.ruudukko-section .image-content.center-top img.nostokuva {
  -o-object-position: center top;
     object-position: center top;
}
.ruudukko-section .image-content.center-bottom img.nostokuva {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.ruudukko-section .image-content.center-center img.nostokuva {
  -o-object-position: center center;
     object-position: center center;
}

.ruudukko-section .image-content.pystyfix {
  text-align: center;
}
.ruudukko-section .image-content.pystyfix img.nostokuva {
  width: auto;
  height: 100%;
  position: static;
  margin: 0px auto;
}

.ruudukko-section h2.common-sub-heading {
  text-align: left;
}

@media (max-width: 991px) {
  .ruudukko-section .video-content .video-container {
    position: relative;
    padding-bottom: 56.25%;
  }
  .ruudukko-section .video-content .video-container iframe,
  .ruudukko-section .video-content .video-container object,
  .ruudukko-section .video-content .video-container embed,
  .ruudukko-section .video-content .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .ruudukko-section .video-content .video-container {
    width: 100%;
    height: 50vh;
    overflow: hidden;
    position: relative;
  }
  .ruudukko-section .video-content iframe,
  .ruudukko-section .video-content video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 992px) {
  .ruudukko-section .image-content {
    min-height: 400px;
  }
  .ruudukko-section .video-content {
    min-height: auto;
  }
  .ruudukko-section .text-content .row {
    padding: 30px 10px;
    min-height: auto;
  }
}
@media (max-width: 500px) {
  .ruudukko-section .image-content {
    min-height: 270px;
  }
}