
@media (min-width: 481px) and (max-width: 1024px){
  #hero-story .content-row-padding {
    padding: 40px 80px !important;
  }

  .hero-article-left h2 {
    font-size: 45px;
  }

  .hero-article-left .red-underline {
    border-bottom: 3px solid var(--red);
    width: 200px;
  }

  .hero-article-left img {
    height: 350px;
    margin: 40px 0;
  }

  .youth-top {
    object-position: 0 -100px;
  }

  .hero-article-right .mobile-block {
    flex-direction: row;
  }

  .hero-article-right .mobile-block img{
    width: 50%;
    padding: 0 10px;
  }

  #hero-video .content-row {
    padding: 0;
  }

  #hero-video iframe {
    height: 500px;
  }

  #awards h5 {
    font-size: 25px;
  }

  #awards .row-image {
    width: 100%;
    overflow: hidden;
   
  }

  #awards .row-image img {
    width: 180%;
    object-position: -200px 0px;
    height: 600px;
  }

  .hero-camp-element  {
    padding: 40px 80px 60px 80px;;
  }

  .hero-camp-element h2 {
    font-size: 38px;
  }

  .hero-camp-element .red-underline {
    width: 200px;
    border-bottom: 3px solid var(--red);
  }

}




