html, body {
    height: 100%;
    width: 100%;
    background-color: #444;
    box-sizing: border-box;
}

html, body, input, textarea {
    font-family: 'Roboto-400';
    font-size: 12px;
    color: #000 !important;
}

html, body img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.homeButton {
    width: 25px;
    display: inline !important;
}

div.pageHeader {
    width: 100%;
    position: absolute;
    min-height: 75px;
    height: 75px;
    top: 0;
}

div.pageContent {
}

    div.pageContent dual {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
        -moz-column-gap: 40px; /* Firefox */
        column-gap: 40px;
    }

div.darkBg {
    background-color: #444;
}

div.lightBg {
    background-color: #f1f1f1;
}

div.divider {
    border-bottom: solid;
    border-bottom-width: thick;
}

div.pageWithNav {
    padding-top: 15px;
    margin-left: 25%;
}

ul.navBar {
    width: 100%;
    height: 60px;
    display: initial;
    position: relative;}

    ul.navBar li a {
        float: left;
        padding: 15px;
    }

div.pageWithNav {
    margin-left: 0;
}

.slideShow {
    display: none;
}

@media screen and (max-width: 400px) {

    ul.navBar {
        border-bottom: solid;
        border-bottom-width: thick;
    }

        ul.navBar li a {
            width: 100%;
            text-align: center;
            float: none;
        }
}