.billboard {
    background-image: url('../img/billboard-menu.jpg');
    background-position: center;
}

.menu-signs {
    width: 70%;
}

.menu-row-reversed {
    display: flex;
    flex-direction: column-reverse;
}

.menu-fav {
    background-image: url(../img/mobile-menu-fav.jpg);
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 190px;
    margin-top: 32px;
    border-bottom: 2px solid #1B7BBC;
    padding-bottom: 56px;
}

.menu-full {
    margin: 0 16px;
}

/* here is the breakpoint for tablets */

@media screen and (min-width: 768px) and (max-width: 1439px) {

    .menu-container {
        display: flex;
        flex-flow: row;
        align-items: center;
    }

    .menu-row-reversed {
        padding-top: 84px;
    }

    .menu-signs {
        width: 432px;
    }

    .menu-fav {
        background-image: url(../img/tablet-menu-fav.jpg);
        margin: 0 32px;
    }
}


/* here is the breakpoint for desktop */

@media screen and (min-width: 1440px) {
    
    .menu-container {
        display: flex;
        flex-flow: row;
        align-items: center;
    }

    .menu-row-reversed {
        padding-top: 100px;
    }

    .menu-signs {
        width: 624px;
    }

    .menu-fav {
        background-image: url(../img/desktop-menu-fav.jpg);
        padding-top: 300px;
        margin: 0 96px;
    }
}