@media (max-width: 1024px) {
  .main_container {
    padding: 2rem;
    height: auto;
  }

  /* Home Page */

  .youtube_funnel h5 {
    font-size: 20px;
  }

  .youtube_funnel h2 {
    font-size: 28px;
  }

  .youtube_funnel .video_button {
    width: 79%;
    height: 70%;
  }

  .youtube_funnel .video_button img {
    width: 91%;
    height: 88%;
  }

  .youtube_funnel .red_button {
    width: 75%;
    height: 45px;
    font-size: 14px;
  }

  .youtube_funnel .stars {
    font-size: 18px;
  }

  /* Thanks Page */

  .thanks .video_frame {
    height: 70%;
    width: 95%;
  }

  /* Watch Video Page */
  .video_watch h1 {
    font-size: 24px;
  }
  .video_watch iframe {
    width: 100%;
    height: 100%;
  }
  .video_watch .video_frame{
    text-align: center;

  }
  #timerContainer h2 {
    font-size: 18px;
  }
  .red_button {
    font-size: 14px;
    padding: 10px 15px;
  }
}

@media (max-width: 768px) {
  .main_container {
    height: 500px;
    padding-left: 0.5rem;
    padding-right: 0rem;
  }

  /* Home Page */
  .youtube_funnel h2 {
    font-size: 20px;
  }

  .youtube_funnel h5 {
    font-size: 15px;
  }

  .youtube_funnel p {
    font-size: 15px;
  }

  .youtube_funnel .video_button {
    width: 85%;
    height: 70%;
  }

  .youtube_funnel .red_button {
    width: 80%;
    height: 45%;
    font-size: 13px;
  }

  .popup_button {
    width: 100%;
    height: 50px;
    font-size: 16px;
  }

  .form-container h2 {
    font-size: 1.1rem;
  }
  .form-container p {
    font-size: 0.85rem;
  }

  /* Watch Video Page */
  .video_watch h1 {
    font-size: 30px;
  }

  /* Thanks */
  .thanks h2 {
    font-size: 28px;
  }

  .thanks p {
    font-size: 18px;
  }

  .thanks .video_frame{
    width: auto;
    height: auto;
  }

  .youtube_funnel .stars {
    font-size: 15px;
  }

  .videos h2 {
    font-size: 1rem;
  }

  video .thanks_video {
    width: auto;
    height: auto;
  }
}

@media (max-width: 480px) {
    .youtube_funnel .red_button {
    width: 100%;
    height: 45%;
    font-size: 12px;
    padding: 10px;
}
  .main_container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .youtube_funnel h5 {
    font-size: 14px;
  }

  .youtube_funnel h2 {
    font-size: 20px;
  }

  .video_button img {
    width: 90%;
    height: auto;
    padding: 5px;
  }

  .youtube_funnel .video_button {
    width: 88%;
    height: 54%;
    padding: 5px;
  }

  .youtube_funnel .video_button img {
    width: 86%;
    height: 99%;
  }

  .video_watch h1 {
    font-size: 28px;
  }

  .thanks h2 {
    font-size: 24px;
  }

  .thanks p {
    font-size: 16px;
  }

  .stars {
    font-size: 16px;
  }

  .videos h2 {
    font-size: 0.9rem;
  }
}

@media (max-width: 320px) {
  .youtube_funnel .video_button {
    width: 103%;
    height: 44%;
    padding: 5px;
    margin-right: 1px;
    
  }

  .youtube_funnel .video_button img {
    width: 98%;
    height: 86%;
  }
}