.m-media .m-media-inner {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border: .57vw solid var(--beige);
}

.m-media .m-media-inner.hide-lg {
    display: none;
}

.m-media .m-media-inner.video {
    height: 100vh;
}

.m-media .m-media-inner.image {
    height: 62.5vw; /*1080px*/
}

.m-media .m-media-inner .inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.m-media .m-media-inner .inner .left,
.m-media .m-media-inner .inner .right {
    position: absolute;
    display: block;
    width: fit-content;
    height: fit-content;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 2;
}

.m-media .m-media-inner .inner .left {
    left: calc(var(--lateralMargin) - .57vw);
}

.m-media .m-media-inner .inner .right {
    right: calc(var(--lateralMargin) - .57vw);
}

.m-media .m-media-inner .inner .lg {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.m-media .m-media-inner .inner .lg.parallax {
    
}

.m-media .m-media-inner .inner .sm {
	display: none;
}

.m-media .m-media-inner .inner picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.m-media .m-media-inner .inner video,
.m-media .m-media-inner .inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.m-media .m-media-inner .inner .video-control {
    cursor: pointer;
}

.m-media .m-media-inner .inner .video-control:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .35vw;
    text-decoration-color: rgba(255, 255, 255, .6);
}


@media screen and (max-width: 1728px) {

    .m-media .m-media-inner .inner .video-control:hover {
        text-underline-offset: 7px;
    }
}


@media only screen and (max-width: 740px) {
    .m-media .m-media-inner .inner .lg {
        display: none;
    }

    .m-media .m-media-inner .inner .sm {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .m-media .m-media-inner {
        /*max-width: 390px;*/
        height: 75.12vw;
        left: 50%;
        transform: translate(-50%,0);
    }

    .m-media .m-media-inner.hide-lg:not(.hide-sm) {
        display: block;
    }

    .m-media .m-media-inner.hide-sm {
        display: none;
    }

    .m-media .m-media-inner.image,
    .m-media .m-media-inner.video {
        height: 75.12vw; /*293px*/
    }

    .m-media .m-media-inner .inner video,
    .m-media .m-media-inner .inner img {
        border: 2.05vw solid var(--beige); /*8px*/
    }

    .m-media .m-media-inner .inner .left {
        display: none;
    }

    .m-media .m-media-inner .inner .right {
        font-size: .916rem;
        right: 6.15vw; /*24px*/
    }
}


@media only screen and (max-width: 550px) {
    .m-media .m-media-inner .inner video,
    .m-media .m-media-inner .inner img {
        border: 8px solid var(--beige);
    }

    .m-media .m-media-inner .inner .right {
        right: 24px;
    }
}