/* For PC */
@media screen and (min-width: 65rem) {
  .container {
    display: grid;
    grid-template-rows: repeat(4, auto);
    width: 65rem;
    margin: 0 auto;
  }

  .header {
    grid-row: 1 / 2;
  }

  .main {
    grid-row: 2 / 3;
  }

  .asile {
    /* grid-row: 3 / 4; */
  }

  .footer {
    grid-row: 4 / 5;
  }
}

/* For smartphone */
@media screen and (max-width: 64rem) {
  .container {
    display: grid;
    grid-template-rows: repeat(4, auto);
  }

  .header {
    grid-row: 1 / 2;
  }

  .main {
    grid-row: 2 / 3;
  }

  .asile {
    /* grid-row: 3 / 4; */
  }

  .footer {
    grid-row: 4 / 5;
  }
}