/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  padding: 10rem 2rem;
    position: relative;
    background: url("../img/hero-bg.jpg") center center no-repeat;
    background-size: cover;
  }


  #hero .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
  }
  
  @media (min-width: 1200px) {
    /* #hero {
      background-attachment: fixed;
    } */
  
    #hero .hero-img {
      margin-right: 4rem;
    }
  
  }
  
  @media (max-width: 991px) {
    #hero {
      text-align: center;
    }
  
    #hero .container,
    #hero .container-fluid {
      padding-top: 68px;
    }
  
    #hero .animated {
      -webkit-animation: none;
      animation: none;
    }
  
    #hero .hero-img {
      text-align: center;
    }
  
    #hero .hero-img img {
      width: 50%;
    }
  }
  
  @media (max-width: 768px) {
  
    #hero .hero-img img {
      width: 60%;
    }
  }
  
  @media (max-width: 575px) {
    #hero .hero-img img {
      width: 80%;
    }
  }
  
  @media (max-width: 575px),
  (max-height: 600px) {
    #hero {
      height: auto;
    }
  }
  
  @-webkit-keyframes up-down {
    0% {
      transform: translateY(10px);
    }
  
    100% {
      transform: translateY(-10px);
    }
  }
  
  @keyframes up-down {
    0% {
      transform: translateY(10px);
    }
  
    100% {
      transform: translateY(-10px);
    }
  }