@media (max-width: 768px) {
    .banner-content {
      width: 100%;
      padding: 30px 0 auto;
    }
  
    .banner-content .logo img {
      width: 200px;
      height: auto;
      padding: 24px 10px;
    }
    .banner-content h1 {
      font-size: 30px;
      padding: 20px;
    }
  
    .banner-content p {
      font-size: 15px;
      padding: 0 20px 20px;
    }
  
    .banner .banner-content button {
      font-size: 10px;
    }
  
    #course-content {
      margin: 100px auto 0;
      padding-top: 30px;
      width: 100%;
      height: 600px;
    }
  
    #course-content h2 {
      font-size: 25px;
    }
  
    #course-content p {
      font-size: 13px;
      margin: 24px 10px;
      width: 450px;
    }
  
    #course-content .modules-list {
      margin: 24px 90px;
      font-size: 10px;
    }
  
    #transform-world {
      height: 200px;
      width: 786px;
    }
  
    #transform-world p {
      font-size: 20px;
      max-width: 200px;
      margin: 30px;
      padding: 0px 20px;
    }
  
    #professional-challenges {
      width: 400px;
      margin: auto;
      text-align: center;
    }
  
    #professional-challenges h2 {
      padding: 76px 0 32px;
      font-size: 20px;
    }
  
    #professional-challenges img {
      margin: 32px;
      width: 400px;
      padding: 24px;
    }
  
    #professional-challenges p {
      font-size: 15px;
      margin-bottom: 92px;
    }
  
    footer {
      padding: 30px 0;
      text-align: center;
    }
  
    footer img {
      width: 200px;
    }
  
    footer p {
      font-size: 10px;
    }
  
    footer a {
      font-size: 10px;
    }
  }