How can I apply CSS to specific pages on my website?

[blankspace_mom]

Hey,

Hope that someone can help me with the following issue: 

I'm trying to style two specific pages completely different than the other ones.

Goal: 

Basically my 'index' and my 'about page' should go width=100%  (because I want full width images) while the other pages are having a content padding.

What I've tried so far: 

class="{% if request.page_type == 'index' or 'page'} main-home {% else %} main {% endif %}"

class="{% if page.url == '/' or '/beyond-us'} main-home {% else %} main {% endif %}"

URL: https://beyondblankspace.com/

'index' and '/beyond-us' section should have 'main-home' 

Thanks in Advance