.episodes-div {
    margin: auto;

    .episodes {
        margin: 0 15px;

        .episode {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            margin: 0 0 15px;
            padding: 15px;
            border: solid 2px var(--menu);
            border-radius: 10px;
            -webkit-transition: background-color .3s;
            -o-transition: background-color .3s;
            transition: background-color .3s;

            .img-div {
                position: relative;
                width: 98px;

                img {
                    width: 100%;
                    display: block
                }
            }

            .text-div {
                h3 {
                    margin: 0 0 0 15px;
                    color: var(--font)
                }

                p {
                    color: var(--font)!important
                }
            }
        }

        .episode:hover {
            background-color: var(--menu);
            -webkit-transition: background-color .3s;
            -o-transition: background-color .3s;
            transition: background-color .3s
        }

        .episode:active h3 {
            color: var(--accent);
        }
    }
}

@media only screen and (min-width:700px) {
    .episodes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 15px 0 0;

        .episode {
            width: calc(50% - 7.5px);
        }
    }
}

#wrapper {
    z-index: 25 !important;
}