@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');


html {
    background-color: #DDD;
    font-family: 'Open Sans', Lato, Arial, sans-serif;
}

body.publicgridpage {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background-color: white;
}
header {
}
    header nav {
        background-color: #333;
        color: white;
        text-align: center;
        display: grid;
        grid-template-columns: repeat(4,1fr);
    }
        header nav a {
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-decoration: none;
            border: 1px solid #999;
            padding: 1rem;
            margin: 2px;
            font-weight: bold;
            text-transform: uppercase;
        }

            header nav a:hover {
                color: white;
                background-color: #0c5397;
            }



content {
    padding: 1rem;
}

footer {
    background-color: #333;
    color:white;
    padding: 1rem;
    text-align:center;
}
    footer a {
        color: #149346;
        text-decoration: none;
    }
        footer a:hover {
            color: #ffcf06;
            text-decoration: underline;
        }