/* Default styles for all devices */

  
  /* Extra small devices */
  @media (max-width: 575.98px) {

    .hero-content h1{
        font-size: 25px;
      
      }
      .hero-content p{
        font-size: 15px;
      }

      .hero-bottom-img{
        height: 120px;
        margin-top: -100px;
      }

      .credit-section h1{
        font-size: 20px;
      }
      .credit-section p{
        font-size: 15px;
      }
      .add-credit-image img{
        width: 250px;
      }
      

  }
  
  /* Small devices */
  @media (min-width: 576px) and (max-width: 767.98px) {

    .hero-content h1{
        font-size: 35px;
      
      }

      .hero-content p{
        font-size: 20px;
      }

      .hero-bottom-img{
        height: 100px;
        margin-top: -100px;
      }

      .credit-section h1{
        font-size: 30px;
      }
      .credit-section p{
        font-size: 15px;
      }

  }
  
  /* Medium devices */
  @media (min-width: 768px) and (max-width: 991.98px) {

    .hero-content h1{
        font-size: 50px;
      }

      .hero-content p{
        font-size: 20px;
      }

      .hero-bottom-img{
        height: 220px;
      }

      .credit-section h1{
        font-size: 40px;
      }
      .credit-section p{
        font-size: 20px;
      }

      .add-credit-image img{
        width: 300px;
      }

  }
  
  /* Large devices */
  @media (min-width: 992px) and (max-width: 1199.98px) {

    

  }
  
  /* Extra large devices */
  @media (min-width: 1200px) {

  }