@media screen and (max-width: 760px) {
  header {
    flex-direction: column;
  }

  main {
    flex-direction: column;
  }

  h2 {
    font-size: 35px;
  }

  form {
    margin: 0 auto;
    width: 100%;
  }

  input {
    align-self: center;
  }

  img {
    margin-top: 40px;
    margin: auto;
    display: block;
    width: 70%;
  }

  ul {
    text-align: center;
  }
}