.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;
}