/*********
 SlideShow
 *********/

.slideShow-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.slide.active {
    display: block;
}

.slideShow-container .next-slideShow, .slideShow-container .previous-slideShow {
    display: none;
}

@media (max-aspect-ratio: 4/3) {
    .slide {
        width: auto;
        display: none;
    }
    .slide.active {
        display: block;
    }
    .slideShow-container .next-slideShow, .slideShow-container .previous-slideShow {
        position: absolute;
        display: block;
        top: 50%;
        transform: translate(0, -50%);
    }
    .slideShow-container .next-slideShow {
        right: -6vmin;
    }
    .slideShow-container .previous-slideShow {
        left: -6vmin;
    }

}