@media only screen and (max-width: 500px) {
  main {
    padding: 0 20px; }
  .coaching-intro {
    grid-template-columns: 100%;
    margin-top: 100px; }
  .coaching-details {
    margin-top: 50px;
    margin-bottom: 50px; }
    .coaching-details .v-layout-1-3 {
      grid-template-columns: 100%;
      margin-top: 50px; }
    .coaching-details h2 {
      margin-bottom: 20px; }
  .coaching-list {
    grid-template-columns: 100%; }
    .coaching-list > div .v-text {
      margin-top: 50px; } }