.intro {
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 20px;
  line-height:1.75;
  text-align: left;

}

.about {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  line-height:1.75;
  text-align: left;

}

  .header-image img {
    width: 100%;
    
}

.phone-contact {
  font-size: 20px;
  line-height:1.75;
  text-align: center;

}

.phone-contact h2 {
    /*color: #19354b;*/
    font-weight:bold;
    font-size:28px;
    padding-bottom: 10px;

}


.about h2 {
    /*color: #19354b;*/
    font-weight:bold;
    font-size:28px;
    padding-bottom: 10px;

}



@media screen and (max-width: 1285px) {
  .about {
      padding-left: 5%;
      padding-right: 5%;
  }
  
       .header-image {
      padding-left: 5%;
      padding-right: 5%;
   }
  
  
    .intro {
      padding-left: 5%;
      padding-right: 5%;
  }

  .phone-contact {
      padding-left: 5%;
      padding-right: 5%;
  }
  
 }



@media only screen and (max-width: 500px) {
  
     .header-image {
      padding-left: 2%;
      padding-right: 2%;
   }
  
  
      .intro {
      padding-bottom: 30px;
  }
  
}