@font-face {
    font-family: 'o9sans-light';
    src: url('/fonts/o9Sans/o9Sans-Light.otf');
}

@font-face {
    font-family: 'o9sans-bold';
    src: url('/fonts/o9Sans/o9Sans-Bold.otf');
}

@font-face {
    font-family: 'o9sans-regular';
    src: url('/fonts/o9Sans/o9Sans-Regular.otf');
}

html {
    font-size: 1rem;
    width: 100%;
    height:100%;
}

body {
    margin: 0;
    height: 100%;
    width: 100%;
    font-family: o9sans-bold;
    background-color:#111111;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

header {
    background: #000000;
    padding: 0.5rem 0;
    position: fixed;
    width: 100%;
}

    header img {
        padding: 0.5% 1%;
        padding-left: 2rem;
    }

    header a {
        position: absolute;
        font-size: 0.75rem;
        right: 4%;
        padding: 0.5% 1%;
        border: 3px solid #0037FF;
        box-sizing: border-box;
        border-radius: 4rem;
        color: white;
        text-decoration: none;
        text-align: center;
        min-width: 7rem;
    }

@media (min-width:600px) {
    html {
        font-size: 1.5rem !important;
    }
}

@media (min-width:800px) {
    html {
        font-size: 1.5rem !important;
    }
}

@media (min-width:1000px) {
    html {
        font-size: 1.25rem !important;
    }
}