.grid {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px
}

.grid+.grid {
    margin-top: 24px
}
.grid .column-1 {
    grid-column-end: span 1
}

.grid .column-2 {
    grid-column-end: span 2
}

.grid .column-3 {
    grid-column-end: span 3
}

.grid .column-4 {
    grid-column-end: span 4
}

.grid .column-5 {
    grid-column-end: span 5
}

.grid .column-6 {
    grid-column-end: span 6
}

.grid .column-7 {
    grid-column-end: span 7
}

.grid .column-8 {
    grid-column-end: span 8
}

.grid .column-9 {
    grid-column-end: span 9
}

.grid .column-10 {
    grid-column-end: span 10
}

.grid .column-11 {
    grid-column-end: span 11
}

.column-12 {
    grid-column-end: span 12
}

@media only screen and (max-width: 767px) {
    .grid {
        grid-template-columns:repeat(1,1fr)
    }

    .grid .column {
        grid-column-end: span 1
    }

    .grid .column:empty {
        display: none
    }
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
.align-justify {
    text-align: justify;
}

blockquote {
    margin: 24px 0 0;
    padding-left: 24px;
    border-left: 3px #000 solid;
}
blockquote p {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    margin: 0;
}
blockquote p + p {
    margin-top: 10px;
}
blockquote p cite {
    font-size: 14px;
    font-weight: 400;
    color: #545454;
}