@media all and (max-width: 890px) {
  #head-search {
    display: none;
  }
}

@media all and (max-width: 700px) {
  .right.menu {
    display: none !important;
  }

  header {
    max-width: 95%;
  }

  .site-logo {
    max-width: 30%;
  }
  .ui.menu {
    font-size: 1.1rem;
  }

  .site-description {
    font-size: 1.3rem;
  }

  .ui.secondary.menu.inverted {
    font-size: 1.1rem;
  }
  main {
    max-width: 95%;
  }

  .container > div {
    display: flex;
    justify-content: center;
  }

  .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 0.5fr 1fr 0.5fr 1fr 0.5fr;
    grid-gap: 0px;
  }
  p {
    font-size: 110%;
  }
  .container > div > a > img {
    border: 5px;
    border-color: dimgray;
  }
}