.typography p img {
    max-width: 100%;
    height: auto;
}

.typography .two-columns,
.typography .three-columns,
.typography .two-columns-box,
.typography .three-columns-box,
.typography .six-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0 0 20px 0;
}

.typography .two-columns>div,
.typography .three-columns>div,
.typography .two-columns-box>div,
.typography .three-columns-box>div,
.typography .six-columns>div {
    vertical-align: top;
    min-width: 0;
    min-height: 0;
}

.typography .two-columns>div,
.typography .three-columns>div,
.typography .six-columns>div {
    width: auto;
    display: block;
    margin-bottom: 0;
    padding: 0;
}

.typography .two-columns>div p,
.typography .three-columns>div p,
.typography .one-column-box>div p,
.typography .two-columns-box>div p,
.typography .three-columns-box>div p,
.typography .six-columns>div p {
    margin-bottom: 16px;
}

.typography .two-columns>div p img,
.typography .three-columns>div p img,
.typography .one-column-box>div p img,
.typography .two-columns-box>div p img,
.typography .three-columns-box>div p img,
.typography .six-columns>div p img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.typography table h1:last-child,
.typography table h2:last-child,
.typography table h3:last-child,
.typography table h4:last-child,
.typography table h5:last-child,
.typography table h6:last-child,
.typography table p:last-child,
.typography .two-columns>div>p:last-child,
.typography .three-columns>div>p:last-child,
.typography .one-column-box>p:last-child,
.typography .two-columns-box>div>p:last-child,
.typography .three-columns-box>div>p:last-child,
.typography .six-columns>div>p:last-child {
    margin-bottom: 0;
}

.typography .three-columns,
.typography .three-columns-box {
    grid-template-columns: repeat(3, 1fr);
}

.typography p img.left,
.typography p img.leftAlone,
.typography p img.rightAlone,
.typography p img.right,
.typography p img.center {
    display: block;
    float: none;
    margin: 0 auto 1em;
}

.typography p img.left {
    float: left;
    margin-right: 1em;
}

.typography p img.right {
    float: right;
    margin-left: 1em;
}

.typography p img.leftAlone {
    float: left;
    margin-right: 100%;
}

.typography p img.rightAlone {
    float: right;
    margin-left:100%;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    clear:both;
}