.flex-box {
    display: flex;
    display: -webkit-flex;
    flex-flow: wrap;

    flex-direction: row;
    -webkit-flex-direction: row;
}
.flex-main {
    position: relative;
    max-width: 320px;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    padding: 5px;
    margin: 2px;
    border: #1F4973 2px solid;
}

.vertical-rule {
    border-left: solid thin #777;
    padding-left: 5px;
}
.text-box {
    padding: 2px;
    min-height: 160px;
}
.right {
    float: right;
    margin-left: 10px;
}
.left {
    float: left;
    margin-right: 10px;
}

.list-group-item:nth-child(odd) .docIcon {
    float: left;
    margin-right: 10px;
}
.list-group-item:nth-child(even) .docIcon {
    float: right;
    margin-left: 10px;
}

.visit {
    position: absolute;
    display: block;
    bottom: 5px;
    right: 5px;
}

.dynamic-columns {
    column-count: 4;
    column-rule: thin solid #5F448E ;
}
@media only screen and (min-width: 641pt) and (max-width: 960pt) {
    .dynamic-columns {
        column-count: 3;
    }
}
@media only screen and (min-width: 361pt) and (max-width: 640pt) {
    .dynamic-columns {
        column-count: 2;
    }
}
@media only screen and (max-width: 360pt) {
    .dynamic-columns {
        column-count: 1;
    }
}

p {
    padding-left: 3px;
    padding-right: 3px;
}
.thumbnail {
    border: #00007f 1px solid;
    padding: 0;
    align-content: center;
    border-radius: 0;
    margin-right: 1px;
}
.quote-box {
    margin: 3px;
    padding: 10px;
    background: rgb(219, 229, 226);
    flex-grow: 1;
    -webkit-flex-grow: 1;
}
.quote {
    font-family: 'Times-Italic', 'Times', 'Times New Roman', serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
}
.citation {
    color: rgb(0, 0, 0);
    font-family: 'Times-Roman', 'Times', 'Times New Roman', serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    margin-top: 20px;
}
.emphasized {
    color: darkblue;
    font-family: 'Times-Roman', 'Times', 'Times New Roman', serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}