@media screen and (max-width: 1024px) {
  /*START GENERAL STYLING*/
  .content {
    max-width: calc(100% - 2rem);
  }
  /*END GENERAL STYLING*/

  /*START HEADER SECTION*/
  #header {
    margin-bottom: 35px;
    margin-top: 50px;
  }
  #header h1 {
    margin-bottom: 30px;
  }
  #header h1 p {
    max-width: 300px;
    line-height: 4rem;
  }

  h1 #then {
    font-size: 6.5rem !important;
  }

  h1 #now {
    font-size: 7rem !important;
    width: 290px !important;
  }

  h1 #next {
    font-size: 6.85rem !important;
    margin-top: -3rem !important;
  }
  /*END HEADER SECTION*/

  /*START SECTION GENERAL STYLING (NOT INITIATIVES SECTIONS)*/
  .section {
    flex-direction: column;
  }

  .section .sectionText {
    padding-left: 0;
    padding-right: 0;
    padding-top: 3rem;
  }

  .section .sectionText .large {
    font-size: 1.5rem;
  }
  /*END SECTION GENERAL STYLING (NOT INITIATIVES SECTIONS)*/

  /*START THEN SECTION*/
  #thenSectionWrap .sectionText h2 {
    font-size: 5rem;
    line-height: 5rem;
  }
  /*END THEN SECTION*/

  /*START NOW SECTION*/
  #nowSectionWrap .sectionText h2 {
    font-size: 5rem;
    line-height: 5rem;
  }
  /*END NOW SECTION*/

  /*START NEXT SECTION*/
  #nextSectionWrap .sectionText h2 {
    font-size: 5rem;
  }
  /*END NEXT SECTION*/

  /*START INITIATIVES GENERAL STYLING*/
  .item::before {
    font-size: 4rem;
    margin: 0 1rem;
  }

  .item:nth-child(odd) {
    flex-direction: column-reverse !important;
  }

  .item:nth-child(odd) .spotlightButtonWrap {
    order: -1 !important;
  }

  .item__caption {
    padding: 0 !important;
  }

  /*END INITIATIVES GENERAL STYLING*/

  /*START INITIATIVE 1*/

  /*END INITIATIVE 1*/

  /*START INITIATIVE 2*/

  /*END INITIATIVE 2*/

  /*START INITIATIVE 3*/

  /*END INITIATIVE 3*/

  /*START INITIATIVE 4*/

  /*END INITIATIVE 4*/

  /*START INITIATIVE 5*/

  /*START INITIATIVE 6*/

  /*START SPOTLIGHTS ONLY SECTION*/
  #spotlightsOnlyWrap .spotlightIndividualWrap {
    width: 100%;
  }
  /*END SPOTLIGHTS ONLY SECTION*/

  /*START PEOPLE SECTION*/
  #people {
    padding: 1rem;
  }
  #peopleRow1 {
    flex-direction: column;
  }
  #peopleRow1 > div {
    width: 100%;
  }
  #peopleRow2 ul {
    column-count: 1;
  }
  /*END PEOPLE SECTION*/

  /*START SCROLL TO TOP BUTTON*/
  .scroll-top {
    bottom: 1rem;
    right: 1rem;
  }
  /*END SCROLL TO TOP BUTTON*/

  /*START FOOTER SECTION*/
  #footContainer,
  .socialMediaBar-wrapper {
    margin-left: -1rem;
  }
  /*END FOOTER SECTION*/
}