html, body { height: 100%; }
.container {
    position: relative;
    min-height: 100%;
}
.content-wrapper {
    padding-bottom: 100px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
}

body { background-color: #fcf7f7; }
a { color: #009999; text-decoration: underline; }

.header { padding: 1.25em 0; margin-bottom: 2em; border-bottom: 3px #c96666 solid; }
.header h1 { font-size: 24px; color: rgb(164, 5, 14); }
.terms { margin-top: 24px; }
.footer { padding: 1.25em 0; margin-top: 4em; border-top: 3px #c96666 solid; }
.footer a { margin: 0 10px; }

.or { margin-bottom: 7px; }

#results {
    margin-top: 20px;
}

.json, .ratios { display: none; }
.view-json, .view-ratios { border-bottom: 1px dashed #337ab7; }
a.view-json:hover, a.view-ratios:hover,
a.view-json:focus, a.view-ratios:focus,
a.view-json:active, a.view-ratios:active { text-decoration: none; }