html,
body {
    width: 100%;
    height: 100%;
}

ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

    ol > li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em;
    }

        ol > li:before {
            content: counters(item, ".") ". ";
            display: table-cell;
            padding-right: 0.6em;
        }

li ol > li {
    margin: 0;
}

    li ol > li:before {
        content: counters(item, ".") " ";
    }

.text-blue {
    color: #5577aa;
}

.alert-blue {
    color: #5577aa;
    background-color: #eff6ff;
    border-color: #5577aa;
}

.display-7 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.border-start {
    border-left: 2px solid #dee2e6 !important;
}

.bg-blue {
    background-color: #225486;
}