.pages header {
    padding-bottom: 1.5rem;
}

.pages h3 {
    padding-top: 2rem;
    color: #888;
    letter-spacing: -0.03rem;
}

.pages img {
    margin: 1rem 0 1rem 1rem;
    float: right;
    width: 50%;
    filter: grayscale(20%) contrast(120%);
}

.pages .session-length {
    margin-top: 0.4rem;
    font-weight: var(--heavy-weight);
    color: var(--theme-grey);
}

.pages .social {
    padding-top: 3rem;
    text-align: center;
}



@media screen and (max-width: 640px) {
    .pages h1 {
        font-size: 4.5rem;
        line-height: 4rem;
    }
    .pages h3 {
        font-size: 1.8rem;
    }
    .pages img {
        margin: 1rem 0 0;
        float: none;
        width: 100%;
    }
}