@media (max-height: 820px) and (orientation: landscape) {
    .hero-image {
    right: 0;
    width: 90%;
    }
    #a-head {
    font-size:2.2rem;
    top:30%;
    width: 50%;    
    }
    #a-par {
    font-size: 1.1rem;
    top: 65%;
    width: 85%;
    line-height: 1.2;
    }
}
/* Large Tablet Portrait */
@media (max-width: 1024px) and (orientation: portrait) {

    .logo-style {
    max-width: 250px;
    }

    .hero-image {
    top:10vh;
    right: 0;
    width: 120%;
    }
  
    #a-head {
    font-size:3rem;
    top:27%;
    width: 50%;    
    }
    #a-par {
    font-size: 1.8rem;
    top: 60%;
    width: 90%;
    }
  }
/* Mid Tablet Portrait */
  @media (max-width: 820px) and (orientation: portrait) {
    #a-head {
    font-size:2.6rem;
    top:30%;
    width: 50%;    
    }
    #a-par {
    font-size: 1.5rem;
    top: 60%;
    width: 90%;
    }
  }
/* Mini Tablet Portrait */
  @media (max-width: 768px) and (orientation: portrait) {
    #a-head {
    font-size:2.2rem;
    top:30%;
    width: 50%;    
    }
    #a-par {
    font-size: 1.2rem;
    top: 60%;
    width: 90%;
    }
  }