/* ===================================
    Grupo Armenta block
    First block
====================================== */
.hashtag-hacemos-grupo {
     font-size: 14px;
     position: relative;
     z-index: 2;
     left: 8px;
     text-transform: uppercase;
     transform: rotate(-90deg);
}
.title-ga-float-grupo {
     position: relative;
     left: -130px;
     z-index: 3;
}
/* ===================================
    parallax
====================================== */

   .section {
     position: absolute;
     width: 100%;
     height: 100vh;
     overflow: hidden;
     clip: rect(0, auto, auto, 0);
   }
   .section .fixed {
     overflow: hidden;
     position: fixed;
     top: 50%;
     left: 50%;
    }
   
   .section:nth-child(2) {
     background-color: #fff;
     color: #000;
     top: 0;
     z-index: 1;
   }
   .section:nth-child(2) .fixed {
     transform: translate(-50%, -50%);
   }
   
   .section:nth-child(3) {
     box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
     background: linear-gradient(89.94deg, #1C7FBE 0.04%, #833C8F 99.95%);
     color: #fff;
     top: 100vh;
     z-index: 2;
   }
   .section:nth-child(3) .fixed {
     transform: translate(-50%, -50%);
   }
   
   .section:nth-child(4) {
     box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
     background: linear-gradient(90.6deg, #17A8BF 0.53%, #303083 99.48%);
     color: #fff;
     top: 200vh;
     z-index: 3;
   }
   .section:nth-child(4) .fixed {
     transform: translate(-50%, -50%);
   }
   
   .section:nth-child(5) {
     box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
     background: linear-gradient(90.6deg, #035AA6 0.53%, #7A2DB1 99.48%);
     color: #fff;
     top: 300vh;
     z-index: 4;
   }
   .section:nth-child(5) .fixed {
     transform: translate(-50%, -50%);
   }
   
   .section:nth-child(6) {
     box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
     /* background: linear-gradient(94.86deg, #512D88 4.63%, #17A8BF 96.8%); */
     background: linear-gradient(94.86deg, #512D88 19.89%, #17A8BF 96.8%);
     color: #fff;
     top: 400vh;
     z-index: 5;
   }
   .section:nth-child(6) .fixed {
     transform: translate(-50%, -50%);
   }

   .section:nth-child(7) {
     box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
     background: #ffffff;
     top: 500vh;
     z-index: 6;
   }
   .section:nth-child(7) .fixed{
     transform: translate(-50%, -100%);
   }

   .section:nth-child(7) .fixed-bottom{
     transform: translate(0%, 0%);
   }

/* md */
@media (max-width: 991px) {

  .section {
    position: initial;
    width: 100%;
    height: initial;
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 50px;
  }

  .section .fixed {
    overflow: hidden;
    position: initial;
    top: 50%;
    left: 50%;
  }

  .section:nth-child(2) .fixed,
  .section:nth-child(3) .fixed,
  .section:nth-child(4) .fixed,
  .section:nth-child(5) .fixed,
  .section:nth-child(6) .fixed,
  .section:nth-child(7) .fixed {
    transform: translate(0%, 0%);
  }

  .fixed-bottom {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
  }

  .container-fluid {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px;
    padding-left: 0px;
  }
  .container-fluid .fixed {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}