@media only screen and (max-width: 500px) {
  .main {
    padding: 0 20px; }
  .coaching-intro,
  .ability-container,
  .ability-card {
    grid-template-columns: 100%; }
  .coaching-intro {
    margin-bottom: 50px; }
  .coaching-desc {
    margin-top: 100px; }
  .ability-description {
    margin-bottom: 50px; }
  .ability-list .ability-card {
    padding: 15px; }
    .ability-list .ability-card img {
      grid-row: 1;
      width: 100%;
      height: auto; }
    .ability-list .ability-card a {
      margin-top: 20px; } }