Mobile Portfolio Title Sizing Help

Site URL: https://www.codylandkammer.com/

Using "Portfolio Hover: Background" I want to change the title sizes just for mobile as they are too big. I want the sizing to be independent from the desktop sizing. The centering on mobile is also off. Last I want to remove the hover background for mobile, but keep it on desktop.

Add to Design > Custom CSS

@media screen and (max-width:767px) {
span.portfolio-hover-item-content {
    font-size: 30px;
}
}