.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

  .navbar {
      background-color: #000000;
  }
  .navbar button {
    background-color: #302b63 !important;
}

.navbar button:hover {
  background-color: #0f0c29 !important;
}

.heading-text {
    color: #ffffff;
}

.emaillink a {
    color: inherit;
    text-decoration: none;
}

  #bussInfo {
    color: white;
    opacity: 70%;
  }

  #firstContainer {
      background-image: linear-gradient(#000000, #0096FF);
      /*background-image: linear-gradient(#2C3333, #3AB4F2 ,#0096FF);*/
      color: black;
  }

  #firstContainer img {
      border: 1px solid black;
      border-radius: 5%;
      width: 30%;
  } 

  .card {
    border: 1px solid #0096ff;
  }

  .card img {
    height: 300px;
  }
  
h1 {
    color: #0096ff; /* primary color */
  }

  .card a, button {
    background-color: #0096ff !important; /* primary color */
  }

  .card a:hover {
    background-color: #003f9b !important; /* primary hover color */
  }

  button:hover {
    background-color: #003f9b !important; /* primary hover color */
  }




  /* gallery start */

  .gallery {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
  }

  .pic {
    position: relative;
    height: 200px;
    cursor: pointer;
  }

  .pic img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
  .pic img:hover {
    filter: grayscale(100%);
    transform: scale(1.04);
  }

  @media (max-width: 700px) {
    .gallery {
      width: 90%;
      margin: auto;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10px;
    }
  }


        /* gallery 2 */
        .carousel {
  position: relative;
}
.carousel-item img {
  object-fit: cover;
}
#carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: 0;
  left: 0;
  padding: 0 50px;
  right: 0;
}
#carousel-thumbs img {
  border: 5px solid transparent;
  cursor: pointer;
}
#carousel-thumbs img:hover {
  border-color: rgba(255,255,255,.3);
}
#carousel-thumbs .selected img {
  border-color: #fff;
}
.carousel-control-prev,
.carousel-control-next {
  width: 50px;
}
@media all and (max-width: 767px) {
  .carousel-container #carousel-thumbs img {
    border-width: 3px;
  }
}
@media all and (min-width: 576px) {
  .carousel-container #carousel-thumbs {
    position: absolute;
  }
}
@media all and (max-width: 576px) {
  .carousel-container #carousel-thumbs {
  background: rgba(197, 197, 197, 0.425);
  height: 5%;
  }

}

/* My CSS */

.carousel-inner img {
  width: auto;
  height: 300px;
}

@media (min-width:900px) {
  .carousel-inner img {
    width: 100%;
    height: 500px;
  }
  
}

#carousel-thumbs img {
  width: 100%;
  height: 100px;
}

  /* gallery end */



  footer {
    background-color: black;
    color: white
  }

  footer a {
    text-decoration: none;
    color: chartreuse;
  }



    /* .gallery {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  } */