#hlavickaMobil {      
   background: #14316A;  
 }
 
  *:focus { outline: none; }  
  #hlavickaMobil a:hover { opacity: 0.8; }
  #hlavickaMobil h1 { text-align:center; margin:150px auto 50px auto;}
  /* nav toggle */
  
  .navigacePrepinac {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    height: 2rem;    
    position: relative;    
    width: 3.6rem;
    z-index: 101;    ;
  }
  .navigacePrepinac.expanded {
    
  }
  .navigacePrepinac:hover { opacity: 0.8; }
  
  .navigacePrepinac .navigacePrepinacBar,  .navigacePrepinac .navigacePrepinacBar::after,  .navigacePrepinac .navigacePrepinacBar::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: white;
    content: '';
    height: 0.4rem;
    width: 100%;
  }
  
  .navigacePrepinac .navigacePrepinacBar { margin-top: 0; }
  
  .navigacePrepinac .navigacePrepinacBar::after { margin-top: 0.8rem; }
  
  .navigacePrepinac .navigacePrepinacBar::before { margin-top: -0.8rem; }
  
  .navigacePrepinac.expanded .navigacePrepinacBar { background: transparent; }
  
  .navigacePrepinac.expanded .navigacePrepinacBar::after, .navigacePrepinac.expanded .navigacePrepinacBar::before {
    background: white;
    margin-top: -4px;
  }
  
  .navigacePrepinac.expanded .navigacePrepinacBar::after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .navigacePrepinac.expanded .navigacePrepinacBar::before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  /* nav */
  
  .navigace {
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
    background: black;
    background: linear-gradient(24deg, #84c7ff 15%, #1972b9 55% 75%, #84c7ff);
    background: #1972b9;
    color: white;
    cursor: pointer;
    font-size: 2rem;
    min-height: 100vh;
    left: -100%;
    padding: 2rem 2rem 2rem 2rem;
    position: fixed;
    top: 79px;
    width: 100%;
    z-index: 100;
  }

  
  .navigace a {
    color: white;
  }

  .navigace.expanded { 
    left: 0;
    position: relative;
    top: -80px;
  }

.list-kategorie-madeti ul {
  display: flex;
  flex-flow: row wrap;
}
 
.list-kategorie-madeti li {
  flex-basis: 33%;
}

#hlavickaMobil .menu-label {
  color: #ffdd57;
  font-weight: 900;
}
#hlavickaMobil ul.menu-list > li > a {
  
}