#issue-list {
    background-color: var(--pattensBlue);
    color: var(--black);
}

#issues-slideshow {
    color: var(--black);
    display:block;
    margin:auto;
 }

.issue-slide-show-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
}

#issues-slideshow-menu {
    grid-column: 1 / span 3;
    grid-row: 1 / span 1;
    justify-self: center;
    margin: 1em;
}

#slide-show-grid {
    grid-column: 1 / span 3;
    grid-row: 2 / span 1;
}

#previous-button, #next-button {
    align-self: center;
    grid-row: 1 / span 2;
    width: 2.75em;
}

#previous-button {
    grid-column: 1 / span 1;
}

#next-button {
    grid-column: 3 / span 1;
}

#image-container {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}

#issue-active-image {
    margin: auto;
    max-width: 100%;
}

video {
    display: block;
    margin: auto;
}

#issue-active-video {
    display: none;
    max-width: 100%;
    max-height: 30em
}

#issue-slide-show-details {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    padding-left: .75em;
    padding-right: .75em;
}

#issues-something-to-consider {
    background-color: var(--silkBlue);
    color: var(--white);
    margin: 0;
    padding: 0;
}

@media only screen
and (min-width: 1024px) {

    #issues-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen
and (min-width: 1440px) {

    #about-container {
        display: block;
    }
}