﻿

/* Desktop */
@media screen and (min-width: 801px) {
    .Navigation1_Frame {
        max-height: 86px;
        width: 100%;
        border: none;
        overflow: hidden;
        transition: 0.5s;
        position: relative;
        /* top:-5px;  */
    }
}
/* Mobile Horizontal*/
        @media screen and (min-width: 601px) and (max-width: 800px) {
            .Navigation1_Frame {
                /* era 50px: troppo basso per MenuWidth (min-height:87px in
                   FrameMenu.css) -> in 601-800px il menu (campanella, hamburger,
                   benvenuto) usciva tagliato. Allineato all'altezza desktop (86px).
                   I breakpoint di Navigation1.css (801/601-800/600) NON coincidono
                   con quelli di FrameMenu.css (601) e ButtonTips1.css (801): qui
                   eravamo gia' in layout a riga ma con un frame da mezza altezza. */
                max-height: 86px;
                width: 100%;
                border: none;
                overflow: hidden;
                transition: 0.5s;
            }
        }
        /* Mobile */
        @media screen and (max-width: 600px) {
            .Navigation1_Frame {
                max-height: 80px;
                width: 100%;
                border: none;
                overflow: hidden;
                transition: 0.5s;
                /* top: -5px;  */
            }
        }




