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

.menu-signs {
    width: 70%;
}

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



/* 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-signs {
        width: 432px;
    }
}


/* here is the breakpoint for desktop */

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

    .menu-signs {
        width: 624px;
    }
}