.section-div {
    padding: 20px;
    border-bottom: 0.5px solid #ffffff;
}

ul.leaders {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
}

ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . ";
}

ul.leaders span:first-child {
    padding-right: 0.33em;
}

ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
}

.navbar {
    transition: all 0.3s ease-in-out;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.musicians-titles {
    font-style: italic;
    font-weight: 600;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
}

.section-title {
    padding-bottom: 25px;
}

.footer {
    display: flex;
}

@media only screen and (min-width:576px) {
    .footer-sm {
    }
}

@media (max-width:575px) {
    .footer-sm {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
}

@media (min-width:576px) {
    .footer-lg {
        justify-content: space-between;
    }
}

.scene-title {
    margin-top: 16px;
}

.piece-div {
    display: flex;
    align-items: flex-end;
    padding-top: 10px;
}

.creative-names {
    padding-top: 9px;
    font-weight: 600;
    margin-bottom: 0px;
}

.creative-dept {
    font-weight: lighter;
    font-style: italic;
}