#talks {
    min-height: 500px;

    padding: 80px 0 2em;

    background: #000;
}

#talks > h1 {
    width: 65px;
    height: 65px;

    margin: 2em auto;
    display: block;

    background: url("/public/layout/hairmates/image/talks/hm-talks@3x.png");
    background-size: 65px 65px;
}

#talks > h1 span {
    display: none;
}




#talks article.episode {
    padding: 1em;
}

#talks article.episode + article {
    margin-top: 3em;
}

#talks article.episode h1 {
    margin: 1em 0;

    font-size: 110%;
    color: #fff;
    text-align: center;
}

#talks article.episode a.thumbnail {
    width: 100%;
    display: block;
    position: relative;
    margin: 0;
    z-index: 1;
}

#talks article.episode img {
    display: block;
    width: 100%;
}

#talks article.episode img.play {
    position: absolute;
}

#talks article.episode div.links {
    margin: 0 auto;
    text-align: center;
}

#talks article.episode div.links a {
    width: 80px;
    height: 24px;

    display: inline-block;
}

#talks article.episode div.links a + a {
    margin-left: 20px;
}

#talks article.episode div.links a.apple-podcast-cs {
    background: url("/public/layout/hairmates/image/talks/apple-podcast-logo-cs.png") no-repeat;
    background-size: 80px 24px;
}

#talks article.episode div.links a.apple-podcast-en {
    background: url("/public/layout/hairmates/image/talks/apple-podcast-logo-en.png") no-repeat;
    background-size: 80px 24px;
}

#talks article.episode div.links a.spotify {
    background: url("/public/layout/hairmates/image/talks/spotify-logo.png") no-repeat;
    background-size: 80px 24px;
}

#talks article.episode div.links a.youtube {
    background: url("/public/layout/hairmates/image/talks/youtube-logo.png") no-repeat;
    background-size: 80px 24px;
}

#talks article.episode div.links a span {
    display: none;
}

@media only screen and (min-width: 43em) {
    #talks > article {
        max-width: 800px;

        margin: 0 auto;
        padding: 7em 6em;
    }
}