.main {
    &-container {
        @media screen and (min-width: $viewport-large) {
            max-width: $layoutMaxWidth;
        }
    }
}

.main {
    &-container {
        @media screen and (min-width: $viewport-large) {
            max-width: $layoutMaxWidth;
        }
    }
    &Text {
        $font-size: (18rem/16);
        h1 {
            font-weight: normal;
            font-size: (24rem/16);
            line-height: 1.2em;
            margin: 0 0 (24rem/16) 0;
        }
        h2 {
            font-weight: 300;
            font-size: (36rem/16);
            line-height: 1.2em;
            margin: 1em 0 .666em 0;
            &:first-child {
                margin-top: 0;
            }
        }
        h3 {
            font-weight: 300;
            font-size: (28rem/16);
            line-height: 1.2em;
            margin: 1em 0 .666em 0;
        }
        h4 {
            font-weight: normal;
            font-size: (20rem/16);
            line-height: 1.2em;
            margin: 1.5em 0 .75em 0;
        }
        p {
            font-size: $font-size;
            line-height: (24em/18);
            margin: 1em 0;
        }
        li {
            font-size: $font-size;
            line-height: (24em/18);
            margin: .75em 0;
        }
        ul {
            list-style: none;
            margin: 1em 0;
            padding: 0 0 0 3em;
            > li {
                padding: 0;
                &:before {
                    border-radius: .5em;
                    background-color: $blue;
                    content: '';
                    display: block;
                    float: left;
                    height: .35em;
                    margin: .5em 0 0 -1.5em;
                    width: .35em;
                }
            }
        }
    }
}

Add styles for Markdown content areas.
Add styles for Markdown content areas.

