:root {
    --gallery-bg-color: #e0e0e0;
}

body {
    margin:0;
}

.slide-gallery {
    width:100vw;
    !background-color: red;
    !height:80vh;
    height:100%;
    overflow:hidden;
    overflow-x: scroll;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    animation: 1.5s ease-out 0s 1 slideInFromRight;
}

.slide-gallery img, .slide-gallery picture {
    width:auto !important;
    max-width:none !important;
    min-height: 100%;
    max-height: 100%;
}
.slide-gallery img:not(:first-child) {
    padding-left:20px;
}

.slide-gallery section.description {
    width:60%;
    padding:20px;
    font-size:16px;
    line-height: 1.5;
    height:100%;
}

.slide-gallery section.description header {
    font-size:1em;
}

@media (min-width: 960px) {

    .slide-gallery img, .slide-gallery picture {
        width:auto !important;
        max-width:none !important;
        min-height: 90%;
        max-height: 90%;
    }

    .slide-gallery section.description {
        width:50%;
        font-size:16px;
        font-family: "Source Serif Pro", sans-serif;
        font-family: "Quattrocento Sans", sans-serif;
        color: #4f4f4f;
        margin:10px 0px 0 0px;
        padding:20px 40px 20px 0px;
    }

    .slide-gallery section.description header {
        padding-top:40px;
        font-size:1.2em;
        font-weight: bold;
        font-family: "Source Sans Pro", sans-serif;
        font-family: "Quattrocento Sans", sans-serif;
    }
}