/*Mobile-------------------------------------*/
@media only screen and (max-width: 799px) {
  .section-3 {
    padding: 2em 2em;
  }
  .section-3 > h1 {
    color: var(--main-blue);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6em;
    padding-bottom: 1em;
    text-align: center;
  }
  .promote-program-text {
    font-size: var(--font-size-1-mobile);
  }
  .promote-program-text > p {
    padding-bottom: 2.5em;
  }
  .promote-program-image > img {
    max-width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
   
  }
}
/*Tablet-------------------------------------*/
@media only screen and (min-width: 800px) and (max-width: 1099px) {
  .section-3 > h1 {
    color: var(--main-blue);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.7em; 
    padding: 3em 3em 0.5em 3em;
  }
  .promote-program-container {
    display: flex;
    padding: 2em 8em 2em 6em;
  }
  .promote-program-text {
    font-size: var(--font-size-05-tablet);
  }
  .promote-program-text > p {
    padding-bottom: 2.5em;
  }
  .promote-program-image > img {
    max-width: 350px; /*new**/
    margin-top: -1.25em;
    padding-bottom: 2em;
  }

}

/*Desktop-------------------------------------*/
@media only screen and (min-width: 1100px) {
  .section-3 > h1 {
    padding: 3em 3em 0.5em 3em;
    color: var(--main-blue);
    font-size: 2em;
    font-family: 'Montserrat', sans-serif;
  }
  .promote-program-container {
    padding: 2em 8em 2em 6em;
    display: flex;
  }
  .promote-program-text {
    font-size: var(--font-size-05-desktop);
  }
  .promote-program-text > p {
    padding-bottom: 2.5em;
  }
  .promote-program-image > img {
    position: relative;
    max-width: 450px;
    top: -100px;
    padding-bottom: 2em;
   
  }
}

.section-3 {
  background-color: white;
  color: black;
}