.site__destaque {
  -webkit-animation: fadeIn 1s;
}
.site__novidade {
  -webkit-animation: bounceInDown 1s;
  -webkit-animation-delay: .1s;
  position: absolute;
  margin-left: 10%;
  top:10px;
}
.site__mao {
  -webkit-animation: bounceInUp 1s;
  -webkit-animation-delay: .1s;
  margin-left: 10%;
  position: absolute;
  top:20px;
}
.site__logo {
  -webkit-animation: rollIn 1s;
  -webkit-animation-delay: .1s;
  margin-left: 10%;
  position: absolute;
  top:30px;
}
.site__video {
  -webkit-animation: fadeInLeft 1s;
  -webkit-animation-delay: .1s;
  margin-left: 10%;
  position: absolute;
  top:0px;
}
@media screen and (max-width: 1370px) {
  .site__video {
    -webkit-animation: fadeInLeft 1s;
    -webkit-animation-delay: .1s;
    margin-left: 10%;
    margin-top:10px;
  }
}
.site__video a:hover{
  text-decoration: none;
  filter:brightness(130%);
}
.site__destaque img {
  width:100%;
}
.site__novidade img{
  width:90%;
}
.site__mao img{
  width:90%;
}
.site__logo img{
  width:90%;
}
.site__video img{
  width:98%;
}
@media screen and (max-width: 1370px) {
  .site__video img{
    width:90%;
  }
}
@media screen and (max-width: 960px) {
  .site__novidade {
    -webkit-animation: bounceInDown 1s;
    -webkit-animation-delay: .1s;
    position: absolute;
    margin-left: 0px;
    top:0px;
  }
  .site__mao {
    -webkit-animation: bounceInUp 1s;
    -webkit-animation-delay: .1s;
    margin-left: 10px;
    position: absolute;
    top:20px;
  }
  .site__logo {
    -webkit-animation: rollIn 1s;
    -webkit-animation-delay: .1s;
    margin-left: 0px;
    position: absolute;
    top:-10px;
  }
  .site__video {
    -webkit-animation: fadeInLeft 1s;
    -webkit-animation-delay: .1s;
    margin-left: -10px;
    position: absolute;
    top:-10px;
  }
  .site__destaque img {
    width:100%;
  }
  .site__novidade img{
    width:100%;
  }
  .site__mao img{
    width:80%;
  }
  .site__logo img{
    width:100%;
  }
  .site__video img{
    width:100%;
  }
}

/*-----------------------------------*\
  $ANIMATIONS
\*-----------------------------------*/

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}