/* Small Mobile (extra small devices like old iPhones, < 480px) */
@media (max-width: 480px) {
  /* Small Mobile Screen CSS here */
  
  
  p{
    font-size: 1rem;
  }

  .navbar-brand{
    width: 230px;
  }
  .sdg-goals-section-one{
    padding: 1rem 1rem;
  }
  .sdg-goals-section-two{
    padding: 1rem 1rem;
  }

  .single-sustainable-dev-goals{
    margin-top: 30px;
  }
  .single-sustainable-dev-goals{
    margin-bottom: -60px;
  }

}

/* Mobile (most smartphones, portrait mode: 481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  /* Mobile Screen CSS here */

  p{
    font-size: 1rem;
  }

  .navbar-brand{
    width: 260px;
  }
   .hero-section h1 {
    font-size: 2rem;
  }

  #pu-sdg-goals{
    font-size: 0.8rem;
  }

  .sdg-goals-section-one{
    padding: 1rem 1rem;
  }
  .sdg-goals-section-two{
    padding: 1rem 1rem;
  }

  .single-sustainable-dev-goals{
    margin-top: 30px;
  }

}

/* Tablet (landscape phones & tablets: 768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Tablet Screen CSS here */
}