@media only screen and (max-width: 1200px) {
    #pizazz {
        display: none;
    }

    #container {
        width: 100%;
        margin-left: 0;
    }

    #content {
        width: 85%;
        margin-left: 12%;
    }

    #logo {
        width: 95%;
        left: 2.5%;
        top: 0.25%;

        margin-top: 0;
    }

    #logo>h1 {
        display: none;
    }

    nav {
        position: fixed;
        width: 10%;
    }

    #menu {
        width: 100%;
    }

    #menu-expander {
        display: block;
    }

    nav #cb:checked+label #cb-right {
        display: none;
    }

    nav #cb:checked+label #cb-left {
        display: block;
    }

    nav #cb+label #cb-right {
        display: block;
    }

    nav #cb+label #cb-left {
        display: none;
    }

    nav #cb:checked+label #cb-right {
        display: none;
    }

    nav #cb+label #cb-left {
        display: none;
    }

    .menu-large {
        width: 50%;
    }

    .menu-large #logo>h1 {
        display: block;
        font-size: xx-large;
    }

    #menu-options {
        display: none;
    }

    .menu-large #menu-options {
        display: block;
    }

    .card {
        width: 100%;
    }

    #headshot {
        width: 33%;
    }

    .ingredients {
        float: none;
        width: 100%;
    }

    .instructions {
        float: none;
        width: 100%;
    }

    .card-container .card:nth-child(2n+1) {
        clear: left
    }

    .card-container .card:nth-child(3n+1) {
        clear: none;
    }

    ol {
        padding-inline-start: 15px;
    }

}