@media screen and (min-width: 580px) {
  #container main #hero {
    background-size: 580px;
    background-position: center -200px;
  }
  #container #spmenu #menuinner #ulmenu {
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    grid-auto-rows: 170px;
  }
  #container #spmenu #menuinner #ulmenu li a figure {
    -webkit-box-shadow: 3px 3px 6px #6fb3ac, -3px -3px 6px #9ffff8;
            box-shadow: 3px 3px 6px #6fb3ac, -3px -3px 6px #9ffff8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #container #spmenu #menuinner #ulmenu li a p {
    margin-top: 0.3em;
  }
  #container #spmenu #menuinner #ulmenu li a p.full {
    display: block;
  }
  #container #spmenu #menuinner #ulmenu li a p.omission {
    display: none;
  }
  #container #spmenu #menuinner #ulmenu li a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  #container #spmenu #menuinner #ulmenu li a:hover figure {
    background: #f0567a;
    -webkit-box-shadow: 3px 3px 6px #6fb3ac, -3px -3px 6px #9ffff8;
            box-shadow: 3px 3px 6px #6fb3ac, -3px -3px 6px #9ffff8;
  }
}/*# sourceMappingURL=desktop.css.map */