@media screen and (min-width:40em){
    .mobile_wrapper {
        background-color: #000000;
        position: relative;
        height: 100vh;
        width: 100vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .mobile_wrapper_inner{
        position: relative;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 20rem; 
        box-shadow: 0 0 2rem rgba(255,255,255,0.3);
        border-radius: 3rem;
    }

    .mobile_wrapper_inner[data-ratio] > img {
        position: relative; top: 0; left: 0;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        z-index: 20; pointer-events: none;
    }

    .mobile_wrapper_inner[data-ratio].adjust_to_width > img {
        width: auto; max-width: auto;
        height: 100%; max-height: 100%;
    }
    .mobile_wrapper_inner[data-ratio].adjust_to_height > img {
        width: 100%; max-width: 100%;
        height: auto; max-height: auto;
    }

    .mobile_wrapper .mobile_wrapper_inner .wrapper,
    .mobile_wrapper .mobile_wrapper_inner .playlist_wrapper {
        position: absolute; top: 7%; left: 2%; right: 2%; bottom: 2%;
        height: auto; width: auto; z-index: 1; border-radius: 2rem;
    
    }
    .mobile_wrapper .mobile_wrapper_inner .wrapper {
        background-color: #FFFFFF;
        overflow-x: auto;
    }
    .mobile_wrapper .mobile_wrapper_inner .wrapper .content {
        max-width: 100%;
        overflow: hidden;
    }
    .mobile_wrapper .mobile_wrapper_inner .content_section {
        padding: 2rem 1rem;
    }

    .mobile_wrapper .mobile_wrapper_inner .playlist_wrapper .controls.controls_top {
        top: 1.5rem;
    }

    .mobile_wrapper .mobile_wrapper_inner .playlist_wrapper .controls > .control_item > .title > * {
        font-size: 0.75rem;
    }


    /****************************************************************************
    * Font Sizes
    ****************************************************************************/
    .mobile_wrapper .mobile_wrapper_inner .content_title.primary > *:not(p), 
    .mobile_wrapper .mobile_wrapper_inner .h1, 
    .mobile_wrapper .mobile_wrapper_inner h1 {
        font-size:2.1875rem;
        line-height: 1.2;
    }
    .mobile_wrapper .mobile_wrapper_inner .h2, 
    .mobile_wrapper .mobile_wrapper_inner h2 {
        font-size: 2.1875rem;
        line-height: 1.2;
    }
    .mobile_wrapper .mobile_wrapper_inner .h3, 
    .mobile_wrapper .mobile_wrapper_inner h3 {
        font-size:1.8125rem;
    }
    .mobile_wrapper .mobile_wrapper_inner .h4, 
    .mobile_wrapper .mobile_wrapper_inner h4 {
        font-size:1.25rem;
    }
    .mobile_wrapper .mobile_wrapper_inner .h5, 
    .mobile_wrapper .mobile_wrapper_inner h5 {
        font-size:1.125rem;
    }
    .mobile_wrapper .mobile_wrapper_inner .h6, 
    .mobile_wrapper .mobile_wrapper_inner h6 {
        font-size:1.125rem;
    }
}