.navbar .nav-link {
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 1rem !important;
  padding-right: 1ren !important;
}

.navbar .nav-link.active .nav-link .active {
  border-left: #eee 3px solid;
  color: #720b87;
}

.dark-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #4545ec;
}

#showcase {
  position: relative;
  min-height: 400px;
}
#showcase .primary-overlay {
  background: rgba(106, 169, 241, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#showcase .carousel-item {
  height: 400px;
}
#showcase .carousel-image-1 {
  background: url('../img/image1.jpg');
  background-size: cover;
}
#showcase .carousel-image-2 {
  background: url('../img/image2.jpg');

  background-position: 0 -40px;
  background-size: cover;
}
#showcase .carousel-image-3 {
  background: url('../img/image3.jpg');
  background-size: cover;
}

#home-heading {
  position: relative;
  min-height: 200px;
  background: url('../img/lights.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
}

#page-header {
  height: 200px;
  background: url('../img/image1.jpg');
  background-position: 0 -360px;
  background-attachment: fixed;
  color: #fff;
  border-bottom: 1px #eee solid;
  padding-top: 50px;
}

#page-header2 {
  height: 310px;
  background: url('../img/bg22.jpg');
  background-position: 0 -180px;
  background-attachment: fixed;
  color: #fff;
  border-bottom: 1px #eee solid;
  padding-top: 50px;
}

#page-header3 {
  height: 350px;
  background: url('../img/bg3.jpg');
  background-position: 0 -100px;
  background-attachment: fixed;
  color: #fff;
  border-bottom: 1px #eee solid;
  padding-top: 50px;
}
#page-header4 {
  height: 400px;
  background: url('../img/bg4.jpg');
  background-position: 0 -160px;
  background-attachment: fixed;
  color: #fff;
  border-bottom: 1px #eee solid;
  padding-top: 50px;
}

@media (max-width: 768px) {
  #showcase {
    min-height: 500px;
  }
  #showcase h1 {
    font-size: 4rem;
  }

  .mb-resp {
    margin-bottom: 1rem;
  }
}
