freaCMS/rsc/sass/_structure.scss

// reset
body,h1,h2,h3,h4,h5,h6,ul {
//    margin:0;
//    padding:0;
}

#main-nav {
    //dev:
//    display: none;
    @media #{$view-mobile} {
        display: none;
    }
}

.featherlight .featherlight-content {
    background: none;
    overflow: visible;
    .featherlight-close-icon {
        background: none;
        top: -10px;
        right: -10px;
        font-size: 1.5em;
    }
    @media #{$view_mobile} {
        iframe { width:100%; height:100%;}
    }
}

/////////////////////////////////////////////////////////////////////
#mobile-nav {
    display: none;
    @media #{$view-mobile} {
        display: block;
        a.menu-toggle {
            display: block;
        }
    }
    .the_list {
        display: none;
    }
    &.open .the_list {
        display: block;
        position: fixed;
        top:0;
        left:0;
        z-index:99;
        background: rgba(255,255,255,0.9);
        height:100%;
        width: 100%;
        overflow: scroll;
    }
    a.menu-toggle {
        position: fixed;
        top:0;
        right:0;
        width:50px;
        height:50px;
        z-index:100;
        cursor: pointer;
        background: rgba(255,255,255,0.9);
        background-image: url('menu-icon.png');
        background-position: top;
        background-size: 100%;
    }
    &.open a.menu-toggle {
        background-position: bottom;
    }
}