@media (max-width: 768px) {

  .hero-img {
    height: 70vh;
  }

  .carousel-caption {
    bottom: 20%;
    text-align: center;
    padding: 0 15px;
  }

  .carousel-caption h1 {
    font-size: 1.8rem;
  }

  .carousel-caption p {
    font-size: 1rem;
  }

  .carousel-caption .btn {
    font-size: 0.9rem;
    padding: 8px 16px;
  }
}

@media (max-width: 768px) {
  .navbar-collapse {
    background-color: white;
    padding: 15px;
  }

  .navbar-collapse .nav-link {
    margin: 5px 0;
  }
}

@media (max-width: 575px) {
  .top-info-bar .contact-info span:nth-child(2) {
    display: none; /* hide email on tiny screens */
  }
}