.dt {
    display: table;
}

.dtc {
    display: table-cell;
}

.fw6 {
    font-weight: 600;
}

.vh-100 {
    height: 97vh;
}

.w-100 {
    width: 100%;
}

.white {
    color: #fff;
}

.bg-dark-pink {
    background-color: #f9f9f9;
}

.ph3 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.tc {
    text-align: center;
}

.f6 {
    font-size: .875rem;
}

.v-mid {
    vertical-align: middle;
}

.spotify{
    font: bold 14px sans-serif;
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .f2-m {
        font-size: 2.25rem;
    }
}

@media screen and (min-width: 60em) {
    .ph4-l {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .f-subheadline-l {
        font-size: 2rem;
    }

}