/* Extra small devices (portrait phones, less than 576px) */
@media only screen and (max-width: 575.98px) {
  /* Styles for extra small devices (phones) */
  h2{font-size: 24px;}
  h4{font-size: 20px;margin-bottom: 10px;margin-top: 10px;}
  section{padding: 20px 0;}
  .menu{display: none;}
  #header{padding: 20px 0;}
  .logo img{object-fit: contain;width: 220px;}
  .hero-section{height: 300px;}
  h1{font-size: 32px;}
  .goal-box h2{font-size: 18px;}
  .goal-box{padding: 10px;}
  .quick-links{margin-top: 30px;}
  .contact-info-card{margin-top: 20px;}
  .hero{height: 200px;}
  .founder-block{margin-bottom: 10px;}
}
 
/* // Medium devices (tablets, 768px and up) */
/* @media (min-width: 767.98px) {.menu{display: none;} } */
/* Large devices (laptops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {

    h2{font-size: 24px;}
  h4{font-size: 20px;margin-bottom: 10px;margin-top: 10px;}
  section{padding: 20px 0;}
  .menu{display: none;}
  #header{padding: 20px 0;}
  .logo img{object-fit: contain;width: 200px;}
  .hero-section{height: 300px;}
  h1{font-size: 32px;}
  .goal-box h2{font-size: 18px;}
  .goal-box{padding: 10px;}
  .quick-links{margin-top: 30px;}
  .contact-info-card{margin-top: 20px;}
   .founder-block{margin-bottom: 10px;}
}
 
/* Extra large devices (desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  /* Styles for desktops */
}
 
/* iPhone SE and similar (320px) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
    h2{font-size: 24px;}
  h4{font-size: 20px;margin-bottom: 10px;margin-top: 10px;}
  section{padding: 20px 0;}
  .menu{display: none;}
  #header{padding: 20px 0;}
  .logo img{object-fit: contain;width: 200px;}
  .hero-section{height: 300px;}
  h1{font-size: 32px;}
  .goal-box h2{font-size: 18px;}
  .goal-box{padding: 10px;}
  .quick-links{margin-top: 30px;}
  .contact-info-card{margin-top: 20px;}
}
 
/* iPhone 12/13 Mini and similar (375px) */
@media only screen and (min-width: 375px) and (max-width: 424px) {
   h2{font-size: 24px;}
  h4{font-size: 20px;margin-bottom: 10px;margin-top: 10px;}
  section{padding: 20px 0;}
  .menu{display: none;}
  #header{padding: 20px 0;}
  .logo img{object-fit: contain;width: 200px;}
  .hero-section{height: 300px;}
  h1{font-size: 32px;}
  .goal-box h2{font-size: 18px;}
  .goal-box{padding: 10px;}
  .quick-links{margin-top: 30px;}
  .contact-info-card{margin-top: 20px;}
}

 
/* iPhone 12/13 Pro Max and similar (428px) */
@media only screen and (min-width: 428px) and (max-width: 474px) {
    h2{font-size: 24px;}
  h4{font-size: 20px;margin-bottom: 10px;margin-top: 10px;}
  section{padding: 20px 0;}
  .menu{display: none;}
  #header{padding: 20px 0;}
  .logo img{object-fit: contain;width: 200px;}
  .hero-section{height: 300px;}
  h1{font-size: 32px;}
  .goal-box h2{font-size: 18px;}
  .goal-box{padding: 10px;}
  .quick-links{margin-top: 30px;}
  .contact-info-card{margin-top: 20px;}
}
 
/* iPad portrait mode */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Styles for iPad portrait mode */

  h2{font-size: 24px;}
  h4{font-size: 20px;margin-bottom: 10px;margin-top: 10px;}
  section{padding: 20px 0;}
  .menu{display: none;}
  #header{padding: 20px 0;}
  .logo img{object-fit: contain;width: 200px;}
  .hero-section{height: 300px;}
  h1{font-size: 32px;}
  .goal-box h2{font-size: 18px;}
  .goal-box{padding: 10px;}
  .quick-links{margin-top: 30px;}
  .contact-info-card{margin-top: 20px;}
 
}
 
/* iPad landscape mode */
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  /* Styles for iPad landscape mode */
 
}
 
/* Media query for tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Styles for tablets */
  .menu{display: none;}
}
 
/* Media query for laptops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* Styles for laptops */
}
 
/* Media query for desktops */
@media only screen and (min-width: 1200px) {
  /* .opening{position: relative;top:-33%;left: -18%;} */
}
@media (min-width: 1400px) and (max-width: 1600px) {  }
