.padded-bottom, .app .hero__content .sub-heading {
    padding-bottom: 1.5rem; }
@media (min-width: 768px) {
    .padded-bottom, .app .hero__content .sub-heading {
        padding-bottom: 1.8625rem; } }
@media (min-width: 992px) {
    .padded-bottom, .app .hero__content .sub-heading {
        padding-bottom: 2rem; } }

@media (min-width: 992px) {
    .app .hero__content h1 {
        margin-top: 1.5rem; } }
@media (min-width: 1200px) {
    .app .hero__content h1 {
        margin-top: 2rem; } }

.wiki-btn {
    font-family: "Montserrat", "Helvetica Neue", "Helvetica", sans-serif;
    width: 20rem;
    background-color: #4472c4;
    border-color: #fff;
    color: #fff;
    margin-bottom: 0.5rem;
}

.wiki-btn:hover {
    background-color: #0055b3;
    cursor: pointer;
}

ol {
    counter-reset: list;
}
ol.inner {
    margin-top: 0;
}
ol > li {
    list-style: none;
    position: relative;
}
ol.outer > li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -2em;
}
ol.inner > li:before {
    counter-increment: list;
    content: counter(list, lower-roman) ") ";
    position: absolute;
    left: -2em;
}