* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.article-row {
    display: flex;
    flex-wrap: wrap;
    font-family: "Open Sans", sans-serif;
    line-height: 1.5em;
}
div.article-row > div {
    padding: 2rem;
}
div.article-row div.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
div.article-row div.yellow-bg {
    background-color: #FFF4DA;
}
div.article-row div.gray-bg {
    background-color: #ECECF3;
}
div.article-row div.shadow-box {
    display: inline-block;
    width: auto;
    padding: 30px 53px;
    border-radius: 1rem;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.26);
    margin: 0 auto;
}
div.article-row h1,
div.article-row h2,
div.article-row h3,
div.article-row h4
{
    display: block;
    width: 100%;
    font-weight: 700;
}
div.article-row h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
}
div.article-row ul li
{
    margin-bottom: 0.5rem;
}
div.article-row ol li
{
    margin-bottom: 1rem;
}
div.article-row ul,
div.article-row ol
{
    padding: 0.5rem 0 0 2rem;
    margin: 0;
}
div.article-row li ul li
{
    list-style: disc;
}
div.article-row > div.w1 {
    width: 100%;
}

@media only screen and (min-width: 920px) {
    div.article-row > div {
        padding: 50px;
    }
    div.article-row > div.w1 {
        width: 100%;
    }
    div.article-row > div.w2 {
        width: 50%;
    }
    div.article-row > div.w3 {
        width: 33.333%;
    }
    div.article-row > div.o1 {
        order: 1;
    }
    div.article-row > div.o2 {
        order: 2;
    }
    div.article-row > div.o3 {
        order: 3;
    }
}