body, button, input, textarea {
    font-family: 'IBM Plex Sans', sans-serif;
}

.code, pre {
    font-family: 'IBM Plex Mono', monospace;
}

h1, h2, h3, h4, h5, h6 {

}

h1, .h1 {
    font-size: 2rem;
    font-weight: 400;
}

h2, .h2 {
    font-size: 1.75rem;
    font-weight: 400;
}

h3, .h3 {
    font-size: 1.5rem;
    font-weight: 500;
}

h4, .h4 {
    font-size: 1.325rem;
    font-weight: 400;
}

h5, .h5 {
    font-size: 1.25rem;
    font-weight: 300;
}

h6, .h6 {
    font-size: 1.125rem;
    font-weight: 500;
}

p {
    line-height: 165%;
    font-size: 1rem;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 2.5rem;
        font-weight: 400;
    }

    h2, .h2 {
        font-size: 2rem;
        font-weight: 400;
    }

    h3, .h3 {
        font-size: 1.75rem;
        font-weight: 500;
    }

    h4, .h4 {
        font-size: 1.5rem;
        font-weight: 400;
    }

    h5, .h5 {
        font-size: 1.25rem;
        font-weight: 300;
    }

    h6, .h6 {
        font-size: 1rem;
        font-weight: 500;
    }

    p {
        font-size: 1.1rem;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

ul {
    list-style: square outside;
}

ol, ul {
    margin: 0 0 10px 0;
    font-size: 1.1rem;
}

li {
    margin-bottom: 10px;
    line-height: 150%;
}

.code {
    font-size: .9rem;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: 500;
}

pre {
    background: #f7f7f7;
    margin: 0;
    padding: 25px;
    overflow-x: auto;
}

pre.word-wrap, p.word-wrap {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    word-break: keep-all;
}

.lead {
    font-size: 1.25rem;
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right;
}

button {
    cursor: pointer;
}

a {
    color: #4B79A7;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
}

a:hover {
    color: #4a86b3;
    text-decoration: underline;
}

a:active {
    color: #4a6e9b;
    text-decoration: underline;
}

a:not([href]):not([tabindex]):not(onclick) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):not(onclick):hover, a:not([href]):not([tabindex]):not(onclick):focus {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):not(onclick):focus {
    outline: 0;
}