Mobile Content Section Padding Brine 7.0

Using Brine 7.0
On website the content section section padding is site through site styles and looks fine. 
(Note green arrow on 1st photo)
However on mobile there is a huge white space. 
(Note red arrow on 2nd photo)

Is the css to get rid of that white gap on mobile?
page is found at https://www.raehcollection.com/shop/wana-earring-threader

After inspecting the coding in mobile view it looks like there is 17px of padding on block's last-child and the first child (see attached image). I've targeted that block but the white still won't disappear.  

The page is at ttps://www.raehcollection.com

Any other ideas?

Did you solve it? I see no space now

I did not. I gave the wrong image example and link in the first post. That page works as well as the shop page on this site. However all the other pages have the large white space at the top. See example on home page at  www.raehcollection.com

Try adding this code to Website > Page > Website Tools (under Not Linked) > Custom CSS

section.Index-page>.Index-page-content {
    justify-content: flex-start !important;
}

As I only want the white space gone on mobile version I included this with your code-

@media screen and (max-width:640px) {
section.Index-page>.Index-page-content {
    justify-content: flex-start !important;
}
}

Unfortunately that didn't get rid of the extra white space. It doesn't seem to appear on all the pages, just three of them.

https://www.raehcollection.com
https://www.raehcollection.com/find-us
https://www.raehcollection.com/story