.episode-list {
    padding: 5rem 0;
}
    .episode-list .pager {
        margin: 2rem 0;
    }
    .episode-list .episode-item {
        padding: 5rem 0;
        border-bottom: 1px solid rgba(155, 155, 155, 0.20);
    }
        .episode-list .episode-item .episode-list-grid {
            display: grid;
            grid-template-columns: 15rem 1fr;
        }
            .episode-list .episode-item .episode-list-grid h1 {
                margin: 0;
                font-size: 6rem;
                letter-spacing: 1.9px;
                font-weight: 600;
                text-align: center;
                margin-top: -1.5rem;
            }
            .episode-list .episode-item .episode-list-grid h2 {
                margin: 0;
                font-size: 2rem;
                letter-spacing: 0.6px;
                font-weight: 400;
                text-align: center;
                margin-top: -1rem;
            }
            .episode-list .episode-item .episode-list-grid h3 {
                margin: 0;
                font-size: 1.4rem;
                color: var(--accent-color);
                text-transform: uppercase;
                font-weight: 500;
            }
            .episode-list .episode-item .episode-list-grid h4 {
                margin: 0;
                font-size: 2.4rem;
                font-weight: 500;
            }
            .episode-list .episode-item .episode-list-grid p {
                margin: 0 0 1.5rem 0;
            }
            .episode-list .episode-item .episode-list-grid a {
                border: 1px solid var(--accent-color);
                padding: .5rem 1rem;
                text-transform: uppercase;
                font-weight: 500;
                border-radius: 3px;
            }
                .episode-list .episode-item .episode-list-grid a:hover {
                    background-color: var(--accent-color);
                    color: #fff;
                }


@media (max-width: 550px) {
    .episode-list .episode-item .episode-list-grid {
        display: grid;
        grid-template-columns: 1fr;
    }
    .episode-list .episode-item .episode-list-grid > div:nth-child(1) {
        margin-bottom: 4rem;
    }
        .episode-list .episode-item .episode-list-grid h1 {
            text-align: left;
        }
        .episode-list .episode-item .episode-list-grid h2 {
            text-align: left;
        }
}