#wrapper {
    margin: 1em auto;
    width: 90%;
    min-width: 800px;
    max-width: 1600px;
    background-color: white;
    border: solid 1px gray;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 2px rgba(128,128,129,.5);
}

header {
    height: 130px;
}

#site-title {
    margin:0;
    position: absolute;
    top: 8px;
    left: 108px;
    z-index: 15;
    font-size: 4em;
    color: rgba(255, 255, 255, .9);
    text-shadow: 4px 4px 4px rgba(0,0,0, .8);
}

#site-subtitle {
    display:block;
    position:absolute;
    font-size: 2em;
    top:4px;
    right:10px;
    color: rgba(208, 178, 104, .9);
    text-shadow: 4px 4px 4px rgba(0,0,0, .8);
    /*padding: 10px 10px 0 0;*/
}

.largescreen {
    display: inline-block;
}

.smallscreen {
    display: none;
}
.tablefloatright {
    margin:auto;
    float:right;
}
.tablefloatleft {
    float: left;
    margin:auto;
}