html, body {
    background-color: #fff;
    color: #636b6f;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    height: 100vh;
    margin: 0;
}

.row {
    padding: 1rem 0;
}

.bg {
    background: rgba(255, 152, 0, 0.86);
    padding: 2.5rem;
    color: #fff;
}

.bg-footer {
    background: rgba(255, 152, 0, 0.86);
    color: #fff;
}

.bg-footer p.lead {
    margin-bottom: 0;
    padding: .5rem;
    font-size: .9rem;
}

code {
    margin: 1rem 0;
}

.code-pre {
    white-space: pre;
}

.flex-me {
    display: flex;
    justify-content: center;
    align-items: center;
}

.my-own-container-class {
    background: red !important;
}

.my-own-container-item-class {
    background: pink !important;
}

.my-own-spinner-class {
    background: brown !important;
}

.my-own-text-class {
    color: red !important;
}

.i-am-static {
    position: static;
    background: brown;
    color: white;
    padding: 1rem;
}