@media (min-width: 320px) and (max-width: 480px) {
.about .container{
padding:1px 35px 30px 30px;
}
#pa{
  padding-left:0.8em; 
}

#hero1 h1{
  padding-top:40px; 
  color:#4f94d1;
  font-size: 110px; 
  margin-left:10px;
  line-height:0.5;  
  font-family:Copperplate Gothic Light;
}

#hero1 h2{
  font-size:60px;
font-family: "Crimson Text";
}

#hero1 h3{
color:#000000;
font-size:35px; 
font-weight:600;
margin-left:18px;

font-family: "Crimson Text";
}

#hero1 p{
padding-left;
font-size: 23px;
margin-bottom:10px;
margin-left:25px;
margin-right:25px; 
font-family: "Crimson Text";
}

#hero1 span{
  color: #4f94d1;
   font-size:35px;
   margin-left:18px;
  font-weight: bold;
font-family: "Crimson Text";
}

  }