#symposium-banner {
	background-image: url("../img/symposium/banner-logo.png");
    max-height: 250px;
}


#dot-logo {
    height: 170px;
}

#nova-logo {
    height: 230px;
}

@media only screen and (max-width: 1500px) {
    #symposium-banner {
        height: 200px;
    }
}

@media only screen and (max-width: 1000px) {
    #symposium-banner {
        height: 100px;
    }
}

@media only screen and (max-width: 768px) {
    #symposium-banner {
        height: 100px;
        padding: 0px !important;
        background-position: right;
    }
}

@media only screen and (max-width: 485px) {
    #symposium-banner {
        background-position: right;
    }

    #dot-logo {
        height: 100px;
    }
}



/* Class is used to make the page jump to a adjusted position which takes
 * the fixed navbar into account */
a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.speaker-card {
    width: 20rem;
}

.speaker-card img {
    object-fit: cover;
    height: 20rem;
}

header {
    margin: 0px;
}

.time-title {
    font-size: 19px;
    display: block;
}

/* Carousel Container */
.carousel {
    width: 100%;
    max-width: 600px;
    overflow: hidden;
    margin: 0 auto;
    border: 2px solid #ddd;
    position: relative;
  }
  
  /* Carousel Track */
  .carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    transform: translateX(0);
  }
  
  /* Carousel Items */
  .carousel-item {
    min-width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 200px;
    height: 200px;
    background-color: #f0f0f0;
    border-right: 1px solid #ccc;
  }
  
  /* To handle the last item border */
  .carousel-item:last-child {
    border-right: none;
  }