header.header {
    position: sticky;
    top: 0;
    z-index: 501;
    border-bottom: solid 1px #778ca2;
}
    .page-header {
        width: 100%;
    }
    
/* MAIN WRAPPER MIN-HEIGHT FOR FULL SCREEN */

    /*Logged out, no Drupal interface*/
    /*27px = 10px Colored line + 17px Scrollbar*/
    body #main-wrapper {
        min-height: calc(100vh - 27px);
    }
    body main[role="main"] {
        min-height: calc(100vh - 27px);
	}
	body main.main-content[role="main"] {
        min-height: auto;
	}
    /*Logged in, toolbar closed*/
    /*39px from the drupal interface*/
    body.user-logged-in #main-wrapper {
        min-height: calc(100vh - 27px - 39px);
    }
    body.user-logged-in main[role="main"] {
        min-height: calc(100vh - 27px - 39px);
    }
	body.user-logged-in main.main-content[role="main"] {
        min-height: auto;
    }
    /*Logged in, toolbar open*/
    /*39px from the drupal interface 40px toolbar open*/
    body.user-logged-in.toolbar-tray-open #main-wrapper {
    min-height: calc(100vh - 27px - 39px - 40px);
    }
    body.user-logged-in.toolbar-tray-open main[role="main"] {
        min-height: calc(100vh - 27px - 39px);
    }
	body.user-logged-in.toolbar-tray-open main.main-content[role="main"] {
        min-height: auto;
    }
    /* Drupal Interface goes into 2 lines */
    @media (min-width: 576px) and (max-width: 704px) {
        /*Logged in, toolbar closed*/
        /*78px from the drupal interface*/
        body.user-logged-in #main-wrapper {
            min-height: calc(100vh - 27px - 78px);
        }
        body.user-logged-in main[role="main"] {
            min-height: calc(100vh - 27px - 78px);
        }
		body.user-logged-in main.main-content[role="main"] {
            min-height: auto;
        }
}