/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  padding: 13rem 2rem;
  position: relative;
  background: url("../img/hero-bg.jpg") center center no-repeat;
  background-size: cover;  
  height: 100vh;
  border-radius: 0 0 45px 45px;
}


@media (min-width: 1200px) {
 
  #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: 80%;
  }
}

@media (max-width: 768px) {

  #hero .hero-img img {
    width: 70%;
  }
}

@media (max-width: 575px) {
  #hero .hero-img img {
    width: 100%;
  }
}

@media (max-width: 575px),
(max-height: 600px) {
  #hero {
    height: 550px;
  }

  #hero .container{
    padding-top: 0;
  }
}