img#banner-specialty {
    max-height: 150px !important;
    max-width: 370px;
    margin: -15px 0;
}

div.banner-container {
    background: transparent !important;
}

.banner-image {
    display: flex;
    justify-content: center;
}

.banner-image img {
   width: 70% !important;
}

.btn-default {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box; /* optional but ensures padding/border is included in width */
}

/* Desktop and tablet */
@media (min-width: 768px) {
    .navbar-center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        white-space: nowrap;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .navbar-center {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
        overflow-x: auto;
    }
}

.slideshow-image {
  width: 100%;
  padding-top: 70% !important; /* aspect ratio */
  background-image: url('https://automanagerprodcdn.azureedge.net/wmclients/041055/images/slideshow/camersandmore1.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}