menu {
    overflow: hidden;
    box-shadow: 0 0 0.8vw #C9BBAB;
    z-index: 1;
}

a.menu { font-size: x-large; }
a.submenu{ font-size: large; }

#getM {display: block; font-family: 'IcoMoon-Free'; float: right; text-align: right;}


@media only screen and  (max-width: 800px) { /*(orientation: portrait) and*/
    menu {display: none; width: 70vw; margin: 10vw; padding: 5vw; position: absolute; z-index: 5; top: 0; left: 0;}
    article { width: 90vw; margin: 0; padding: 1vw 5vw; }
    #getM {margin: 3vw; font-size: 10vw; width: 10vw;}
}
@media only screen and (min-width: 801px) and (max-width: 1440px) {
    menu {display: none; width: 60vw; margin: 0; padding: 1vw 5vw 1vw 5vw; position: absolute; z-index: 5; top: 5vw; left: 14vw;} 
    article { width: 90vw; margin: 0; padding: 1vw 5vw; }
    #getM {margin: 3vw; font-size: 8vw; width: 10vw;}
}
 
@media only screen and (min-width: 1441px) {
    menu { display: none; width: 50vw; margin: 0; padding: 1vw 5vw 1vw 5vw; position: absolute; z-index: 5; top: 5vw; left: 19vw;}
    article { width: 90vw; margin: 0; padding: 1vw 5vw ;}
    #getM {margin: 3vw; font-size: 6vw; width: 10vw;}
}

/*
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    menu { display: block; width: 22vw; margin: 0; padding: 1vw 5vw 1vw 3vw; float: right; position: relative; z-index: 0;} 
    article { width: 62vw; margin: 0; padding: 1vw 3vw 1vw 3vw; float: left;}
}
 
@media only screen and (min-width: 1441px) {
    menu { display: block; width: 22vw; margin: 0; padding: 1vw 5vw 1vw 3vw; float: right; position: relative; z-index: 0;}
    article { width: 64vw; margin: 0; padding: 1vw 3vw 1vw 3vw; float: left;}
}
*/
.vmenu {display: block;}