/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: fira-sans, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: fira-sans, sans-serif;
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}



h1 {
    color: rgb(74, 74, 74);
    font-family: ibm-plex-mono, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 48px;
    margin-top: 15px;
    pointer-events: auto;
    text-rendering: optimizelegibility;
    text-transform: none;
    -moz-osx-font-smoothing: auto;
}

h2 {
    color: rgb(114, 60, 134);
    font-family: ibm-plex-mono, sans-serif;
    font-size: 15.25px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1.525px;
    line-height: 23.6333px;
    margin-top: 0;
    pointer-events: auto;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
    white-space: pre-wrap;
    -moz-osx-font-smoothing: auto;
}

.navbar-toggler {
    padding: 0;
}

section.page-section {
    color: rgb(34, 34, 34);
    font-family: ibm-plex-mono, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 28.8px;
    overflow-wrap: break-word;
    pointer-events: auto;
    text-transform: none;
    -moz-osx-font-smoothing: auto;
}

small {
    font-size: 80%
}

img {
    border: 0
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}


div.brand-title {
    font-family: ibm-plex-mono, sans-serif;
    font-weight: 700;
    font-size: 48px;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1em;
    color: #000
}

div.brand-title.a {
    text-decoration: none;
}

/* Footer */
.footer-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-around;
}

.footer-container div.footer-section {
    margin: 10px;
}

@media (max-width: 800px) {
    div.brand-title {
        font-size: 26px;
    }
    .footer-container {
        flex-direction: column;
    }
}