@media screen and (max-width: 850px) {
            .navText-class {
                display: none;
            }
            #main {
                padding: 0;
                margin: 0;
                /*
                font-size: 1.2em;
                line-height: 1.4rem;
                font-family: San Francisco, Helvetica Neue, Helvetica, Arial, sans-serif;
                line-height: 1.6rem;*/
            }
            .detailsPosterImage-class {
                height: auto;
                max-height: 400px;
                max-width: 100%;
            }
            .navText-class {
                display: visible;
            }
            showDetailsSection {
                cursor: pointer;
                max-width: 70vw;
            }
        }
        /*
Global CSS
*/
        
        html {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            /*
    font-size: calc(0.85em + 1.0vw);*/
        }
        
        *,
        *:before,
        *:after {
            -webkit-box-sizing: inherit;
            -moz-box-sizing: inherit;
            box-sizing: inherit;
        }
        
        * {
            -webkit-transition: 0.25s ease-in-out;
            -moz-transition: 0.25s ease-in-out;
            -o-transition: 0.25s ease-in-out;
            transition: 0.25sease-in-out;
        }
        
        body {
            padding: 0;
            margin: 0;
            font-size: 18px;
            line-height: 1.4rem;
            font-family: San Francisco, Helvetica Neue, Helvetica, Arial, sans-serif;
        }
        
        h1 {
            font-size: 2.6em;
            line-height: 1em;
        }
        
        h2 {
            font-size: 2.1em;
            line-height: 1em;
        }
        
        h3 {
            font-size: 1.7em;
            line-height: 1em;
        }
        
        h4 {
            font-size: 1.2em;
            line-height: 1em;
            margin-top: auto;
            margin-bottom: auto;
            display: inline;
        }
        
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        a:active {
            font-size: 90%;
        }
        
        #wrapper {
            position: fixed;
            width: 100vw;
            height: 100%;
            margin: 0;
            overflow-y: scroll;
            overflow-x: hidden;
            background-color: #EBEBDF;
        }
        
        .FlexBox_Parrent {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: space-around;
            justify-content: space-around;
        }
        
        .FlexBox_Parrent_Row {
            -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
        }
        
        .FlexBox_Parrent_Column {
            -webkit-flex-flow: column wrap;
            flex-flow: column wrap;
        }
        
        .FlexBox_Item {
            flex: 1 auto;
        }
        
        .firstOrder {
            order: -1;
        }
        /*
Transitions 
*/
        
        .visible-class {
            visibility: visible;
            opacity: 1;
            -moz-transition: visibility 0.5s ease, opacity 0.5s ease;
            -webkit-transition: visibility 0.5s ease, opacity 0.5s ease;
            -o-transition: visibility 0.5s ease, opacity 0.5s ease;
            transition: visibility 0.5s ease, opacity 0.5s ease;
        }
        
        .hidden-class {
            visibility: hidden;
            opacity: 0;
            -moz-transition: visibility 0s ease 0.5s, opacity 0.5s ease;
            -webkit-transition: visibility 0s ease 0.5s, opacity 0.5s ease;
            -o-transition: visibility 0s ease 0.5s, opacity 0.5s ease;
            transition: visibility 0s ease 0.5s, opacity 0.5s ease;
        }
        
        .active {
            background-color: #F7F7F7 !important;
            box-shadow: 0 .15em .3em 0 rgba(0, 0, 0, 0.75), 0 .15em .3em 0 rgba(0, 0, 0, 0.75);
            z-index: 5;
        }
        
        .heightAuto-class {
            height: auto;
            -webkit-transition: height 1.5s ease-in-out;
            -moz-transition: height 1.5s ease-in-out;
            -o-transition: height 1.5s ease-in-out;
            transition: height 1.5s ease-in-out;
            -moz-transition: height 2s ease;
            -webkit-transition: height 2s ease;
            -o-transition: height 2s ease;
            transition: height 2s ease;
        }
        
        .heightNone-class {
            height: 0;
            -moz-transition: height 0s ease;
            -webkit-transition: height 0s ease;
            -o-transition: height 0s ease;
            transition: height 0s ease;
        }
        /*
Header

Polishing up: needs flexbox
*/
        
        #header {
            order: 1;
            background-color: #A64E4E;
            position: fixed;
            width: 100vw;
            height: auto;
            top: 0;
            z-index: 100;
        }
        
        #header_SearchInputDiv-id {
            width: 100%;
            padding-left: 5vw;
            padding-right: 5vw;
            height: auto;
        }
        
        #header_searchinputdiv_InputText-id {
            /*width: 80%;*/
            flex-grow: 6;
            flex-basis: 20vw;
            flex-shrink: 1;
        }
        
        input[type=text] {
            width: calc(100%);
            padding: 1px 1px;
            box-sizing: border-box;
            background-color: #EBEBDF;
        }
        
        input[type=text]:active {
            background-color: #B0B0A7;
            box-shadow: 0 0.2em 0.5em 0 rgba(0, 0, 0, 0.75), 0 0.2em 0.5em 0 rgba(0, 0, 0, 0.75);
        }
        
        button {
            padding: 1px 1px;
            box-sizing: border-box;
            border: 1px solid #EBEBDF;
            border-radius: .09em;
            background-color: #EBEBDF;
        }
        
        button:hover {
            background-color: #B0B0A7;
        }
        
        button:active {
            background-color: #B0B0A7;
            -moz-box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
            -webkit-box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
            box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
        }
        
        select {
            box-sizing: border-box;
            border: 1px solid #EBEBDF;
            border-radius: .09em;
            background-color: #EBEBDF;
            font-size: 1.25em;
            height: 1.75em;
            text-align: center;
            margin-top: 1em;
            margin-bottom: 0;
            flex: 1 1 auto;
        }
        
        #header_searchinputdiv_InputButton-id,
        #header_searchinputdiv_MenuButton-id,
        #header_searchinputdiv_InputText-id,
        #header_spaceholder,
        #nav_spaceholder {
            height: 8vh;
            margin: 0;
            font-size: 6vh;
            /*font-size: 6vh;*/
            padding: 0;
            text-align: center;
        }
        
        #header_searchinputdiv_InputButton-id,
        #header_searchinputdiv_MenuButton-id {
            width: 8vh;
            overflow: hidden;
            /*    font-size: 6vh !important;*/
            padding: 0vh;
            margin: 0;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 8vh;
        }
        
        #header_searchinputdiv_MenuButton-id {
            margin-left: 2.5%;
        }
        
        .PageLinkLi-class {
            padding-top: .25em;
            background-color: none;
            color: darkblue;
            font-size: 1.25em;
            height: 1.75em;
            text-align: center;
            margin-top: .9em;
            margin-bottom: 0;
            flex: 1 1 auto;
        }
        
        .PageLinkLi-class>a {
            background-color: inherit;
            padding-top: 0.2em;
            color: darkblue;
        }
        
        .PageLinkLi-class>a:active {
            background-color: inherit;
            -moz-box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
            -webkit-box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
            box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
        }
        
        #main_toptvshowsdiv_filtersdiv_PageNumberDiv-id {
            margin-bottom: 1em;
        }
        
        .main_FilterOverlayDiv-class {
            position: fixed;
            background-color: #A64E4E;
            top: 0;
            z-index: 101;
            width: auto;
            height: 100%;
            padding: .5em;
            overflow-y: scroll;
            text-align: center;
            box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, 0.75), 0 .6em 1em 0 rgba(0, 0, 0, 0.75);
        }
        
        .main_FilterOverlayDivH4-class {
            font-size: 1.25em;
            margin-top: 2.5em;
            margin-bottom: 3.5;
        }
        
        .main_FilterOverlayDiv_Hidden-class {
            right: -100%;
            opacity: 0;
            visibility: hidden;
            -moz-transition: visibility 0s ease 0.5s, opacity 0.5s ease;
            -webkit-transition: visibility 0s ease 0.5s, opacity 0.5s ease;
            -o-transition: visibility 0s ease 0.5s, opacity 0.5s ease;
            transition: visibility 0s ease 0.5s, opacity 0.5s ease;
            -moz-transition: right 0s ease 0.5s;
            -webkit-transition: right 0s ease 0.5s;
            -o-transition: right 0s ease 0.5s;
            transition: right 0s ease 0.5s;
        }
        
        .main_FilterOverlayDiv_Visible-class {
            right: 0;
            opacity: 1;
            visibility: visible;
            -moz-transition: opacity 0.5s ease, opacity 0.5s ease;
            -webkit-transition: opacity 0.5s ease, opacity 0.5s ease;
            -o-transition: opacity 0.5s ease, opacity 0.5s ease;
            transition: opacity 0.5s ease, opacity 0.5s ease;
            transition-delay: 0.4s;
            -moz-transition: right 0s ease 0.5s;
            -webkit-transition: right 0s ease 0.5s;
            -o-transition: right 0s ease 0.5s;
            transition: right 0s ease 0.5s;
        }
        
        #main_filteroverlaydiv_filterwrapdiv_Close-id {
            height: auto;
            background-color: darkred;
            outline-color: black;
            width: 100%;
            padding: 1em;
            cursor: pointer;
            box-shadow: 0 0.2em 0.5em 0 rgba(0, 0, 0, 0.75), 0 0.2em 0.5em 0 rgba(0, 0, 0, 0.75);
        }
        
        #main_filteroverlaydiv_filterwrapdiv_Close-id:hover {
            background-color: rgba(190, 0, 0, 0.9);
            box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, 0.75), 0 .6em 1em 0 rgba(0, 0, 0, 0.75);
        }
        
        #main_filteroverlaydiv_filterwrapdiv_Close-id:active {
            background-color: darkred;
            -moz-box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
            -webkit-box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
            box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
        }
        /*
*/
        
        #main {
            position: relative;
            float: right;
            width: 80vw;
            height: auto;
            min-height: 100vh;
            margin: 0;
            padding-left: 0vw;
            padding-right: 0vw;
            overflow: hidden;
            background-color: #F7F7F7;
        }
        
        #nav {
            position: fixed;
            top: 0;
            left: 0;
            height: 100%;
            width: 20vw;
            margin: 0;
            background-color: inherit;
            padding-left: 0vw;
            margin-right: 1vw;
            -webkit-box-shadow: inset -1em 0.5em 6px -6px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: inset -1em 0.5em 6px -6px rgba(0, 0, 0, 0.75);
            box-shadow: inset -1em 0.5em 6px -6px rgba(0, 0, 0, 0.75);
        }
        
        #nav_MainNavLinksUL-id {
            background-color: none;
            height: auto;
        }
        
        .nav_mainnavlinksul_ItemsLI-class {
            display: box;
            padding: 1vh;
            margin: 0;
            background-color: inherit;
            width: 100%;
            text-align: center;
            font-size: 2.2em;
        }
        
        li a {
            display: block;
            width: 100%;
            height: 100%;
        }
        
        li a:hover {
            background-color: #D6D6CB;
        }
        /*
main sub containers
*/
        /*
#main>div {
    width: 80%;
    top: 0;
    position: static;
    overflow: auto;
    height: 100%;
}*/
        
        .main_SectionsDiv-class {
            width: 100%;
            top: 0;
            position: static;
            overflow: hidden;
            /* For production: change to 0px */
            padding-left: 1.2vw;
            padding-right: 1.2vw;
        }
        
        #main_HomeDiv-id {
            background-color: inherit;
        }
        
        #main_SearchResultsDiv-id {
            background-color: inherit;
        }
        
        #main_TopTVShowsDiv-id {
            background-color: inherit;
        }
        
        #main_DetailsContentDiv-id {
            background-color: inherit;
        }
        /*
Footer 
*/
        
        #footer {
            position: relative;
            width: 100vw;
            clear: left;
            background-color: #A64E4E;
            margin-top: 15vh;
            box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, 0.75), 0 .6em 1em 0 rgba(0, 0, 0, 0.75);
        }
        
        #footer_DateDiv-id {
            text-align: center;
            background-color: none;
            color: darkred;
        }
        
        .ResultItem-class {
            font-family: inherit;
            font-size: 1em;
            background-color: #EBEBDF;
            overflow-y: hidden;
            margin: .45em;
            padding: 0;
            border: 3px solid #EBEBDF;
            z-index: 11;
            cursor: pointer;
            display: block;
            /*flex-grow: 1;
    flex-basis: auto;
    align-items: center;
    flex-wrap: none;*/
            box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, 0.75), 0 .6em 1em 0 rgba(0, 0, 0, 0.75);
        }
        
        .ResultItem-class:hover {
            box-shadow: 0 0.6em 1.7em 0 rgba(0, 0, 0, 0.75), 0 0.6em 1.7em 0 rgba(0, 0, 0, 0.75);
        }
        
        .ResultItem-class:active {
            box-shadow: 0 0.2em 0.5em 0 rgba(0, 0, 0, 0.75), 0 0.2em 0.5em 0 rgba(0, 0, 0, 0.75);
        }
        
        .ResultContentHeader-class {
            position: relative;
            padding-right: 1%;
            padding-left: 1%;
            top: 0;
            right: 0;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-around;
            align-items: stretch;
            align-content: center;
            height: 100%;
            width: auto;
            font-size: 1.4em;
        }
        
        resultcontentitem_PosterImage-class {
            position: relative;
            float: left;
            top: 0;
            left: 0;
            padding-right: 5%;
            flex-grow: 2;
            height: 100%;
        }
        
        .main_detailscontentdiv_PosterImage-class {
            position: relative;
            float: left;
            top: 0;
            left: 0;
            padding-right: 5%;
            flex-grow: 2;
            height: 100%;
        }
        
        .detailsPosterImage-class {
            height: 36rem;
            position: relative;
            float: left;
            top: 0;
            left: 0;
            padding-right: 5%;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: auto;
            margin-bottom: 3em;
        }
        
        .main_detailscontentdiv_Div-class {
            font-size: 1em;
            background-color: #EBEBDF;
            margin: .45em;
            padding: 1em;
            border: 3px solid #EBEBDF;
            z-index: 11;
            display: block;
            box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, 0.75), 0 .6em 1em 0 rgba(0, 0, 0, 0.75);
            width: 100%;
            height: 100%;
        }
        
        .main_detailscontentdiv_div_TextDetails-class {
            clear: left;
            margin-top: 2em;
        }
        
        .showDetailsSection {
            cursor: pointer;
            width: 9em;
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            height: auto;
            font-size: 2em;
            text-align: center;
            background-color: inherit;
            color: darkblue;
        }
        
        .showDetailsSection:hover {
            font-size: 2.5em;
            color: darkred;
        }
        
        .showDetailsSection:active {
            font-size: 2.3em;
            color: darkred;
        }
        
        .detailsSection-class {
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
            overflow: hidden;
            -moz-box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
            -webkit-box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
            box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.75);
        }
        
        .sectionHeightAuto-class {
            height: auto;
            padding: 1.5em;
        }
        
        .sectionHeightCollapsed-class {
            height: 0em;
        }
        
        .ContentHeightGrid {
            height: 18em;
        }
        
        .ContentHeightList {
            height: 4em;
        }
        
        .viewCardGrid {
            width: 26em;
            max-width: 35em;
        }
        
        .viewCardList {
            width: 100%;
        }
        
        .viewList {
            width: 100%;
        }
        
        .imgthumb {
            position: relative;
            float: left;
            top: 0;
            left: 0;
            padding-right: 5%;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: auto;
            /*max-height: 100%;*/
        }