


@media (min-width: 481px) and (max-width: 1024px){

  #magic-story .content-row-padding {
    padding: 0 80px;
  }

  .magic-article-intro h2 {
    font-size: 45px;
  }

  .magic-article-intro .red-underline {
    border-bottom: 3px solid var(--red);
    width: 200px;
  }

  .magic-article-intro img {
    width: 50%;
    display: block;
    margin: 40px 0 0 0;
  }

  .magic-article-intro audio {
    margin: 40px 0 30px 0;;
  }

  .magic-article-images {
    flex-direction: row;
  }

  .magic-article-images img {
    width: 48%;
  }

  #magic-story .content-row-padding:last-child {
    padding: 20px 80px;
  }

  .magic-article-row-text {
    padding: 0;
  }

  .chordoma-element {
    padding: 40px 80px 50px 80px;
  }

  .chordoma-element h2 {
    font-size: 50px;
  }

  .chordoma-element .red-underline {
    border-bottom: 3px solid var(--red);
    width: 200px;
  }

  #chordoma .row-text {
    padding: 40px 80px;
  }

  .fate-grid {
    padding: 0 80px;
  }

  .fate-grid img {
    height: 300px;
  }


}
