
@media screen and (min-width: 800px) and (max-width: 1400px) {
   /* Your styles for screens between 800px and 1400px wide */
   .c-hero-banner-text {
      font-size: 2.1rem;
      margin-bottom: 17px;
   }


   .c-hero-banner-text-1-m {
      margin-top: 10px;
      display: block;
      font-size: 1.0rem;
   }

   .c-fourth-section {
      padding: 30px 40px;
   }

   .hero-image {
      height: calc(80vh-65px);
   }

   .d-flex-at-thirdSection {
      padding: 0px 0px 50px 0px;
   }

   .c-programs-header {
      padding: 0 5%;
      margin-bottom: -20px;
   }

   .news-article {
      width: calc(100% - 20px);
   }
 }
 

@media (max-width: 800px) {
   .c-hero-banner-text {
      font-size: 2.1rem;
      margin-bottom: 17px;
   }

   .c-hero-banner-text-1 {
      display: none;
   }

   .c-hero-banner-text-1-m {
      margin-top: 10px;
      display: block;
      font-size: 1.0rem;
   }

   .c-fourth-section {
      padding: 30px 40px;
   }

   .hero-image {
      height: calc(80vh-65px);
   }

   .d-flex-at-thirdSection {
      padding: 0px 0px 50px 0px;
   }

   .c-programs-header {
      padding: 0 5%;
      margin-bottom: -20px;
   }

   .news-article {
      width: calc(100% - 20px);
   }
}

@media (max-width: 701px) {
   .c-aboutSectionHome {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   .c-aboutSection1 {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin-bottom: 30px;
      padding: 0 13%;
   }

   .c-aboutSection2 {
      margin-top: 20px;
      width: 100%;
      margin-bottom: -45px;
   }

   .artistic-container {
      margin: 15px 0;
   }

   .artistic-text {
      font-size: 1.5rem;
   }
}

@media (max-width:547px) {
   .artistic-text {
      font-size: 1.3rem;
   }

   .news-article {
      width: calc(100% - 20px);
   }
}

@media (max-width:416px) {
   .c-hero-banner-text {
      font-size: 1.7rem;
      padding: 30px;
   }
}