ul {
    padding-left: 20px;
}

.util {
    padding-left: 10px;
}

nav {
    background-color: black;
    line-height: 3;
    padding-top: 10px;
}

canvas {
    width: 100%;
}

a#msgLink,
a#msgLink:visited {
    color: black;
}

a#msgLink:hover {
    color: red;
}

a,
a:visited {
    color: #c5c5c5;
}

a:hover {
    color: #fff;
    font-weight: bold;
}

a:active,
a:focus {
    color: yellow;
}

#topBar {
    position: fixed;
    width: 100%;
    background-color: black;
}

.testClass {
    font-size: 1.5em;
    /* font-weight: bold; */
    /* font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
    color: white;
    padding-right: 3em;
}

.brd {
    border: 1px solid green;
}

h2 {
    /* font-family: 'Muli'; */
    font-weight: 200;
}

.title {
    padding: 0px;
    margin: 0px;
    line-height: 90%;
    letter-spacing: 0.1em;
    text-shadow: 5px 5px 7px rgba(150, 150, 150, 1);
    font-variant: small-caps;
    white-space: nowrap;
}

.subTitle {
    font-family: 'Alex Brush', cursive;
    text-align: center;
    font-size: 2em;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px dashed #c5c5c5;
}

.companyName {
    text-shadow: 5px 5px 7px rgba(150, 150, 150, 0.5);
    font-variant: small-caps;
    color: rgb(131, 52, 52);
}

@media print,
screen and (max-width: 48em) {
    #topBar {
        background-color: transparent;
    }
    nav {
        padding-top: 0px;
    }
    a {
        font-size: 0.9em !important;
    }
}

@media print,
screen and (max-width: 64em) {
    p,
    li {
        font-size: 0.9em;
    }
    h2,
    h3,
    h4,
    h5 {
        text-align: center;
    }
}

@media print,
screen and (min-width: 64em) {
    .subTitle {
        font-size: 4em;
    }
    .util {
        padding-left: 80px;
    }
}

hr.thicker {
    border-bottom: 2px solid #c5c5c5;
}