body {
  color: #4f4f4f;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding-right: var(--bs-gutter-x, 0rem);
    padding-left: var(--bs-gutter-x, 0rem);
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 0rem;
  padding-right: 0.7rem; 
}

.navbar-nav .nav-item {
  font-size: 0.85rem;
}
.navbar-scroll .nav-link, .navbar-scroll .fa-bars, .navbar-scroll .navbar-brand {
  color: #4f4f4f;
}
.navbar-scrolled {
  background-color: #fff;
}
.navbar-scrolled .navbar-brand, .navbar-scrolled .nav-link, .navbar-scrolled .fa-bars {
  color: #4f4f4f;
}

.logos{
  height: 50px;
  width: 50px;
}
.kcstImgSty{
  width: 100%;
}

#intro {

  /*background-image: url("../img/CERC2023_Theme_.jpg");*/
    background-image: url("../img/CERC_Website_Banner_2024.png");
}
#intro img.cerec2021_logo {
  width: 500px;
  padding-top: 100px;
}
#intro .container {
  width: 300px;
}
a:hover.nav-link {
  color: black;
}
.schedule-tab-content .item .meta .time {
  font-size: 1rem;
}

      /* Map settings */
      .map-container {
        height: 200px;
        position: relative;
      }

      .map-container iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
      }
 
#Recommendations-section h6{
  color: #098dcf;
}

@media (max-width: 1400px) {
  .navbar-nav .nav-item {
    font-size: 0.85rem;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0rem;
    padding-right: 0.7rem; 
}
}

@media (max-width: 1200px) {
  .logos{
    height: 40px;
    width: 40px;
  }

  
  .navbar-nav .nav-item {
    font-size: 0.85rem;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0rem;
    padding-right: 0.7rem; 
}
}

@media (max-width: 990px) {
  .logos{
    height: 40px;
    width: 40px;
  }

  #intro img.cerec2021_logo {
    padding-top: 100px;
  }
}
@media (max-width: 768px) {

  .navbar-expand-lg .navbar-nav .nav-link{
    padding-left:0rem;
    padding-right: 0.7rem; 
  }

  .logos{
    height: 40px;
    width: 40px;
  }
  
  #intro img.cerec2021_logo {
    width: 400px;
    padding-top: 100px;
  }
  .countdown {
    font-size: 4rem;
  }
  @media (max-width: 576px) {
    .logos{
      height: 40px;
      width: 40px;
    }
  
    #intro img.cerec2021_logo {
      width: 250px;
      padding-top: 100px;
    }
    .countdown {
      font-size: 3rem;
    }
  }