.eventIntro {
    position: relative;/** Position subsection heading */
}

.eventIntro .subsection {
    flex: 1 100%;
    margin-top: 1em;
}

@media (min-width: 108em) {
    .eventIntro .subsection {
        margin-top: -.5em
    }
}

.eventIntro__title {
    flex: 0 1 100%;
    margin-bottom: 35px;
    font-size: 1.7rem;
    line-height: 1.5;
    font-weight: normal;
    color: #1e1e1e;
}

.eventIntro__asideTitle {
    margin: 1rem 0 30px 0;
    font-weight: 700;
    color: #a6a6a6;
    font-size: .6rem;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.eventIntro__asideMetas {
    padding-left: 0;
    list-style: none;
    color: #1e1e1e;
}

.eventIntro__asideMetas li + li {
    border-top: 1px dashed hsla(0,0%,65%,.85);
    padding: 20px 0;
    margin: 20px 0;
}

@media (min-width: 768px) {
    .eventIntro__aside {
        flex: 0 25%;
    }

    .eventIntro__content {
        flex: 0 60%;
    }

    .eventIntro__share {
        padding: 1.4rem 3rem 0 0;
    }
}