body {
  overflow-x: hidden; }

.Cubes {
  font-size: 25px;
  width: 100%;
  max-width: 1296px;
  position: relative;
  /* margin: 0 auto; */ }
  @media (max-width:1399px) {
    .Cubes {
      font-size:16px;
    }
      h2 {
          font-size:24px;
      }
      .btn {
          font-size:16px;
      }
  }
  @media (max-width:1199px) {
    .Cubes {
      font-size:14px;
    }
      h2 {
          font-size:20px;
      }
      .btn {
          font-size:12px;
      }
  }
  
  @media (max-width:1139px) {
    .Cubes {
      font-size:24px;
    }
      h2 {
          font-size:48px;
      }
      .btn {
          font-size:20px;
      }
  
  }

/*   .Cubes img {
    display: block;
    max-width: 100%; } */
  .Cubes * {
    box-sizing: border-box; }
  .Cubes::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.CubeWrapper {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  float: left;
  height: 0;
  padding-bottom: 50%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  position: relative;
  width: 50%;
  z-index: 1; }
  .CubeWrapper:hover {
    z-index: 10; }
/* 
@media (min-width: 600px) {
  .CubeWrapper {
    padding-bottom: 33.3333333333%;
    width: 33.3333333333%; } }

@media (min-width: 1000px) {
  .CubeWrapper {
    padding-bottom: 25%;
    width: 25%; } }
 */

 @media (max-width:1139px) {
  .CubeWrapper {
    width: 100%;
    padding-bottom: 100% !important; /* make it cubic */
    height: 0;
  }
 }
@media (min-width:1140px) {
 .CubeWrapperText {
  height:100%;
 }
}

.Cube {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  width: 100%; }

.Cube-side {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  background: #066FA5;
  color: #fff;

}

.Cube-side--second {
  display: none; }

/*
Set via JavaScript
---------------------------

.Cube-side--front {
	transform: translate3d(0, 0, 0);
}

.Cube-side--top {
	transform: rotateX(90deg) translate3d(0, $size / -2, $size / 2);
}

.Cube-side--bottom {
	transform: rotateX(-90deg) translate3d(0, $size / 2, $size / 2);
}

.Cube-side--left {
	transform: rotateY(-90deg) translate3d($size / -2, 0, $size / 2);
}

.Cube-side--right {
	transform: rotateY(90deg) translate3d($size / 2, 0, $size / 2);
}

.Cube-side--back {
	transform: rotateY(180deg) translate3d(0, 0, $size);
}
*/