@media screen and (max-width: 997px) {
  .container {
    width: 100%;
    text-align: center;
  }

  #menu a {
    width: 100%;
    border-radius: unset; /* pode ser 0 ou unset para tirar */
    padding: 4px 0;
  }

  section {
    /* o important deve ser usado com cuidado, e serve para priorizar a regra. */
    width: 80% !important;
  }

  h1 {
    display: none;
  }

  .container img {
    float: none;
    margin-bottom: 20px;

    animation-name: balanca-cabeca;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  @keyframes balanca-cabeca {
    from {
      transform: rotate(-45deg);
    }
    to {
      transform: rotate(45deg);
    }
  }

  /* contato */
  #contato aside:first-child {
    display: none;
  }

  #contato aside {
    width: auto;
  }

}