/* SLIDER */
@media (orientation: portrait) 
{
    .slider > .single_slide p
    {
        font-size: 2.5rem;
    }    
}

/* HOME PAGE */
@media (orientation: portrait)
{
    .main
    {
        margin: 0;
        margin-top: -40px;
        width: 100%;
    }

    .cards
    {
        flex-direction: column;
        align-items: center;
    }

    .cards > .single_card
    {
        margin: 15px 0;
    }

    .find_us
    {
        flex-direction: column;
    }

    .find_us > .logo a 
    {
        font-size: 2rem;
    }

    .contact
    {
        flex-direction: column;
        padding: 75px 25px;
    }

    .contact > .contact_info
    {
        text-align: center;
        margin-bottom: 50px;
    }
}

/* ABOUT US */
@media (orientation: portrait)
{
    .about_me p
    {
        margin: 25px 25px 0 25px;
        width: calc(100% - 50px);
    }

    .testimonial
    {
        padding: 75px 25px;
        flex-direction: column;
    }

    .main_testimonial
    {
        margin-bottom: 25px;
    }

    .main_testimonial, .other_testimonial
    {
        width: 100%;
        height: 350px;
    }
}

/* FOOTER */
@media (orientation: portrait)
{
    .footer
    {
        width: 100%;
        margin: 0;
    }
}

/* CATERING MENU */
@media (orientation: portrait)
{
    .catering_menu_box 
    {
        padding: 0 25px;
    }

    .catering_menu_gallery img 
    {
        max-width: 100%;
    }

    #fullpage
    {
        left: 5vw;
        width: 90vw;
    }

    .nav_menu p
    {
        width: 100%;
        margin: 10px 0;
    }

    .menu_gallery img
    {
        width: 90%;
        height: auto;
    }
}

/* MENU */
@media (orientation: portrait)
{
    .nav_menu {
        flex-direction: column;
    }

}

/* NAV */
@media (orientation: portrait)
{
    
    .menu_landscape
    {
        display: none;
    }

    .menu_portrait
    {
        position: fixed;
        left: 0;
        top: 75px;
        width: 100%;
        flex-direction: column;
        align-items: center;
        background-color: white;
        box-shadow: 0 6px 10px -5px black;
    }

    .nav_active
    {
        display: flex !important;
    }

    .menu_portrait a
    {
        padding: 30px 0;
        text-align: center;
        width: 100%;
        border-top: 1px solid gray;
    }

    #menu_portrait_button
    {
        display: block !important;
        margin: 0 15px;
    }

    #menu_portrait_button svg
    {
        width: 1.5rem;
        fill: gray;
        filter: drop-shadow(0 0 2px black)
    }

    #menu_portrait_button svg:hover
    {
        cursor: pointer;
        fill: pink;
    }

    .slider_noimage 
    {
        margin-top: 35px;
    }
}

/* FOOTER */
@media (orientation: portrait)
{
    .footer
    {
        margin: 0;
        width: 100%;
    }
}

/* CATERING */
@media (orientation: portrait) 
{
    .catering_gallery img
    {
        height: unset;
        width: 90%;
    }    
}