/* ----------------------------------------------------------------
Custom CSS

Add all your Custom Styled CSS here for New Styles or
Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
.logo-img{
  width:100%;
}
.hero-unit {
  background: none;
  min-height: 720px;
  height: 100vh;
}
/* -Particles- */
#particles-web {
  position: absolute;
  top: 0;
  background: none;
  height: 100%;
  width: 100%;
}
/* -Hero Image Caption- */
.hero-caption {
  display: block;
  position: relative;
  margin-top: 40vh;
  color: #222;
  text-shadow: none;
  padding: 20px;
  z-index: 5;
  text-align: center;
}
.hero-caption h1 {
  font-weight: 300;
  font-size: 3rem;
  font-family: Raleway, sans-serif;
}
.hero-caption h5 {
  max-width: 70%;
  margin: 20px auto;
  font-weight: 200;
}

@media (max-width: 991.98px) {
  .hero-caption{
    margin-top: 20vh;
  }
}