Portfolio Mobile View: Reduce title size and page navigation

Site URL: https://diedesignwerkstatt.squarespace.com/

Hi there,

I want to make some changes regarding a portfolio section on mobile view. Am I right that there is no way at all in squarespace to change the mobile view except by code? 

My 3 questions about the portfolio "Services" :

1. Is it possible to reduce the title size on mobile view? Desktop looks fine, mobile is cut off. Also I would like to add space between words here to distinguish the words clearly.

2. On the portfolio subpages, I have a bulleted list. Here I would like to increase the margin space on the right. How can I insert paragraph markers that squarespace does not automatically delete on mobile?

3. The portfolio navigation at the bottom of the page is unfortunately not displayed correctly on the subpage "Design", because the size of the words is too large. How can I make them smaller?

For a better illustration please have a look at the attached png.

The link to the page is https://diedesignwerkstatt.squarespace.com/
Password: test123

I am so grateful for any help!!!

Thanks,
Jasmin

I was able to solve number 3 with the following code:

/* portfolio pagination */
.item-pagination[data-collection-type^="portfolio"] .item-pagination-title {
    font-size: 1em;
}

However the portfolio pagination is now also smaller on desktop. Can somebody reword the code so that it works on mobile only?

#1. Add to Design > Custom CSS

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