.module-hero-pages .hero-title{
  position: relative;
  left:-100%;
  -webkit-animation:from-left 1.2s ease-in-out forwards;
  animation:from-left 1.2s ease-in-out forwards;
  -webkit-animation-delay:.6s;
  animation-delay:.6s;
}
.img-hero-pages{
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  position: relative;
  -webkit-animation:from-top 1.5s ease-in-out forwards;
  animation:from-top 1.5s ease-in-out forwards;
  -webkit-animation-delay:.6s;
  animation-delay:.6s;
}

.module-hero-pages  .intro p{
  font-size: 2.5rem;
  margin-bottom: 0;
}



@-webkit-keyframes from-left{from{left:-100%;opacity:0}to{left:0;opacity:1}}
@keyframes from-left{from{left:-100%;opacity:0}to{left:0;opacity:1}}

@-webkit-keyframes from-top{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}
@keyframes from-top{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}


@media (max-width: 992px){
  .module-hero-pages .hero-title .intro{
    font-size:calc(2.5rem/1.2);  
  }



}

@media (max-width: 768px){
    .img-hero-pages{
    animation: none;
    -webkit-animation: none;
    -webkit-animation-delay:0s;
    animation-delay:0s;
    top: 0%;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }

  .module-hero-pages .hero-title{
    position: relative;
    left: 0%;
    animation: none;
    -webkit-animation: none;
    -webkit-animation-delay:0s;
    animation-delay:0s;
  }
  
  .img-hero-pages{
    margin: 0 auto;
    margin-top: 4rem;
  }
}

@media (max-width: 480px){
  .module-hero-pages .intro p{
    font-size: 2rem;
  }
}