body {
    font: normal 14px / 1.4em "Source Sans Pro", sans-serif;
    background-color: white;
}
.navbar-htwk {
    background-color: white;
    border-top: 1px solid transparent;
    border-color: lightgray;
}

.navbar-htwk .navbar-brand,
.navbar-htwk .navbar-text {
    color: black;
}
body article,
body section {
    padding-bottom: 10rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    text-align: center;
}
@media all and (min-width: 701px) {
    body {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        -moz-border-image: url("1green_back.svg") 15rem 2.5rem 2rem 2.5rem; /* Old firefox */
        -webkit-border-image: url("1green_back.svg") 15rem 2.5rem 2rem 2.5rem; /* Safari */
        -o-border-image: url("1green_back.svg") 15rem 2.5rem 2rem 2.5rem; /* Opera */
        border-image: url("1green_back.svg");
        border-image-width: 15rem 2.5rem 2rem 2.5rem;
    }
    main * {
        max-width: 80ex;
        margin-left: auto;
        margin-right: auto;
    }
    article {
        height: 100vh;
        overflow-y: auto;
    }
    img[src*='#left'] {
        float: left;
    }
    img[src*='#right'] {
        float: right;
    }
    img[src*='#center'] {
        display: block;
        margin: auto;
    }
}