/* Responsive CSS for FreshCart */

/* Mobile devices */
@media (max-width: 767.98px) {
  h1 {
    font-size: 28px;
    line-height: 34px;
  }
  
  h2 {
    font-size: 24px;
    line-height: 28px;
  }
  
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .card {
    margin-bottom: 20px;
  }
  
  .footer-title {
    font-size: 28px;
  }
}

/* Tablet devices */
@media (min-width: 768px) and (max-width: 991.98px) {
  h1 {
    font-size: 32px;
    line-height: 38px;
  }
  
  h2 {
    font-size: 26px;
    line-height: 30px;
  }
}

/* Large devices */
@media (min-width: 992px) {
  .w-md-75 {
    width: 75% !important;
  }
  
  .w-md-50 {
    width: 50% !important;
  }
}

/* Extra large devices */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}