* {
        border          : 0px;
        margin          : 0px;
        padding         : 0px;
        background      : white;
        color           : #020200;
        font-family     : sans-serif;
        font-size       : 15px;
        text-decoration : none;
        list-style      : none;
}

html {
        background      : #020200;
        color           : white;
}

a {
        text-decoration : underline;
        display         : inline-block;
}

p, h1, h2, table {
        margin-bottom : 20px;
}

h1 {
        font-size   : 20px;
        font-weight : bold;
        color       : #e74c3c;
}

table {
        border-collapse : collapse;
}

td, th {
        padding : 10px;
        border  : 2px solid #020200;
}

th {
        color : #e74c3c;
}

.page {
        padding : 20px;
}

#layers {
        display : block;
        margin  : auto;
}


#header #announcement {
        background      : #e74c3c;
        color           : white;
        display         : flex;
        align-items     : center;
        justify-content : center;
}

#header #rest {
        padding        : 20px;
        padding-bottom : 0px;
}

#header #rest #logo {
        width : 25%;
}

#header #rest #navigation  {
        display         : flex;
        justify-content : space-between;
        width           : 400px;
        margin          : 20px;
}

#header #rest #navigation a {
        text-decoration : none;
        font-size       : 15px;
}

#header #rest #navigation a:hover {
        text-decoration : underline;
}

#footer {
        background      : #020200;
        color           : white;
        padding         : 60px;
        display         : flex;
        justify-content : space-between;
        flex-wrap       : wrap;
}

#footer #quick_links {
        background     : #020200;
        color          : white;
        display        : flex;
        flex-direction : column;
}

#footer #quick_links h1 {
        background      : #020200;
        color           : white;
}

#footer #quick_links a {
        background      : #020200;
        color           : white;
        margin-bottom   : 20px;
        text-decoration : none;
}

#footer #contact_us {
        background     : #020200;
        color          : white;
        display        : flex;
        flex-direction : column;
}

#footer #contact_us h1 {
        background      : #020200;
        color           : white;
}

#footer #contact_us a {
        background      : #020200;
        color           : white;
        margin-bottom   : 20px;
        text-decoration : none;
}

.errorlist {
        display : inline;
}

.errorlist li {
        color   : red;
        display : inline;
}

@media only screen and (max-width : 600px) {
        #layers {
                width : 80%;
        }

        #header #announcement {
                font-size : 12px;
        }

        #header #rest #logo {
                width : 50%;
        }

        .page, #footer {
                padding : 10px;
        }

        #header #rest #navigation a {
                font-size : 12px;
        }

        #header #rest {
                padding        : 10px;
                padding-bottom : 0px;
        }
}

}