@media all {
    .brochure-centering-container {
        --max-width-brochure: 1600;
        --max-width-brochure-px: (var(--max-width-brochure) * 1px);
        --color-background-blue: #21356b;
        --color-font-rust: #9B3921;
        --gradient-mask-reset: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1));
    }
}

@media screen {
    .brochure-centering-container .media-print-only {
        display: none !important;
    }
    
    body {
        margin: 0;
    }
    
    .brochure-centering-container {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        background: #71655E;
    }
    
    .brochure-centering-container .img-load {
        display: none;
        position: fixed;
        top: 50%;
        left:50%;
        transform: translate(-50%, -50%);
        width:10vw;
    }
    
    .brochure-centering-container > .header {
        display: flex;
        justify-content: center;
        background-color: #465384;
        max-width: calc(var(--max-width-brochure-px));
        width: 100%;
        min-height: 50px;
        max-height: 112px;
        height: 5vw;
    }
    
    .brochure-centering-container > .header button {
        height: 100%;
        background: 0;
        outline: 0;
        border: 0;
        padding: 5px 20% 5px 20%;
        
    }
    
    .brochure-centering-container > .header img {
        height: 100%;
        background: 0;
        cursor: hand;
    }
    
    
    .brochure-page-container {
        max-width: calc(var(--max-width-brochure-px));
        background: white;
    }
    
    .brochure-page-container > .page-frame {
        display: flex;
        flex-direction: column;
    }
    

    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 1 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-1 > .header{
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 100%;
    }

    .brochure-page-container > .page-1 > .header .background{
        grid-column: 1;
        grid-row: 1;
        height: 100%;
        width: 100%;
        background-color: var(--color-background-blue);
        pointer-events: none;
    }
    .brochure-page-container > .page-1 > .header .background *{
        pointer-events: none;
    }


    .brochure-page-container > .page-1 > .header .background .img-wheat{
        height: 100%;
        width: 100%;
        background-image: url("https://images.specialtys.com/printablemenu/WheatBackground/blue_wheat_pg1_header_bkg.png");
        background-repeat: repeat;
        background-size: contain;
        --gradient-mask-background-wheat: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,.2) 30%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 75%);
        -webkit-mask-image: var(--gradient-mask-background-wheat);
        mask-image: var(--gradient-mask-background-wheat);
    }
    
    .brochure-page-container.media-pdf-render > .page-1 > .header .background .img-wheat {
        background-image: url("https://images.specialtys.com/printablemenu/WheatBackground/blue_wheat_pg1_header_bkg_media_pdf.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0px 0px;
        -webkit-mask-image: unset;
        mask-image: unset;
    }


    .brochure-page-container > .page-1 > .header .foreground{
        grid-column: 1;
        grid-row: 1;
        display: grid;
        grid-template-columns: 60% 40%;
        -webkit-mask-image: var(--gradient-mask-reset);
        mask-image: var(--gradient-mask-reset);    
    }
    
    .brochure-page-container.media-pdf-render > .page-1 > .header .foreground {
        -webkit-mask-image: unset;
        mask-image: unset;
    }

    .brochure-page-container > .page-1 > .header .foreground .title{
        grid-column: 1;
        padding: 20px 0 20px 20px;
        pointer-events: none;
    }
    .brochure-page-container > .page-1 > .header .foreground .title *{
        pointer-events: none;
        -webkit-user-select: none;  
        -moz-user-select: none;    
        -ms-user-select: none;      
        user-select: none;
    }

    .brochure-page-container > .page-1 > .header .foreground .title span{
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        color:white;
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .085;
        --font-min-size: 40px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }

    .brochure-page-container > .page-1>  .header .foreground .title span:first-child{
        margin-bottom: -2%;
    }

    .brochure-page-container > .page-1 > .header .foreground .title span span{
        
    }


    .brochure-page-container > .page-1 > .header .foreground .logo {
        grid-column: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .brochure-page-container > .page-1 > .header .foreground .logo img{
        max-width: 70%;
        height: 70%;
    }


    .brochure-page-container > .page-1 > .body > img.img-cover{
        width: 100%;
        margin-bottom: -5px;
    }
    
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 2 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    
    .brochure-page-container > .page-2 {
        display: grid;
        grid-template-columns: 30% 70%;
    }
    
    
    .brochure-page-container > .page-2 > .side-panel {
        grid-column: 1;
        grid-row: 1;
        display: grid;
        --height-ratio: 1.2;
        min-height: 1200px;
        max-height: calc(var(--max-width-brochure) * var(--height-ratio) * 1px);
        height: calc(var(--height-ratio) * 100vw);
        min-width: 235px;
    }
    
    .brochure-page-container.media-pdf-render > .page-2 > .side-panel {
        max-height: unset;
        height: 100%;
    }
    
    .brochure-page-container > .page-2 > .side-panel .background {
        grid-column: 1;
        grid-row: 1;
        height: 100%;
        width: 100%;
        background-color: var(--color-background-blue);
    }
    
    .brochure-page-container > .page-2 > .side-panel .background .img-wheat {
        --background-wheat-gradient-direction: to bottom;
        height:100%;
        width: 100%;
        background-image: url("https://images.specialtys.com/printablemenu/WheatBackground/blue_wheat_pg2_sidepnl_bkg.png");
        background-repeat: repeat;
        background-size: contain;
        background-position: 70px -60px;
        --gradient-mask-background-wheat: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,.2) 20%, rgba(0,0,0,.05) 30%, rgba(0,0,0,0) 50%);
        -webkit-mask-image: var(--gradient-mask-background-wheat);
        mask-image: var(--gradient-mask-background-wheat);
    }
    
    .brochure-page-container.media-pdf-render > .page-2 > .side-panel .background .img-wheat {
        background-image: url("https://images.specialtys.com/printablemenu/WheatBackground/blue_wheat_pg2_sidepnl_bkg_media_pdf.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0px 0px;
        -webkit-mask-image: unset;
        mask-image: unset;
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground {
        grid-column: 1;
        grid-row: 1;
        display: grid;
        grid-template-rows: 30% 45% 25%;
        -webkit-mask-image: var(--gradient-mask-reset);
        mask-image: var(--gradient-mask-reset);
        color: white;
    }
    
    .brochure-page-container.media-pdf-render > .page-2 > .side-panel .foreground {
        -webkit-mask-image: unset;
        mask-image: unset;
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission {
        grid-column: 1;
        grid-row: 1;
        display: grid;
        grid-template-rows: 50% 50%;
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .logo{
        grid-column: 1;
        grid-row: 1;
        justify-self: center;
        align-self: end;
        width: 90%;
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .logo-txt{
        grid-column: 1;
        grid-row: 1;
        justify-self: center;
        align-self: center;
        text-align: center;
        width: 90%;
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .logo-txt .header{
        text-align: center;
        font-weight: 300;
        --font-size-ratio: .06;
        --font-min-size: 40px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .logo-txt .subheader{
        text-align: center;
        font-family: din-condensed, sans-serif;
        --font-size-ratio: .025;
        --font-min-size: 20px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
        font-weight: 400;
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .mission{
        grid-column: 1;
        grid-row: 2;
        justify-self: center;
        align-self: center;
        padding: 10%;
        font-family: museo-sans, sans-serif;
        font-weight: 400;
        --font-size-ratio: .016;
        --font-min-size: 18px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .icon-slogans{
        grid-column: 1;
        grid-row: 2;
        display: grid;
        grid-template-rows: 20% 80%
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .icon-slogans .tagline{
        grid-column: 1;
        grid-row: 1;
        justify-self: center;
        align-self: end;
        font-family: din-condensed, sans-serif;
        --font-size-ratio: .03;
        --font-min-size: 30px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
        font-weight: 400;
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .icon-slogans .slogan-list-container{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .icon-slogans .slogan-list-container .slogan-list-item{
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
        padding-right: 5px;
        margin: 0;
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .icon-slogans .slogan-list-container .slogan-list-item .icon{
        min-width: 50px; 
        width: 5vw;
        padding-left: 4%; 
    }
    
    .brochure-page-container.media-pdf-render > .page-2 > .side-panel .foreground .icon-slogans .slogan-list-container .slogan-list-item .icon{
        display: none;
    }  
    
    .brochure-page-container > .page-2 > .side-panel .foreground .icon-slogans .slogan-list-container .slogan-list-item .slogan {
        padding-left: 5%;
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .016;
        --font-min-size: 18px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container.media-pdf-render > .page-2 > .side-panel .foreground .icon-slogans .slogan-list-container .slogan-list-item .slogan {
        padding-left: 15%;
        padding-right: 15%;
        width: 100%;
        text-align: center;
    }
    
    .brochure-page-container > .page-2 > .side-panel .foreground .footer {
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .03;
        --font-min-size: 24px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
        align-self: end;
        text-align: center;
    }
    
    
    .brochure-page-container > .page-2 > .body {
        grid-column: 2;
        grid-row: 1;
        display: grid;
        grid-template-rows: 15% 80% 5%;
    }
    
    .brochure-page-container > .page-2 > .body > .header {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-content: center;
        align-items: center;
    }
    
    .brochure-page-container > .page-2 > .body > .header .title {
        color: #71655E;
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .05;
        --font-min-size: 40px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-2 > .body > .header .subtitle {
        padding: 0 20% 0 20%;
        text-align: center;
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .02;
        --font-min-size: 20px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    
    .brochure-page-container > .page-2 > .body > .product-offering-container {
        grid-column: 1;
        grid-row: 2;
        display: grid;
        grid-template-rows: repeat(3, 1fr);
    }
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 20% 80%;
        width: 100%;
    }
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .icon-container {
        grid-column: 1 / 3;
        grid-row: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center
    }
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .icon-container .icon{
        height: 80%;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    
    .brochure-page-container.media-pdf-render > .page-2 > .body > .product-offering-container .product-offering-list-item .icon-container .icon{
        height: 120px;
        margin-top: 80px;
    }
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item.product-catering .icon-container .icon {
        height: 60%;
        background-image: url(https://images.specialtys.com/printablemenu/Icons/Van_Vector.svg);
    }
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item.product-GIO .icon-container .icon {
        background-image: url(https://images.specialtys.com/printablemenu/Icons/Bags_Vector.svg);
    }
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item.product-popup .icon-container .icon {
        background-image: url(https://images.specialtys.com/printablemenu/Icons/Office_Vector.svg);
    }
    
    
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .product-definition {
        grid-column: 1;
        grid-row: 2;
        padding: 5%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: space-between;
        align-items: center;
    }
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .product-definition .title {
        text-align: center;
        color: #17346C;
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .06;
        --font-min-size: 50px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .product-definition .subtitle {
        width: 100%;   
        height: 100%;
        background-color: #F3F2F1;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        text-align: center;
        font-family: museo-sans, sans-serif;
        font-weight: 600;
        --font-size-ratio: .02;
        --font-min-size: 20px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .product-description {
        grid-column: 2;
        grid-row: 2;
        padding: 2%;
        padding-right: 5%;
    }
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .product-description ul{
        height: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        list-style: none;
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .02;
        --font-min-size: 20px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .product-description li::before {
        content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: var(--color-font-rust);
        font-weight: bold; /* If you want it to be bold */
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }
    
    
    
    .brochure-page-container > .page-2 > .body > .footer{
        grid-column: 1;
        grid-row: 3;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        text-align: center;
        background: #F3F2F1;
        font-family: museo-sans, sans-serif;
        font-weight: bold;
        --font-size-ratio: .016;
        --font-min-size: 16px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    
    
    
    @media (max-width: 1000px) {
        .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .mission {
            padding: 5%;
        }
        
        .brochure-page-container > .page-2 > .body > .header .subtitle {
            padding: 0 10% 0 10%;
        }
    }
    
    @media (max-width: 900px) {
        .brochure-page-container > .page-2 > .body > .header .subtitle {
            padding: 0 5% 0 5%;
        }
    }
    
    
    
    /*Full Org Break*/
    @media (max-width: 800px) {
        .brochure-page-container > .page-2 {
            display: flex;
            flex-direction: column;
        }
        
        .brochure-page-container > .page-2 > .side-panel {
            min-height: 700px; 
            min-width: 100%;
            width: 100%;
        }
        
       .brochure-page-container > .page-2 > .side-panel .foreground {
            grid-template-rows: 5% 30% 45% 20%;
        }
        
        .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission {
            grid-row: 2;
        }
        
        .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .logo{
            width: 50%;
            align-self: center;
        }
        
        .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .logo-txt .header{
            --font-size-ratio: .1;
            --font-min-size: 50px;
            font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
        }

        .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .logo-txt .subheader{
            font-family: din-condensed, sans-serif;
            --font-size-ratio: .04;
            --font-min-size: 30px;
            font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
            font-weight: 300;
        }
        
        .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .mission {
            padding: 20%;
        }
        
        .brochure-page-container > .page-2 > .side-panel .foreground .icon-slogans {
            grid-row: 3;
        }
        
        .brochure-page-container > .page-2 > .side-panel .foreground .icon-slogans .slogan-list-container{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
        }
        
        .brochure-page-container > .page-2 > .side-panel .foreground .footer {
            grid-row: 4;
            align-self: center;
        }
        
        
        .brochure-page-container > .page-2 > .body{
            display: flex;
            flex-direction: column;
            min-height: 900px;
        }
        
        .brochure-page-container > .page-2 > .body > .product-offering-container {
            display: flex;
            flex-direction: column;
        }
        
        .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item{
            min-height: 250px;
        }
        
        .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item:first-child {
            padding-top: 10px;
        }
        
        .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item:not(:first-child) {
            padding-top: 20px;
        }
        
        .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item:last-child {
            padding-bottom: 20px;
        }
        
        .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .icon-container .icon {
            height: 100%;
        }
        
        .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .icon-container .icon.icon-van {
            height: 80%;
        }
        
        .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .product-definition .subtitle {
            padding: 20px 0 20px 0;
        }
        
        
        
        
        .brochure-page-container > .page-2 > .body > .footer {
            padding: 10px 0 10px 0;
        }
        
        
        @media (max-width: 600px) {
            .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .mission {
                padding: 10%;
            }
            
            .brochure-page-container > .page-2 > .side-panel .foreground .icon-slogans .slogan-list-container{
                display: grid;
                grid-template-columns: 100%;
                grid-template-rows: repeat(4, 1fr);
            }
            
            .brochure-page-container > .page-2 > .body > .header {
                justify-content: center;
                align-content: center;
                align-items: center;
            }
            
            
            .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item {
                display: grid;
                grid-template-columns: 100%;
                grid-template-rows: 20% 40% 40%;
                width: 100%;
            }
            
            .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .icon-container .icon {
                height: 80% !important;
            }
            
            .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .icon-container .icon.icon-van {
                height: 60% !important;
            }
            
            .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .product-definition {
                grid-column: 1;
                grid-row: 2;
            }
            
            .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .product-definition .subtitle {
                padding: 20px 0 20px 0;
            }
            
            .brochure-page-container > .page-2 > .body > .product-offering-container .product-offering-list-item .product-description {
                grid-column: 1;
                grid-row: 3;
                padding: 5%;
            }
        }
        
        @media (max-width: 500px) {
            .brochure-page-container > .page-2 > .side-panel .foreground .logo-mission .mission {
                padding: 5%;
            }
        }
        
    }
    
    
    /******************************************************************************************************************************************************************/
    /************************************************************************ Menu Pages (3-7) ************************************************************************/
    /******************************************************************************************************************************************************************/
    
    
    .brochure-page-container > .page-menu {
        
    }
    
    .brochure-page-container > .page-menu > header {
        display: flex;
        align-content: center;
        align-items: center;
        min-height: 40px;
        max-height: 60px;
        background-color: var(--color-background-blue);
        color: white;
    }
    
    .brochure-page-container > .page-menu:nth-child(2n) > header{
        justify-content: flex-start;
    }
    
    .brochure-page-container > .page-menu:nth-child(2n+1) > header{
        justify-content: flex-end;
    }
    
    .brochure-page-container > .page-menu > header .header-label {
        padding: 10px 20px 10px 20px;
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .026;
        --font-min-size: 26px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 100%
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header-figure {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        text-align: center;
        margin: 0;
        --margin-vertical-ratio: .06;
        --margin-vertical-min: 35px;
        margin-bottom: min(max(calc(var(--margin-vertical-ratio) * 100vw), var(--margin-vertical-min)), var(--max-width-brochure-px) * var(--margin-vertical-ratio))
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header-figure img {
        display: flex;
        justify-self: center;
        margin-bottom: 20px;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: baseline;
        align-items: baseline;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header .menu-category-title{
        color: var(--color-font-rust);
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .04;
        --font-min-size: 40px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header .menu-category-subtitle,
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header-figure .menu-category-subtitle{
        color: #71655E;
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .026;
        --font-min-size: 30px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-description {
        padding: 0 2vw 0 5vw;
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .014;
        --font-min-size: 18px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .016;
        --font-min-size: 20px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items .menu-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: flex-end;
        align-items: flex-end;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items .menu-item:has(.menu-item-details){
        margin-bottom: 50px;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items .menu-item .menu-item-descriptor .menu-item-details{
        padding: 10px 10vw 0 5vw;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items .menu-item .menu-item-spacer {
        display: flex;
        flex: 1 1 auto;
        margin-left: 5px;
        margin-right: 5px;
        align-self: stretch;
        margin-top: 0;
        --min-margin-btm: 5;
        --min-margin-btm-px: (var(--min-margin-btm) * 1px);
        --max-margin-btm: 8;
        --max-margin-btm-px: (var(--max-margin-btm) * 1px);
        --margin-ration: ((var(--max-margin-btm) / var(--max-width-brochure)) * 100vw);
        margin-bottom: min(max(calc(var(--margin-ration)), var(--min-margin-btm-px)), var(--max-margin-btm-px));
        background-image: linear-gradient(to right, #000 10%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-size: 20px 1px;
        background-repeat: repeat-x;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items .menu-item .menu-item-price{
        background: white;
        padding-left: 10px;
    }
    
    @media (max-width: 1100px) {
        .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header {
            flex-direction: column;
            justify-content: flex-start;
            align-content: baseline;
            align-items: baseline;
        }
    }
    
    @media (max-width: 950px) {
        .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-description {
            padding: 0 5vw 0 5vw;
        }
    }
    
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 3 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-3 > .body{
        display: flex;
        flex-direction: column;
    }
    
    .brochure-page-container.media-pdf-render > .page-3 > .body {
        height: 100%;
        justify-content: space-between !important;
    }
    
    .brochure-page-container > .page-3 > .body .menu-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: 3vw;
        row-gap: 50px;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        padding-top: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio))
    }
    
    .brochure-page-container > .page-3 > .body .menu-container .menu-category.grid-upper {
        align-content: flex-start;
        align-items: flex-start;
    }
    
    .brochure-page-container > .page-3 > .body .menu-container .menu-category.grid-lower {
        align-content: flex-end;
        align-items: flex-end;
    }
    
    .brochure-page-container > .page-3 > .body .image-container img {
        width: 100%;
        margin-bottom: -5px;
    }
    
    @media (max-width: 950px) {
        .brochure-page-container > .page-3 > .body .menu-container{
            grid-template-columns: 100%;
            grid-template-rows: auto;
            padding-left: 5vw;
            padding-right: 5vw;
        }
        
        .brochure-page-container > .page-3 > .body .menu-container .menu-category .menu-category-items {
            padding: 0 5vw 0 5vw;
        }
    }
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 4 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-4 > .body{
        display: flex;
        flex-direction: column;
    }
    
    .brochure-page-container.media-pdf-render > .page-4 > .body {
        height: 100%;
        justify-content: space-between !important;
    }
    
    .brochure-page-container > .page-4 > .body .menu-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        column-gap: 3vw;
        row-gap: 50px;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        padding-top: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio))
    }
    
    .brochure-page-container > .page-4 > .body .image-container img {
        width: 100%;
        margin-bottom: -5px;
    }
    
    @media (max-width: 950px) {
        .brochure-page-container > .page-4 > .body .menu-container{
            grid-template-columns: 100%;
            grid-template-rows: auto;
            padding-left: 5vw;
            padding-right: 5vw;
        }
        
        .brochure-page-container > .page-4 > .body .menu-container .menu-category .menu-category-items {
            padding: 0 5vw 0 5vw;
        }
    }
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 5 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-5 > .body{
        display: flex;
        flex-direction: column;
    }
    
    .brochure-page-container > .page-5 > .body .menu-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: 3vw;
        row-gap: 50px;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        padding-bottom: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio))
    }
    
    .brochure-page-container > .page-5 > .body .menu-container .menu-category.menu-breakfast-box {
        grid-column: 1;
        grid-row: 1;
    }
    
    .brochure-page-container > .page-5 > .body .menu-container .menu-category.menu-salad-box {
        grid-column: 1;
        grid-row: 2;
        align-content: center;
        align-items: center;
    }
    
    .brochure-page-container > .page-5 > .body .menu-container .menu-category.menu-sandwich-box {
        grid-column: 2;
        grid-row: 1 / 3;
    }
    
    
    .brochure-page-container > .page-5 > .body .image-container img {
        width: 100%;
        margin-bottom: -5px;
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container {
        display: grid;
        height: 100%;
        width: 100%;
        grid-template-columns: repeat(9, 1fr);
        grid-template-rows: 100%;
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text {
        grid-column: 1 / 10;
        grid-row: 1;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        padding-top: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio));
        position: relative;
        z-index: 999;
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text .title {
        color: var(--color-font-rust);
        font-family: thirsty-rough, sans-serif;
        font-weight: 500;
        --font-size-ratio: .05;
        --font-min-size: 40px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text .info-box-name {
        color: #71655E;
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .026;
        --font-min-size: 30px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text .info-box-name:not(:first-child){
        --padding-vertical-ratio: .025;
        --padding-vertical-min: 20px;
        margin-top: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio));
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text .info-box-description {
        --margin-horizontal-ratio: .025;
        --margin-horizontal-min: 20px;
        margin-left: min(max(calc(var(--margin-horizontal-ratio) * 100vw), var(--margin-horizontal-min)), var(--max-width-brochure-px) * var(--margin-horizontal-ratio));
        color: var(--color-font-rust);
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .045;
        --font-min-size: 40px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
        
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-image {
        grid-column: 5 / 10;
        grid-row: 1;
        position: relative;
        z-index: 1;
    }
    
    .brochure-page-container > .page-5 > footer {
        display: flex;
        justify-content: flex-end;
        color: var(--color-font-rust);
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .03;
        --font-min-size: 30px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container.media-pdf-render > .page-5 > footer {
        flex-direction: column;
        flex: 1 1 auto;
    }
    
    .brochure-page-container > .page-5 > footer span {
        display: block;
        padding: 0 20px 10px 0;
        text-align: end;
    }
    
    .brochure-page-container > .page-5 > footer span a {
        color: var(--color-font-rust);
    }
    
    
    
    @media (max-width: 800px) {
        .brochure-page-container > .page-5 > .body .image-container .infographic-container {
            padding-bottom: 80px;
        }
        
        .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text {
            --padding-vertical-ratio: .3;
            --padding-vertical-min: 150px;
            padding-top: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio));
        }
    }
    
    
    @media (max-width: 950px) {
        .brochure-page-container > .page-5 > .body .menu-container{
            grid-template-columns: 100%;
            grid-template-rows: auto;
            padding-left: 5vw;
            padding-right: 5vw;
        }
        
        .brochure-page-container > .page-5 > .body .menu-container .menu-category {
            grid-column: auto !important;
            grid-row: auto !important;
        }
        
        .brochure-page-container > .page-5 > .body .menu-container .menu-category .menu-category-items {
            padding: 0 5vw 0 5vw;
        }
    }
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 6 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-6 > .body{
        display: flex;
        flex-direction: column;
    }
    
    .brochure-page-container.media-pdf-render > .page-6 > .body {
        height: 100%;
        justify-content: space-between !important;
    }
    
    .brochure-page-container > .page-6 > .body .menu-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: 3vw;
        row-gap: 50px;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        --padding-vertial: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio));
        padding-top: var(--padding-vertial);
    }
    
    .brochure-page-container > .page-6 > .body .menu-container .menu-category.menu-sandwiches {
        grid-column: 1 / 3;
        grid-row: 1;
    }
    
    .brochure-page-container > .page-6 > .body .menu-container .img-salad {
        grid-column: 1;
        grid-row: 2;
    }
    
    .brochure-page-container > .page-6 > .body .menu-container .img-salad img {
        width: 100%;
        margin-left: -5vw;
        z-index: 1;
        position: relative;
    }
    
    .brochure-page-container > .page-6 > .body .menu-container .menu-category.menu-salads {
        grid-column: 2;
        grid-row: 2;
        align-content: center;
        align-items: center;
        z-index: 99;
        position: relative;
    }
    
    .brochure-page-container.media-pdf-render > .page-6 > .body .menu-container .menu-category.menu-salads {
        margin-left: -140px;
    }
    
    @media (max-width: 950px) {
        .brochure-page-container > .page-6 > .body .menu-container{
            grid-template-columns: 100%;
            grid-template-rows: auto;
            padding-left: 5vw;
            padding-right: 5vw;
        }
        
        .brochure-page-container > .page-6 > .body .menu-container .menu-category.menu-sandwiches {
            grid-column: 1;
            grid-row: 1;
        }

        .brochure-page-container > .page-6 > .body .menu-container .img-salad {
            grid-column: 1;
            grid-row: 3;
        }
        
        .brochure-page-container > .page-6 > .body .menu-container .img-salad img {
            width: 50%;
            margin-left: -5vw;
        }
        
        .brochure-page-container > .page-6 > .body .menu-container .menu-category.menu-salads {
            grid-column: 1;
            grid-row: 2;
        }
        
        
        .brochure-page-container > .page-6 > .body .menu-container .menu-category .menu-category-items {
            padding: 0 5vw 0 5vw;
        }
    }
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 7 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-7 > .body{
        display: flex;
        flex-direction: column;
    }
    
    
    
    .brochure-page-container > .page-7 > .body .menu-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        column-gap: 3vw;
        row-gap: 50px;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        --padding-vertial: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio));
        padding-top: var(--padding-vertial);
        padding-bottom: var(--padding-vertial);
    }
    
    .brochure-page-container > .page-7 > .body .menu-container .menu-category .menu-category-header-figure img {
        width: 50%;
    }
    
    
    .brochure-page-container > .page-7 > .footer {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 100%;
        justify-content: center;
        justify-items: center;
        align-content: flex-end;
        align-items: flex-end;
    }
    
    .brochure-page-container > .page-7 > .footer img {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        margin-bottom: -5px;
    }
    
    
    .brochure-page-container > .page-7 > .footer .text-container {
        grid-column: 1;
        grid-row: 1;
        text-align: center;
        width: 40%;
    }
    
    .brochure-page-container > .page-7 > .footer .text-container .terms-conditions {
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .016;
        --font-min-size: 20px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-7 > .footer .text-container .site-link {
        color: var(--color-font-rust);
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .04;
        --font-min-size: 40px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    
    @media (max-width: 950px) {
        .brochure-page-container > .page-7 > .body .menu-container{
            grid-template-columns: 100%;
            grid-template-rows: auto;
            padding-left: 5vw;
            padding-right: 5vw;
        }
        
        .brochure-page-container > .page-7 > .body .menu-container .menu-category .menu-category-items {
            padding: 0 5vw 0 5vw;
        }
    }
    
    
    @media (max-width: 800px) {
        .brochure-page-container > .page-7 > .footer {
            grid-template-rows: auto 1fr;
        }
        
        .brochure-page-container > .page-7 > .footer .text-container {
            grid-row: 2;
            width: 90%;
            padding: 40px 0 10px 0;
        }
    }
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 8 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-8{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 100%;
        width: 100%;
        min-height: 800px;
        height: 100vw;
    }
    
    .brochure-page-container > .page-8 > .background {
        grid-column: 1;
        grid-row: 1;
        background-color: var(--color-background-blue);
    }
    
    .brochure-page-container > .page-8 > .background .img-wheat {
        height: 100%;
        width: 100%;
        background-image: url("https://images.specialtys.com/printablemenu/WheatBackground/blue_wheat_pg8_bkg.png");
        background-repeat: repeat;
        --gradient-mask-background-wheat: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,.2) 30%, rgba(0,0,0,.05) 40%, rgba(0,0,0,0) 60%);
        -webkit-mask-image: var(--gradient-mask-background-wheat);
        mask-image: var(--gradient-mask-background-wheat);
    }
    
    .brochure-page-container.media-pdf-render > .page-8 > .background .img-wheat {
        background-image: url("https://images.specialtys.com/printablemenu/WheatBackground/blue_wheat_pg8_bkg_media_pdf.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0px 0px;
        -webkit-mask-image: unset;
        mask-image: unset;
    }
    
    
    .brochure-page-container > .page-8 > .foreground {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        -webkit-mask-image: var(--gradient-mask-reset);
        mask-image: var(--gradient-mask-reset);
    }
    
    .brochure-page-container.media-pdf-render > .page-8 > .foreground {
        -webkit-mask-image: unset;
        mask-image: unset;
    }
    
    .brochure-page-container > .page-8 > .foreground .content-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        text-align: center;
        color: white;
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .018;
        --font-min-size: 20px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-8 > .foreground .content-container img {
        min-width: 230px;
        width: 33vw;
    }
    
    .brochure-page-container > .page-8 > .foreground .content-container .tagline {
        margin-top: 20%;
        font-style: italic;
    }
    
    .brochure-page-container > .page-8 > .foreground .content-container .contact {
        margin-top: 10%;
    }
    
    .brochure-page-container > .page-8 > .foreground .content-container .contact > a{
        display: block;
        color: white;
        font-style: normal;
    }
    
    
}



@media print {
    
    form {
        margin: 0px;
    }

    .brochure-centering-container {
        -webkit-print-color-adjust:exact !important;
        print-color-adjust:exact !important;   
    }
    
    
    
    .brochure-centering-container .media-screen-only {
        display: none !important;
    }

    .brochure-page-container > .page-frame:not(:last-child) {
        page-break-before: avoid !important;
        page-break-after: always !important;
    }
    
    .brochure-page-container > .page-frame img {
        display: none;
    }
    
    
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 1 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-1 {
        display: none;
    }
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 2 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-2 {
        display: none;
    }
    
    /******************************************************************************************************************************************************************/
    /************************************************************************ Menu Pages (3-7) ************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-menu {
        
    }
    
    .brochure-page-container > .page-menu > header {
        display: flex !important;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        min-height: 40px;
        max-height: 60px;
        background-color: var(--color-background-blue);
        color: white;
    }
    
    
    .brochure-page-container > .page-menu > header .header-label {
        padding: 10px 20px 10px 20px;
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .026;
        --font-min-size: 26px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 100%
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header-figure {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        text-align: center;
        margin: 0;
        --margin-vertical-ratio: .06;
        --margin-vertical-min: 35px;
        margin-bottom: min(max(calc(var(--margin-vertical-ratio) * 100vw), var(--margin-vertical-min)), var(--max-width-brochure-px) * var(--margin-vertical-ratio))
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header-figure img {
        display: flex;
        justify-self: center;
        margin-bottom: 20px;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: baseline;
        align-items: baseline;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header .menu-category-title{
        color: var(--color-font-rust);
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .04;
        --font-min-size: 40px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header .menu-category-subtitle,
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-header-figure .menu-category-subtitle{
        color: #71655E;
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        --font-size-ratio: .026;
        --font-min-size: 30px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-description {
        padding: 0 2vw 0 5vw;
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .014;
        --font-min-size: 18px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        font-family: museo-sans, sans-serif;
        font-weight: 200;
        --font-size-ratio: .016;
        --font-min-size: 20px;
        font-size: min(max(calc(var(--font-size-ratio) * 100vw), var(--font-min-size)), calc(var(--max-width-brochure-px) * var(--font-size-ratio)));
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items .menu-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: flex-end;
        align-items: flex-end;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items .menu-item:has(.menu-item-details){
        margin-bottom: 50px;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items .menu-item .menu-item-descriptor .menu-item-details{
        padding: 10px 10vw 0 5vw;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items .menu-item .menu-item-spacer {
        display: flex;
        flex: 1 1 auto;
        margin-left: 5px;
        margin-right: 5px;
        align-self: stretch;
        margin-top: 0;
        --min-margin-btm: 5;
        --min-margin-btm-px: (var(--min-margin-btm) * 1px);
        --max-margin-btm: 8;
        --max-margin-btm-px: (var(--max-margin-btm) * 1px);
        --margin-ration: ((var(--max-margin-btm) / var(--max-width-brochure)) * 100vw);
        margin-bottom: min(max(calc(var(--margin-ration)), var(--min-margin-btm-px)), var(--max-margin-btm-px));
        background-image: linear-gradient(to right, #000 10%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-size: 20px 1px;
        background-repeat: repeat-x;
    }
    
    .brochure-page-container > .page-menu > .body .menu-container .menu-category .menu-category-items .menu-item .menu-item-price{
        background: white;
        padding-left: 10px;
    }
    
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 3 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-3 > .body{
        display: flex;
        flex-direction: column;
    }
    
    .brochure-page-container > .page-3 > .body .menu-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: 3vw;
        row-gap: 50px;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        padding-top: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio))
    }
    
    .brochure-page-container > .page-3 > .body .menu-container .menu-category.grid-upper {
        align-content: flex-start;
        align-items: flex-start;
    }
    
    .brochure-page-container > .page-3 > .body .menu-container .menu-category.grid-lower {
        align-content: flex-end;
        align-items: flex-end;
    }
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 4 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-4 > .body{
        display: flex;
        flex-direction: column;
    }
    
    .brochure-page-container > .page-4 > .body .menu-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        column-gap: 3vw;
        row-gap: 50px;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        padding-top: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio))
    }
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 5 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    
    .brochure-page-container > .page-5 > .body{
        display: flex;
        flex-direction: column;
    }
    
    .brochure-page-container > .page-5 > .body .menu-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: 3vw;
        row-gap: 30px;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        /*padding-bottom: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio));*/
    }

    .brochure-page-container > .page-5 > .body .menu-container .menu-category.menu-breakfast-box {
        grid-column: 1;
        grid-row: 1;
    }
    
    .brochure-page-container > .page-5 > .body .menu-container .menu-category.menu-salad-box {
        grid-column: 1;
        grid-row: 2;
        align-content: center;
        align-items: center;
    }
    
    .brochure-page-container > .page-5 > .body .menu-container .menu-category.menu-sandwich-box {
        grid-column: 2;
        grid-row: 1 / 3;
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container {
        display: grid;
        height: 100%;
        width: 100%;
        grid-template-columns: repeat(9, 1fr);
        grid-template-rows: 100%;
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text {
        grid-column: 1 / 10;
        grid-row: 1;
        padding-left: 5vw;
        padding-right: 3vw;
        padding-top: 150px;
        position: relative;
        z-index: 999;
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text .title {
        color: var(--color-font-rust);
        font-family: thirsty-rough, sans-serif;
        font-weight: 500;
        font-size: 60px;
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text .info-box-name {
        color: #71655E;
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        font-size: 40px
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text .info-box-name:not(:first-child){
        --padding-vertical-ratio: .025;
        --padding-vertical-min: 20px;
        margin-top: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio));
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-text .info-box-description {
        --margin-horizontal-ratio: .025;
        --margin-horizontal-min: 20px;
        margin-left: min(max(calc(var(--margin-horizontal-ratio) * 100vw), var(--margin-horizontal-min)), var(--max-width-brochure-px) * var(--margin-horizontal-ratio));
        color: var(--color-font-rust);
        font-family: din-condensed, sans-serif;
        font-weight: 500;
        font-size: 60px;
        
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-image {
        display: block !important;
        grid-column: 5 / 10;
        grid-row: 1;
        position: relative;
        z-index: 1;
    }
    
    .brochure-page-container > .page-5 > .body .image-container .infographic-container .info-image img {
        display: block !important;
    }

    
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 6 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-6 > .body{
        display: flex;
        flex-direction: column;
    }
    
    .brochure-page-container > .page-6 > .body .menu-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: 3vw;
        row-gap: 50px;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        --padding-vertial: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio));
        padding-top: var(--padding-vertial);
    }
    
    .brochure-page-container > .page-6 > .body .menu-container .menu-category.menu-sandwiches {
        grid-column: 1 / 3;
        grid-row: 1;
    }
    
    .brochure-page-container > .page-6 > .body .menu-container .img-salad {
        grid-column: 1;
        grid-row: 2;
    }
    
    .brochure-page-container > .page-6 > .body .menu-container .img-salad img {
        display: block !important;
        width: 100%;
        margin-left: -5vw;
    }
    
    .brochure-page-container > .page-6 > .body .menu-container .menu-category.menu-salads {
        grid-column: 2;
        grid-row: 2;
        align-content: center;
        align-items: center;
    }
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 7 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
     .brochure-page-container > .page-7 > .body{
        display: flex;
        flex-direction: column;
    }
    
    .brochure-page-container > .page-7 > .body .menu-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        column-gap: 3vw;
        row-gap: 50px;
        padding-left: 5vw;
        padding-right: 3vw;
        --padding-vertical-ratio: .07;
        --padding-vertical-min: 40px;
        --padding-vertial: min(max(calc(var(--padding-vertical-ratio) * 100vw), var(--padding-vertical-min)), var(--max-width-brochure-px) * var(--padding-vertical-ratio));
        padding-top: var(--padding-vertial);
        padding-bottom: var(--padding-vertial);
    }
    
    .brochure-page-container > .page-7 > .body .menu-container .menu-category .menu-category-header-figure img {
        width: 50%;
    }
    
    .brochure-page-container > .page-7 > .footer img {
        display: block !important;
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        margin-bottom: -5px;
    }
    
    
    /******************************************************************************************************************************************************************/
    /***************************************************************************** PAGE 8 *****************************************************************************/
    /******************************************************************************************************************************************************************/
    
    .brochure-page-container > .page-8 {
        display: none;
    }
    
    
}