Page content width on iPad

Site URL: https://bernardandhawkes.com/photolog

Hi, 

I'm wondering how I can change the width of most of my page content just on iPad. It currently looks fine on Desktop, and I have been changing the width using the built in options in Squarespace for Desktop (I'm on 7.1) but when viewed on iPad the content is very narrow. Any help would be appreciated! Attached a few screenshots of different pages! Thank you!

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) and (max-width:991px) {
.collection-type-blog-single-column.view-list #page .content {
    width: 90% !important;
}
}

Thank you! What would the selector be if I wanted to do this for the alternating side by side summary? And how would I do it for every one of my articles/blog posts? Thanks so much for your help!

7 hours ago, laurenjaynehughes said:

Thank you! What would the selector be if I wanted to do this for the alternating side by side summary? And how would I do it for every one of my articles/blog posts? Thanks so much for your help!

If you share link to alternate side by side blog, I can take a look

side by side, I guess replace 

.collection-type-blog-single-column

with

.collection-type-blog-alternating-side-by-side

or

.collection-type-blog-alternate-side-by-side