header {
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background: #000;
}
/* body {
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background: #000;
} */

nav {
    position: fixed;
    z-index: 999999999999999999999999999;
    /* top: 0; */
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
    color: #fff;
}

nav a {
    /* padding: 2em; */
    text-decoration: none;
    color: #FFF;
    /* color: #F40212; */
    font-size: 16px
}

#showreel {
    position: absolute;
    /* position: absolute; */
    text-decoration: none;
    color:#fff;
    top: 20px;
    /* bottom: 0; */
    /* right: 1600px; */
    right: 100px;
    /* right: 0; */
    padding: 2em 1em;
    font-size: 16px;
    z-index: 9999999999999999999;
}

.slider {
    /* background-color: green; */
    /* width: 200%; */
    margin-top:20px;
    width: 100%;
    height: 90%;
    /* height: 650px; */
    cursor: grab;
}

.slider-wrapper {
    white-space: nowrap;
    height: 100%;
    /* background-color: blue; */

    width: 100%;
}

.slider-item {
    display: inline-block;
    /* width: 300px; */
    width: 30vw;
    height: 100%;
    /* padding: 10px; */
    /* background-color: aquamarine; */
    /* padding: 3vw; */
}

.slider-item figure {
    position: relative;
    /* padding-bottom: 50%; */
    /* margin: 5vh auto; */
    /* padding-bottom: 50%; */
    /* overflow: hidden; */

    height: 100%;
}

.slider-item figure img {
    position: absolute;
    width: 100%;
    object-fit: contain;

    height: 100%;
}

.slider-progress {
    position: fixed;
    bottom: 0;
    left: 0;
    width:60vw;
    /* width: 20vw; */
    height: 2px;
    margin: 2em;
    background: rgba(255, 255, 255, .1);
}

.slider-progress-bar {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    transform: scaleX(0);
    transform-origin: 0 0;
}

@media screen and (max-width: 2500px) {
    .mobile-draggable-slider-nav {
        margin-top: -20px;
    }
}

@media(max-width: 1025px) {

    /* nav {
        width: auto;
    } */
    .slider {
        /* height: 100%; */
        height: 700px;
    }

    .slider-item {
        width: 40vw;
        height: 100%;
    }
    .slider-item figure img {
        max-height: 100%;
    }
}
@media(max-width: 768px) {

    .mobile-draggable-slider-nav {
        display: none;
    }
    .slider-item {
        width: 65vw;
    }
}

@media(max-width: 500px) {
/* 
    .mobile-draggable-slider-nav {
        margin-top: -5px !important;
    } */

    /* nav {
        padding: 0;
        top: 40px;
        left: 53%;
        transform: translateX(-50%);
        gap: 10px;
    } */

    .slider-item {
        width: 125vw;
        width: 100vw; 
    }
}