@media (max-width: 999px){

    .homegroup-content .block-list {
        border-bottom: none;
        margin-bottom: 0;
    }

    .search-page-content.homegroup-content .block-list {
        padding-bottom: 0.2rem !important;
        padding-top: 0.2rem !important;
    }

    .homegroup-content .intro-block {
        float: right;
        width: 72%;
        margin-left: 0%;
    }

    .civ-landing-page-avatar-container {
        margin-left: 3%;
        margin-bottom: 0;
    }

    html {
        font-size: 4vw;
    }

    body{
        overflow-x: hidden;
    }
    
    .hidden-on-mobile, .hide-on-mobile {
        display:none !important;
    }

    .show-on-mobile{ 
        display:inline !important;
    }
    
    #border {
        width: 100vw;
        margin-top: 0rem;
    }
    
    .file-fragment {
        font-size: 0.85rem;
    }

    #block-container, .block-container{
        float: none;
        width: 100vw !important;
    }

    .page-block-container, .feed-block-container {
        width: 100% !important;
    }

    .feed-block-container {
        padding-top: 0.5rem;
    }
    
    .container-side{
        width: 100vw;
        float:none;
        margin-top: 0;
        padding-bottom: 0;
        clear: both;
    }

    #sidebar-user {
        display: none;
    }

    #inner-sticky {
        padding-left: 0;
    }
    
    .page-type-search  .container-side, .page-showcase  .container-side{
        width: 100vw;
        float:none;
    }

    .full-width-mobile {
        width: 100vw !important;
    }
    
    #footer-container{
        padding-top: 2.5rem;
        padding-bottom: 5.5rem;
        /*padding-bottom: 2.5rem;*/
    }
    
    #footer-content{
        width: 80%; 
    }
    
    #navbar{
        width: 100%;
    }

    #navigation {
        width: 100vw;
        position: fixed;
    }

    #navbar-mobile-spacer, #navigation {
        height: 3.5rem;
    }

    #navigation.fixed-for-editor {
        position: fixed;
    }
    
    #navbar-mobile-spacer.fixed-for-editor {
        height: 8rem;
    }

    .list-page-list .infinite-scroll, .list-page-users .infinite-scroll {
        column-count: 1;
    }
    
    .list-page-users .infinite-scroll {
        padding-top: 0.2rem;
    }

    .control-panel-content .list-page-list {
        padding-top: 0.5rem;
    }

    .control-panel-content .page-block-container-container {
        margin-bottom: 1.75rem;
    }

    .list-block{
        padding: 1rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .list-none {
        font-size: 1.5rem;
    }

    .list-block-border,
    #related-pages .list-block-border, 
    .page-you .list-block-border {
        clear: both;
        width: 100%;
    }

    .list-title{
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .user-card-title {
        font-size: 1rem;
    }

    .list-page-users .user-card-border {
        width: 30%;
    }

    .list-page-users .block-container {
        padding-top: 0.5em;
    }

    .contributors_avatars_list {
        padding-top: 0.5rem;
    }
    
    .contributors_avatars_list .user-card-border {
        width: 100%;
        padding-left: 2rem;
        text-align: left;
    }

    .contributors_avatars_list .user-card-backup-image .backup-text {
        font-size: 1.1rem;
    }

    .contributors_avatars_list .user-card-backup-image {
        width: 10%;
        padding-top: 10%;
        float: left;
        text-align: left;
    }

    .contributors_avatars_list .user-card-title {
        padding-top: 0.2rem;
        padding-left: 0.7rem !important;
    }

    .contributors_avatars_list .list-text {
        padding-left: 0;
        display: inline-block;
    }

    .list-description{
        font-size: 0.9rem;
        line-height: 1.8;
        margin: 0;
    }

    .list_description_container {
        padding-top: 3.5rem;
    }

    .list-image-container {
        width: 35%;
        float: left;
    }

    .list-image {
        width: 100%;
        padding-top: 65%;
        float: left;
        margin-right: 0.75rem;
        margin-bottom: 0;
    }

    .list-block-border .list-text {
        padding-left: 1rem;
    }

    .block{
        padding-left: 0;    
    }

    .intro-block, .step, .block-banner, #introduction, .login-block, .search-tools, .search-keywords{
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .post_editor_error_message {
        font-size: 0.8rem;
    }

    button {
        font-size: 1rem;
    }

    .top_border_mobile {
        border-top: 1px solid rgba(0,0,0,0.08) !important;
    }
    
    .bottom_border_mobile {
        border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    }

    .search-tools{
        padding-top: 0.5rem;
    }

    .control-panel-content {
        margin-top: -0.5rem;
    }

    .step {
        /*padding-top: 1em;*/
        margin-top: 0;
    }

    .padding-top-xsmall {
        padding-top: 0.25rem;
    }

    .padding-bottom-xsmall {
        padding-bottom: 0.25rem;
    }

    .padding-top-medium {
        padding-top: 1.75rem;
    }
    
    .no-padding-top-mobile {
        padding-top: 0 !important;
    }

    .timeline {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        text-align: right;
    }

    .timeline-container {
        width: 0;
        position: fixed;
        right: 0;
        top: 15vh;
    }

    .timeline-content {
        border-left: 0;
        /*border-right: 1px solid #3C92DE;*/
        height: 70vh;
    }

    .timeline-handle {
        border-left: 0;
        border-right: 10px solid #DDD;
        border-radius: 0;
        left: initial;
        right: -1px;
        padding: 0;
        touch-action: none;
        /*background: #fff;*/
        min-height: 3.5rem;
        text-align: right;
        font-size: 0.75rem;
        width: 2.5rem;
        z-index: 10000;
    }

    .timeline-elements {
        width: 25vw;
        position: absolute;
        right: 0;
        padding-right: 0.75rem;
        /*display: none;*/
        /*background:rgba(255, 255, 255, 0.8);*/
        z-index: 10000;
    }

    .timeline-head, .timeline-tail {
        display: none;
    }

    .notify-banner {
        padding: 0.9rem;
        font-size: 0.9rem;
    }

    .block-banner, .contributors_avatars_list .block-banner {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }

    .padding-top-small {
        padding-top: 0.75rem;
    }

    .padding-bottom-medium {
        padding-bottom: 1.75rem;
    }    

    .viewTitle{
        line-height: 1.5;
    }

    .block h1 {
        margin-top: 0.5rem;
    }

    .block h1,
    .block h2 {
        margin-bottom: 0.8rem;
    }

    .setting-block .push-button {
        display: table;
    }

    .header-button-text {
        display: none;
        padding-left: 0.5rem;
    }

    .lhseld {
        /*border-top: 1px solid rgba(0,0,0,0.5);*/
        border-bottom: 0px;
    }
    
    .blog-post .editTitle {
        /*padding: 0.4rem;*/
    }    
    
    .blog-post .viewTitle {
        font-size: 0.8rem;
    }

    .block_text, .block_text_edit, .block_text_edit .ql-container{
        /*margin-top: 0;*/
        font-size: 0.9rem !important;
    }

    .code {
        font-size: 0.75rem;
    }

    .blog-post-activity, .blog-tags a {
        font-size: 0.9rem;
    }

    .search-page-content .block-more-button {
        padding-top: 0;
        padding-bottom: 0;
    }

    .search-page-content #block-list {
        padding-bottom: 1rem;
    }

    .inline-section {
        margin-top: 3rem !important;
    }

    .search-page-content .intro-block {
        margin-top: 0;
        /*margin-top: 1rem;*/
    }

    .search-page-content .intro-block.editable_content {
        /*margin-top: 0;*/
        margin-top: 0rem !important;
    }

    .search-page-content .light-banner {
        padding-top: 0;
        line-height: 2;
    }

    .search-page-content #side-container-sticky {
        padding-top: 0;
    }

    .system-page #page-title {
        font-size: 2.5rem;
    }

    .invisible-waypoint {
        /* We have to do this or anchors are messed up */
        transform: translateY(-4.5rem);
    } 

    .invisible-section-anchor {
        transform: translateY(-2rem);
    }

    .search-results-waypoint {
        /* We have to do this or anchors are messed up */
        transform: translateY(-3.5rem);
        display:block !important;
    }

    .code-container, .blockquote-container {
        margin-top: 1.5rem;
    }

    .navbar-buttons {
        /* goodbye transform: translateY(-50%); */
        padding-right: 1rem;
    }
    
    .navbar-button{
        font-size: 1.3rem;
        color: #FFF;
        line-height: 1;
    }

    .navbar-button .feed-unread-posts {
        right: 30%;
    }

    .navbar_versions_inner {
        height: 1.5rem;
        width: 100vw;
        font-size: 1.25rem;
        line-height: 2;
        left: 2.75rem;
    }

    .navbar_versions select {
        font-size: 1.25rem;
        outline: none;
        width: 90vw;
    }
    
    #navbar .lin {
        position: absolute;
        left: 3.5rem;
        line-height: 1;
        top: 50%;
        transform: translateY(-50%);
    }

    #navbar .nav-button i {
        position: absolute;
        left: 0.75rem;
        width: 2rem;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
    }

    #navbar .nav-button {
        width: 100vw;
        height: 2.5rem;
        position: relative;
    }

    .navbar-button i{
        display:inline;
    }
    
    #navbar-categories{
        width: 90%;
        line-height: 2;
        display:none;
    }
    
    /*#navbar-logo{
        font-size: 2rem;
        line-height: 2;
        position: absolute;
        transform: translateY(-48%);
        top: 50%;
        left: 1rem;
    }*/
    
    #navbar-logo{
        position: absolute;
        transform: translateY(-48%);
        top: 50%;
        left: 1rem;
        width: 67%;
    }

    #navbar-logo .page-title-inner {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    #navbar-logo i {
        display: inline;
    }

    #nav-menu-bars{     
        color: #fff;
        font-size: 1.5rem;
    }

    .navbar-button {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        height: initial;
    }
    
    #nav-menu-user:not(.login-button){
        color: #fff;
        padding-right: 1.6rem;
        display: none;
    }
       
    #nav-menu-controls{
        display: inline-block;
    }

    #you-menu{
        /*display:block !important;*/
        position:relative;


        width: 100%;
        padding: 0 !important;
        width: 100vw;
        left: 0;
        top: 0;
        font-size: 0;
    } 
    
    #you-menu .nav-button, #navbar-controls .nav-button{
        font-size: 1.25rem;
        line-height: 2;
        padding-left: 1rem;
        display:block;
        color: #fff;
    }

    #navbar-controls .nav-button:hover, #navbar-controls .psuedoa:hover, #navbar-controls a:hover{
        color: #FFF;
    }

    #navbar-controls{
        padding: 0;
        width: 100vw;
        position: fixed;
        left: 0;
        line-height: 2;
        z-index: 200;
        transform: unset;
        background: #3C92DE;
    }

    #navbar-controls {
        top: 1.75rem;
        padding-top: 0.6rem;
        padding-bottom: 0.5rem;
    }

    .optionmenu{
        font-size: 35pt;
    }
    
    #nav-controls-header{
        text-align:center !important;
    }
    
    #sign-in-menu-content{
        width: 90vmin;
        font-size: 35pt;
        height: 17em;
    }
    
    .sign-in-menu-title{
        font-size: 70pt;
        top: 60pt;
    }
    
    .sign-in-menu-box{
        font-size: 40pt;
    }

    /* === HEADER === */    
    .page-header-tab {
        font-size: 0.75rem;
        padding: 0.5rem 0.5rem;
    }

    .phtseld, .lhseld {
        color:rgba(0,0,0,0.55);
    }
   
    #page-header-container{
        width:initial;
        
        position: fixed;
        
        /*top: 3.5rem;
        border-top: 1px solid #eee;*/
        
        bottom: 0;
        z-index: 20;
        border-top: 1px solid #eee;
    }

    .page-header-tabs {
        position: unset;
    }

    .page-header-tabs .page-header-tab {
        padding: 1.1rem 5.5%; 
        font-size: 1rem !important;
        color:rgba(0,0,0,0.35);
    }

    .wider-page-header-tabs .page-header-tab {
        padding: 1.1rem 5.5%; 
    }

    .page-header-tabs .page-header-tab i {
        padding: 0;
    }

    .page-header-tab .unread_notifier {
        display: none !important;
    }

    #page-header-container {
        height: unset;
    }

    #page-header{
        /*min-height: 20vw;*/
        /*min-height: 3rem;*/
        min-height: unset;
        padding: 0;
        width: 100%;
    }

    .viewTitle.pageTitle, 
    .block h1 {
        opacity: 1 !important;
        font-size: 1.6rem;
    }

    .smaller-navbar-title {
        /*font-size: 1rem !important;*/
        display: inline-block;
        width: 30%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #page-title,
    #page-subtitle {
        width: unset;
        vertical-align: middle;
        padding-top: 0;
        display: none;
    }

    #page-subtitle .full-time {
        display: none;
    }

    #page-subtitle .short-time {
        display: inline;
    }

    .page-subtitle {
        display: none;
    }

    .page-title {
        font-weight: 500;
    }

    .page-header-tabs{
        width: 100vw;
    }

    #page-header-container{
        width: 100vw;
        padding-left: 0;
        padding-right: 0;
    }
    
    #page-header-filters{
        display:none;
    }
    
    /* === / HEADER === */


    #category-name, .big-banner{
        font-size: 1.4rem;
    }
            
    #category-description, .small-banner{
        font-size: 1rem;
        width:initial;
        margin: 0;
        line-height: 1.3;
    }

    .xsmall-banner {
        font-size: 0.75rem;
        padding-top: 1rem;
    }

    #search-keywords-input{
        font-size: 1rem;
        border-right: 1px solid #eee;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        border-radius: 0.5rem;
    }

    .search-keywords {
        padding-bottom: 0.8rem;
        /*padding-top: 1.5rem;*/
        padding-top: 0.8rem;
        display:block;
    }

    .search-tools{
        display:block;
    }

    .search-tools {
        line-height: 2;
        font-size: 1rem;
        padding-bottom: 1rem;
    }

    .page-type-search-overview .search-tools,
    .page-type-search-overview .search-keywords {
        display: block !important;
    }

    .page-type-search-overview .search-tools {
        margin-top: 0.8rem;
    }

    .page-type-search-overview .search-keywords {
        margin-top: 0;
    }

    .page-type-search-overview .filter-results {
        display: none !important;
    }

    .page-type-search-overview .search-page-content {
        /*padding-top:0.5rem;*/
        padding-top: 0.8rem;
    }
    
    /*#editor-actions-container {
        width: 100vw;
    }*/

    #editor-actions, .is-affixed #editor-actions {
        position: fixed !important;
        top: 3.5rem !important;
        left: 0 !important;
        padding-bottom: 0.3rem !important;
        padding-top: 0.3rem !important;
        background-color: #fff !important;
        width: 100vw;
    }

    #editor-actions-container.is-affixed {
        height: 0 !important;
        position: fixed !important;
        z-index: 25 !important;
    }

    .edit-mode.page-block-container-container {
        padding-top: 0.5rem;
    }

    /*
    #editor-actions {
        padding-top: 0.0rem;
        padding-bottom: 1rem;
    }

    .is-affixed #editor-actions {
        padding-top: 1.5rem;
        padding-bottom: 0.5rem;
    }*/

    .edit-actions{
        font-size: 0.8rem;
    }

    .edit-actions .a {
        padding-right: 0.825rem;
        padding-left: 0.825rem;
        line-height: 2.5;
    }

    .edit-actions-note {
        transform: translateY(-0.5rem);
        display: none;
    }

    .media_form {
        font-size: 0.9rem;
    }
    
    .block_vid_url{
        font-size: 30pt;
        top: 10pt;
        width: 50%;
    }
    
    .block_img_url{
        font-size: 30pt;
        bottom: 10pt;
    }

    .blog-post{
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .blog-post .edit-actions {
        padding: 0;
    }

    .blog-post .edit-actions>span {
        padding-top: 1.2rem;
    }

    .post-functions{
        top: 1rem;
        right: 1rem;
        font-size: 0.85rem;
        /* Higher than timeline handle */
        z-index: 2;
    }

    .post-functions .a {
        padding-left: 0;
    }

    .blog-post-name {
        /*font-size: 0.9rem;*/
        /*width: 70vw;*/
        /*overflow: hidden;*/
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .blog-post-info{
        font-size: 0.8rem;
        /*padding-left: 0.5rem;*/
        line-height: 1.3;
    }

    /*
    .blog-post-avatar-container {
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 50%;
        vertical-align: text-top;
    }
    */

    .tag-cloud {
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0.5rem;
        line-height: 2.1;
    }

    .group_content .tag-cloud,
    .homegroup-content .tag-cloud {
        transform: translateY(-0.6rem);
    }
    
    .homegroup-content .pageTitle {
        display: none;
    }

    .tag-cloud a, .tag-cloud .removable-tags {
        font-size: 1rem !important;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .tag-cloud .removable-tag {
        display: inline;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .blog-tags{
        font-size: 1rem;
        padding-top: 1rem;
    }  
    
    .post-title {
        /*border-radius: 0.5rem;*/
    }

    /*.post-title.post-touched-title {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }*/

    #blogpost-new .unpublished.untouched {
        /*margin: 0;*/
        padding-top: 0;
        padding-bottom: 0;
        /*font-size: 1.3rem;*/
    }

    .post-tag-2,
    #page-comments .smart_section textarea:last-of-type {
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
    }

    #page-comments .block_text_edit {
        /*margin-bottom: 0.5rem;*/
    }
    
    #page-comments-meta {
        column-count: unset;
    }    

    #page-comments {
        width: 100%;
    }

    .post-tags-container {
        font-size: 1rem;
    }

    .post-checkboxes{
        font-size: 0.8rem;
    }

    .post-tags-container .tag-prompt {
        font-size: 0.9rem;
    }

    .blog-post-new .small-banner {
        padding-bottom: 1rem;
        line-height: 1;
    }

    .tag-cloud .light-banner {
        padding-bottom: 0.5rem;
    }

    .search_blog_post .blog-post-new {
        padding-top: 1rem;
    }

    .blog-edit-tags{
        margin-bottom: 0.5rem;
    }

    .post-tag-input{
        width: 100%;
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
        margin-bottom: 0.25rem;
        font-size: 0.8rem;
        box-shadow: none;
        background-color: rgba(0,0,0,0.03);
        background-image: none;
    }
    
    .partially-hidden {
        max-height: 15vh;
    }

    .partially-hidden-gradient {
        max-height: 15vh;
        height: 100%;
    }

    .blog-post .partially-hidden, .blog-post .partially-hidden-gradient  {
        max-height: 12vh;
    }

    
    .block-container  {
        max-width: 100vw;
    }

    #footer-content{
        font-size: 0.75rem;
        /*padding-bottom: 50pt;*/
    }

    .settings_avatar_container_container {
        width: 100%;
        text-align: center;
        padding-top: 4rem !important;
    }

    .settings_avatar_container {
        width: 50%;
        display:inline-block;
    }
    
    .settings-text{
        width: 100%;
        display:block;
        margin-bottom: 0;
        line-height: 1.25rem;
        font-size: 1rem;
        padding-right: 0;
        border:none;
    }

    .settings-text strong {
        font-size: 1rem;
    }
    
    .page-panel .setting-blocks {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.8rem;
        padding-bottom: 0.4rem;
    }

    .setting-block{
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .setting-block {
        font-size: 1rem;
    }

    .setting-box {
        width: 100%
    }
    
    .settings-subtitle{
        font-size: 0.9rem;
        width: 100%;
    }

    .settings {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .setting-block {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    
    .meta-boxes-column {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .settings-right-panel{
        width: 100%;
        display:block;
        padding-top: 1rem;
        padding-left: 0;
    }

    .youtube_link_box {
        font-size: 0.9rem;
        padding: 0.3rem;
        border-radius: 0.2rem;
    }

    .your-project-list-item {
        width: 95%;
        font-size: 30pt;
        height:initial;
    }
    
    .your-project-list-metadata{
        font-size: 20pt;
    }
    
    .your-project-list-thumb{
        width: 20%;
        height:initial;
        margin-right: 25pt;
    }
    
    .table_of_contents{
        padding-top: 0;
        font-size: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .table_of_contents h1{
        font-size: 1.25rem;
    }
    
    .table_of_contents .toc_item{
        padding-left: 0.25rem;
        font-size: 1rem;
    }

    .table_of_contents .toc_item span {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        width: 80%;
        padding-left: 0.5rem;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
    
    .okay, .error{
        font-size: 0.75rem;
    }
    
    #sidebar-tags, #sidebar-contributors {
        font-size: 30pt;
        width: 100%;
    }


    .page-panel {
        padding-top: 0;
        padding-bottom: 1.75rem;
    }

    .page-panel .xsmall-banner {
        padding-top: 0.5rem;
        padding-bottom: 0.3rem;
    }

    .page-panel .light-banner {
        padding-bottom: 0.5rem;
    }

    .settings {
        padding-bottom: 0;
    }

    .contributor_avatar_container {
        width: 25%;
        padding: 2%;
    }
    
    #sidebar-tags .heading{
        font-size: 2rem;
    }

    #sidebar-tags .tagbox, 
    #sidebar-contributors .tagbox, 
    #sidebar-permissions .tagbox,
    .setting-box {
        font-size: 0.9rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        width: 100%;
    }

    #sidebar-tags .tagbox, 
    #sidebar-contributors .tagbox, 
    #sidebar-permissions .tagbox {
        margin-bottom: 0;
    }

    .setting-box {
        margin-bottom: 0.75rem;
    }

    .add-section {
        padding-top: 2rem;
    }
    
    .add-another-block{
        font-size: 48pt;
        line-height: 2;
    }
    
    .block_feature {
        width: 100% !important;
        max-width: unset !important;
    }
    
    .image-fragment-size-buttons {
        display: none;
    }    

    .userbar{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        float:none; 
    }

    .userbar-avatar{
        width: 20vw;
        height: 20vw;
        margin: 0;
        margin-left: 1.25rem;
    }

    .user-metadata{
        margin-top: 40pt;
        font-size: 30pt;
    }
    
    .userbar-ratings, .userbar-blog-stats{
        font-size: 32pt;
        line-height: 2;
    }
    
    .userbar-ratings input{
        width: 2em;
        height: 2em;
        margin-right: 20pt;
    }
    
    .userbar-social-buttons{
        font-size: 52pt;
        margin-top: 40pt;
    }
    
    .heading{
        font-size: 2rem;
    }

    .block .heading{
        font-size: 2rem;
    }
    
    .login-border {
        margin-top: 0 !important;
    }

    .login-block-container{
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
    }
    
    .login-note{
        font-size: 1rem;
        padding-top: 1rem;
        padding-bottom: 2rem;
        line-height: 1;
        margin: 0;
    }
    
    .login-left{
        float:none;
        width: 90%;
        font-size: 26pt;
    }
    
    .login-right{
        width: 95%;
        float:none;
        padding-top: 100pt;
    }
    
    .login-textbox{
        font-size: 1rem;
        color: #888;
        width: 100%;
    }
    
    .blokbutton{
        font-size: 120%;
    }

    .subscription-row-title {
        width: 50%;
    }
        
    .subscription-row-activity {
        padding-right: 8%;
    }

    .subscription-row-action {
        width: 2rem;
        padding-right: 3rem;   
    }
        

    #discuss{
        padding: 0;
        width: 35%;
        margin-top: 40pt;
        transform:scale(2.85,2.85);
        transform-origin:top left;
    }
    
    .hero-container{
        width:initial;
    }

    .block-hero-editor {
        width: 100%;
    }
    
    .hero-title{
        max-width:initial;
        font-size: 1.75rem;
        margin-top: 2.25rem;
    }
    
    .landing-page-content{
        background-color:initial;
    }

    .loading-ring-container {
        padding: 0 !important;
        margin-top: 1.25rem;
        min-height: 6.25rem;
    }


    /* CHAT ================================================ */
    #border .chat-container {
        height: 78vh;
    }

    .chat-click-to-connect-container {
        width: 40%;
        top: 50%;
    }

    .chat-add-focus {
        margin-top: 0;
    }

    .chat-content .bubble {
        font-size: 0.9rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .channel-row {
        padding: 1rem;
    }

    .channel-row, 
    .chat-settings-row,
    .chat-nicknames-row {
        background: #fff;
    }
    
    .chat-left-info-panel,
    .chat-right-info-panel,
    .chat-modal {
        position: absolute;
        right: 0;
        background: #fff;
        border-right: 0;
        /*height: 90%;*/
        height: 200%;
    }

    .chat-foci {
        padding-bottom: 30vh;
    }

    .chat-container .lds-ellipsis {
        transform: scale(0.75);
    }

    .chat-loading-animation-small,
    .chat-loading-end-of-scroll {
        top: 4.6rem;
    }

    .chat-left-info-panel {
        border-left: 1px solid #ddd;
        width: 100%;
        border: none;
    }

    .channel-row .channel-highlighter {
        padding-left: 13%;
    }

    .chat-more-button {
        left: 5%;
        transform: translateY(10%);
        display: inline;
    }
    

    .chat-more-menu li {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .chat-right-info-panel {
        width: 60%;
        padding-top: 0;
    }

    .chat-right-info-panel-border {
        border-left: 1px solid #eee;
    }

    .chat-settings-container {
        padding-top: 0;
    }

    .chat-hide-on-mobile,
    .chat-hide-modal {
        display: none !important;
    }

    .chat-content-container {
        width:100%;
        height: 100%;
        padding-top: 3.5rem;
    }

    .chat-content {
        padding-bottom: 5rem;
        height: 100%;
    }

    /*
    Uncomment to bring back old style

    .chat-header {
        height: 3.5rem;
        width: 100%;
        left: 0;
    }

    .chat-header-buttons{
        display: inline-block;
    }
    */
    
    .chat-left-info-panel,
    .chat-right-info-panel,
    .chat-modal {
        top: 0;
    }

    .chat-header .chat-unread-bubbles-count {
        font-size: 0.7rem;
        background: red;
        color: #fff;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
        border-radius: 0.2rem;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        top: -60%;
        line-height: 1;
        font-weight: bold;
        /*right: 30%;*/
    }

    .chat-header-button-selected,
    .chat-header-buttons i:hover {
        color: #fff !important;
    }
    
    .chat-header {
        height: 3.5rem;
        width: 100%;
        left: 0;
        position: fixed;
        top: 0;
        z-index: 20000;
        width: 83%;
        background: unset;
        color: #fff;
        border-bottom: none;
    }

    .chat-header-buttons {
        right: 0;
        color: #fff;
    }

    .chat-content-container {
        padding-top: 0 !important;
    }

    .chat-header-title {
        color: #fff;
    }

    .chat-page #navbar-logo {
        display: none;
    }

    .chat-header-connecting .chat-header-title::after,
    .chat-header-offline .chat-header-title::after,
    .chat-header-unconnected .chat-header-title::after {
        color: #fff;
    }

    /* ------ / new style ---- */
    


    .chat-header-bars {
        display: inline-block;
    }

    .chat-header-user-container {
        display: none;
    }

    .chat-text-entry,
    .click-modal {
        width:80%;
    }

    .chat-entry .chat-send {
        right: 8%;
    }

    .chat-entry {
        position: fixed;
        bottom: 0;
        left: 0;
    }

    /* MANAGMENT CONSOLE --------------------- */
    .console-left-panel .console-panel-row {
        padding: 0.5rem;
        font-weight: normal;
    }

    .console-left-panel .console-panel-row ,
    body.service-class,
    .service-class table {
        font-size: 11pt;
    }
}