Reply To: Header enlarge animation on tablets

This Additional CSS should do it:

@media screen and (min-width: 321px){

    #site-branding {
        padding-top: 10px
        padding-bottom: 10px;
    }

    #site-description,
    #masthead.style2 #site-description,
    #masthead.style3 #site-description {
        padding-top: 10px
        padding-bottom: 10px;
    }

    .top-tel,
    #masthead.style2 .top-tel,
    #masthead.style3 .top-tel {
        padding-top: 0;
    }

}

These are the padding values when scrolling, applied to screens wider than 320px when not scrolled (on initial page load).