﻿/* need html as firefox doesn't show 100% with body only */
/* need .mm-page to propogate 100% height when mmenu.js wraps everything under <body> element for slideout menu */
html, body, body > .mm-page {
    height: 100%;
    min-height: 100%; /*to expand the page to fill the whole screen*/
}

body {
    color: var(--egps-color-off-black);
    font-size: var(--egps-fontsize-body);
    font-family: "Public Sans", sans-serif;
    margin: 0;
    padding: 0;
}

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    margin: 10px 12px -120px 12px;
    position: relative;
    min-height: 99%;
}

#main {
    background-color: white;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}
