.editorial {
    display: grid;
    grid-gap: var(--normal-gap) var(--small-gap);
    grid-template-columns: repeat(2, 1fr);
}

.editor-card {
    display: flex;
    flex-flow: row nowrap;
}

.editor-photo {
    flex-shrink: 0;
    width: 12.4rem;
    height: 12.4rem;
    margin-right: var(--small-gap);
    border-radius: .6rem;
    background: url('/i/i-avatar.svg') no-repeat center / cover;
}

.editor-info {
    display: flex;
    flex-flow: column nowrap;
}

.editor-info > * + * {
    margin-top: 1rem;
}

.editor-email {
    color: #007399;
}

.editor-name {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    color: #525258;
}

a.editor-name, .editor-affiliation a {
    color: #007399;
}


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