/* Styles for mobile phones */

@media only screen and (max-width: 767px) {
  main {
    padding: 40px 40px 20px;
  }

  .columns {
    display: block;
    margin: 40px 0;

    & > * {
      display: block;
      margin: 0 0 40px;
    }
  }

  footer {
    flex-direction: column;
    row-gap: 40px;
    margin: 100px 0 40px;
  }
}