/* Readable type scale for desktop and mobile */
.left-nav,
.right-nav{font-size:13px}
.header-button{font-size:13px;padding:11px 28px}
.intro-copy{font-size:15px}
.intro-actions a{font-size:15px}
.section-rule{font-size:27px}
.client-grid div{font-size:19px}
.section-heading p{font-size:16px}
.occasion-card h3{font-size:23px}
.occasion-card p{font-size:13px}
input,
textarea{font-size:13px}
.enquiry-form .section-heading p{font-size:15px}
.enquiry-form button{font-size:15px}
.phone-link span{font-size:14px}
.footer-nav{font-size:14px}
footer p{font-size:14px}

@media(max-width:800px){
  .mobile-menu a{font-size:16px;padding:14px 0}
  .mobile-menu .mobile-menu-cta{font-size:15px;padding:11px 24px}
  .intro-copy{font-size:13px;line-height:1.7}
  .intro-actions a{font-size:14px}
  .section-rule{font-size:23px}
  .client-grid div{font-size:13px}
  .section-heading p{font-size:14px}
  .occasion-card h3{font-size:18px}
  .occasion-card p{font-size:12px}
  input,
  textarea{font-size:13px;padding:12px}
  .enquiry-form .section-heading p{font-size:14px}
  .enquiry-form button{font-size:14px}
  .footer-nav{font-size:13px}
  footer p{font-size:13px}
}

@media(max-width:460px){
  .mobile-menu a{font-size:15px}
  .intro-copy{font-size:12px}
  .occasion-card h3{font-size:16px}
  .occasion-card p{font-size:11px}
  .section-heading p{font-size:13px}
}