Fixing Site Title to be Mobile Friendly

Hello! I need help fixing my site title and blog titles to be mobile-friendly. I have used the CSS code below, however it is not helping the situation. Maybe the code I am using is wrong? Please help me! Thank you:)

@media screen and (max-width:
480px) {
#frontpage-section
.wf-active .site-title {
font-size: 10px;
}
.wf-active .site-description
{font-size: 9px;
}
}

@media screen and (max-width:
480px) {
#blog-section
.wf-active .site-title {
font-size: 10px
}
}

The blog I need help with is hemotherapeutics.com.

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