Title Size on Mobile or Tablet

I would like the site title font size to reduce (to display on a single line) when viewed on mobile or tablet.
Is it also possible to hide the secondary menu on mobile and tablet?

This does not work:
@media screen and (min-width: 768px) {
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding{
font-size: 14px;
}
}

The page I need help with: [log in to see the link]