@media(max-width:980px){

      .hero-content,
      .exclusive-box{
        grid-template-columns:1fr;
      }

      .hero{
        padding-top:120px;
      }

      .hero-text h1{
        font-size:52px;
      }

      .section-title h2{
        font-size:40px;
      }

      .exclusive-text h2,
      .cta h2{
        font-size:42px;
      }

      .nav-links{
        display:none;
      }

      .mobile-btn{
        display:block;
      }

      .hero-card{
        margin-top:20px;
      }
    }

    @media(max-width:640px){

      .hero-text h1{
        font-size:42px;
      }

      .hero-text p{
        font-size:17px;
      }

      .section-title h2{
        font-size:34px;
      }

      .cta h2{
        font-size:34px;
      }

      .numbers{
        grid-template-columns:repeat(3,1fr);
      }

      .ball{
        width:52px;
        height:52px;
      }
    }