html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    color: aliceblue;
    margin: 0 auto;
    background: rgba(28,34,49,1.0);
}

.header-div {
    /*background-image: url('https://img.ablcomputer.com/images/shsband/header-back.jpg');*/
    background-image:
            linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1) 100%),
            url('https://shsband.net/images/shsband/header-back.jpg');
    background-size: 100% 95%;
    background-position: top;
    background-repeat: no-repeat;
    width: 100%;
    aspect-ratio: 1009/332;
    max-height: 500px;
}
@media screen and (min-width: 2000px) {
    .header-div {
        max-height: calc(500px + 4vw);
    }

}

.header-logo {
    width: 65vw;
    max-width: 950px;
    max-height: 200px;
    aspect-ratio: 4000/580;
}
@media screen and (max-width: 800px) {
    .header-logo {
        width: 90vw;
        max-width: 1600px;
        max-height: 90px;
        aspect-ratio: 4000/580;
    }

}

.my-navbar{
    /*background: linear-gradient(to right, #374362, transparent);*/
    background: linear-gradient(to bottom, lightgray, transparent);
    color: white;
}
.my-navbar-link{
    color: white;
}