@media(max-width: 480px) {
    .slogan {
        font-size: 42px;
    }
    .menu-toggle {
        color: #fdfff5;
    }
    .yellow-column__top {
        display: none;
    }
    .excerpt h1,
    .episodes h1,
    .archive-title h1,
    .archive-section h1 {
        font-size: 54px;
    }
    .p-50 {
        padding: 20px;
        margin: 0;
    }
    .slogan,
    .media p {
        font-size: 42px;
    }
    .media ion-icon {
        font-size: 32px;
    }
    .media ion-icon {
        font-size: 32px;
    }
}

@media(max-width: 900px) {
    .menu-toggle {
        color: #fdfff5;
    }
    .excerpt h1,
    .episodes h1,
    .archive-title h1,
    .archive-section h1 {
        font-size: 54px;
    }
    .slogan,
    .media p {
        font-size: 42px;
    }
    .media ion-icon {
        font-size: 32px;
    }
}

@media screen and (min-width: 800px) {
    .column {
        flex: 1
    }
    .double-column {
        flex: 2
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .menu-toggle {
        color: #fdfff5;
    }
    .media ion-icon {
        font-size: 32px;
    }
    .yellow-column__top {
        display: none;
    }
}