body {
  margin-top: 105px;
}

.navbar {
  box-shadow: 2px 2px 5px #9bc7f3;
  opacity: 0.9;
  background: rgb(0, 0, 0);
}
.navbar .nav-item {
  font-size: 1.4rem;
  padding-right: 1.4rem;
}

#showcase {
  position: relative;
  background: url('../img/background.jpeg');
  min-height: 600px;
}

#showcase .primary-overlay {
  background: rgba(147, 228, 245, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#showcase img {
  width: 90%;
  height: 90%;
}

#contact .primary-overlay {
  background: rgba(147, 228, 245, 0.8);
  position: relative;
}

@media (max-width: 576px) {
  #showcase {
    min-height: 600px;
  }
}

@media (max-width: 768px) {
  #showcase {
    min-height: 950px;
  }
}