.nav-wrapper{justify-self:center;display:grid;width:90%;//max-width:100%;height:auto;max-height:100%;margin:.2em 0em 1em 0em;//border:2px solid red}.menuH{display:grid;grid-auto-flow:column;//grid-template-rows:3em;width:auto;max-width:100%;height:auto;height:3em;max-height:100%;background-color:#25283D;color:#fff;//justify-content:space-around;//align-items:center;border-radius:.3em;list-style:none;z-index:1;//margin:.5em 0em .5em 0em}.menuH a{color:#fff;text-decoration:none;//border:2px solid red}.menuH li{cursor:hand;cursor:pointer;//border:2px solid blue}li{display:grid;justify-content:center;align-items:center;//border:2px solid red;//width:100%;//height:3em}li:hover{//height:1em;background-color:#8F3985;transition:0.3s;transition:0.5s}a{outline:none}.menu-toggle,.menu-checkbox{display:none}@media screen and (max-width:1100px){li,a{// padding:0 0 0 0;// margin:1em auto 1em auto}li{//border:2px solid green}}@media screen and (max-width:1024px){li,a{font-size:.95em}li{//border:2px solid green}}@media screen and (max-width:860px){.nav-wrapper{margin:0 0 0 0}.menu-toggle,.menu-checkbox{display:grid}li{//margin:.4em 0em .4em 0em;padding:.5em .5em .5em .5em;justify-content:start;align-items:center}.menuH{//font-size:90%;display:none;grid-auto-flow:row;width:50%;height:auto;visibility:hidden;overflow:hidden;//padding:10em 0 0 0;//margin:10em 0 0 0}.nav-wrapper .menuH{position:relative}.menu-checkbox:checked~.menuH{max-height:none;visibility:visible;display:grid}.menu-checkbox:checked+.menuH{margin:1em 0;opacity:1;max-height:none}.menu-checkbox{opacity:0;position:absolute;top:-1000px}.menu-toggle{padding:.5em 1em}}@media screen and (max-width:480px){.menuH{width:80%;//border:2px solid green}}