.m-featured .m-featured-inner {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: fit-content;
    /*padding: var(--paddingTop) 0 var(--paddingBottom);*/
    padding:
        calc( var(--paddingTop) * var(--vwTransform) ) 
        0
        calc( var(--paddingBottom) * var(--vwTransform) );
}

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

.m-featured .m-featured-inner .inner {
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 43.51vw; /*752px*/
    height: fit-content;
    background-color: var(--background-color);
    padding: 6.77vw 0 7.407vw; /*117px 0 128px*/
    row-gap: 3.99vw; /*69px*/
}

.m-featured .m-featured-inner .inner .title,
.m-featured .m-featured-inner .inner .text {
    position: relative;
    display: block;
    width: 30.55vw; /*528px*/
}

.m-featured .m-featured-inner .inner .title {
    width: 38.55vw;
}

.m-featured .m-featured-inner .inner .media {
    position: relative;
    display: block;
    width: 14.58vw; /*252px*/
    height: 17.12vw; /*296px*/
    border: .46vw solid var(--beige); /*8px*/
}

.m-featured .m-featured-inner .inner .ctas {
    margin-top: .46vw; /*8px*/
    justify-content: center;
}

.m-featured .m-featured-inner .inner .ctas .cta:hover {
    color: var(--background_color);
    background-color: var(--font_color);
    border-color: var(--font_color);
}


@media only screen and (max-width: 740px) {
    .m-featured .m-featured-inner {
        padding:
            calc( var(--paddingTopSM) * var(--vwTransform) ) 
            0
            calc( var(--paddingBottomSM) * var(--vwTransform) );
    }

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

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

    .m-featured .m-featured-inner .inner {
        width: 91.79vw; /*358px*/
        padding: 17.17vw 0 16.41vw; /*67px 0 64px*/
        row-gap: 12.3vw; /*48px*/
    }

    .m-featured .m-featured-inner .inner .title,
    .m-featured .m-featured-inner .inner .text {
        width: 75.38vw; /*294px*/
    }

    .m-featured .m-featured-inner .inner .media {
        width: 54.1vw; /*211px*/
        height: 63.58vw; /*248px*/
        border: 2.05vw solid var(--beige); /*8px*/
    }

    .m-featured .m-featured-inner .inner .ctas {
        align-items: center;
        margin-top: .51vw; /*2px*/
    }
}


@media only screen and (max-width: 550px) {
    .m-featured .m-featured-inner {
        padding:
            calc( var(--paddingTopSM) * 1px ) 
            var(--lateralMargin) 
            calc( var(--paddingBottomSM) * 1px );
    }

    .m-featured .m-featured-inner .inner {
        width: 100%;
        padding: 67px 0 64px;
        row-gap: 48px;
    }

    .m-featured .m-featured-inner .inner .title,
    .m-featured .m-featured-inner .inner .text {
        width: 100%;
        /*max-width: 290px;*/
        padding: 0 32px;
    }

    .m-featured .m-featured-inner .inner .media {
        width: 211px;
        height: 248px;
        border: 8px solid var(--beige);
    }

    .m-featured .m-featured-inner .inner .ctas {
        margin-top: 2px;
    }
}