#hero {
    /*
    display: block;
    margin: auto;
    width: 50%;  TODO: adjust as needed
    */
    width: 100%;
    height: 500px;
    background-image: url('the-warped-loom-hero.png') !important;
    background-position: center;
    background-repeat: no-repeat;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
}

#footer {
    text-align: left;
    font-size: small;
}

img.logo {
    width: 10%;
    height: 10%;
}