#intro {
  z-index:30;
  /* padding: 20px !important; */
}
#intro h1 {
  font-size: 3.5em;
  font-weight: bold;
  color: #10A2FF;
  color: var(--primary);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, .6);
}
#intro p {

  color: #fff !important;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 767px) {
  #intro h1 {
    font-size: 3em;
  }
  #intro h2 {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 575px) {
  #intro h1 {
    font-size: 2em;
    margin: 30px 0 5px 0;
  }
  #intro h2 {
    font-size: 1.25em;
  }
  #intro p {
    font-size: 0.875em;
    /* padding: 0px 20px 0px 20px; */
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 375px) {
  #intro h1 {
    font-size: 1.625em;
    margin: 15px 0 5px 0;
  }
  #intro p {
    line-height: 1em;
  }
}
@media screen and (max-width: 320px) {
  #intro h2 {
   font-size:1em;
  }
}