body, html {
  height: 100%;
  width: 100%;
}
.content, .home-content {
  margin: 40px auto;
  width: 70%;
}
footer {
  padding: 80px 40px;
}
.headline {
  height: 500px;
  width: 100%;
  top: -56px;
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 0 5em 1em #000;
}
.headline img {
  position: absolute;
  top: -580px;
  width: 100%;
  z-index: -1;
}
header {
  position: relative;
  width: 100%;
}
header > a > img.header, .home-header > a > img.header {
  display: block;
  max-height: 180px;
  width: 100%;
}
header > nav, .home-header > nav {
  background-color: white;
  -moz-box-shadow:    1px 1px 1px 1px #ccc;
  -webkit-box-shadow: 1px 1px 1px 1px #ccc;
  box-shadow:         1px 1px 1px 1px #ccc;
}
.home.navbar {
  top: 300px;
  z-index: 2;
}
.logo {
  display: block;
  left: -370px;
  margin: auto;
  position: relative;
  top: -70px;
  width: 180px;
}
.home-header {
  margin: auto;
  position: relative;
}
.home-logo {
  left: -150px;
  position: absolute;
  top: 250px;
}
.mobile-logo {
  margin-left: 40%;
  position: absolute;
}
.navbar-light .navbar-nav a.nav-link {
  color: rgb(235,85,85);
}
.navbar {
  font-weight: 700;
  margin: auto;
}
.navbar-nav {
  margin: auto;
}
.overlay span {
  background: rgba(60, 60, 60, .6);
  color: white;
  font-size: 20px;
  padding: 10px 20px;
  position: absolute;
  left: 19%;
  top: 60px;
}
.overlay {
  margin: 5px;
  height: 140px;
  max-width: 200px;
  width: 200px;
}
.overlay img {
  width: 200px;
}
.row {
  margin-top: 40px;
}
@media (min-width: 650px) {
  .home.navbar, .navbar {
    width: 600px;
  }
  li.nav-item {
    margin: 0 15px;
  }
}
@media (min-width: 992px) {
  .content {
    position: relative;
    top: -120px;
  }
  .navbar {
    top: -180px;
  }
  .mobile-logo {
    display: none;
  }
}
@media (max-width: 991px) {
  .logo, .home-logo {
    display: none;
  }
  .navbar {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .headline img {
    width: 600px;
  }
}
@media (min-width: 600px) {
  .why-row {
    width: 420px;
  }
}
@media (max-width: 600px) {
  .why-row {
    width: 240px;
  }
}
@media (min-width: 700px) {
  .home-header {
    width: 700px;
  }
}
@media (max-width: 800px) {
  .headline {
    height: 300px;
  }
  .headline img {
    top: 0px !important;
  }
}
@media (min-width: 1200px) {
  .why-row {
    width: 840px;
  }

}
@media (max-width: 1200px) {
  .headline img {
    top: -100px
  }
}
@media (max-width: 1500px) {
  .headline img {
    top: -200px
  }
}
.why-row {
  margin: auto;
}