Adjusting Padding on Index Sub-Page

Site URL: http://www.mitchbakker.com

I'm running into a problem where two Index Sub-Pages are not retaining proper padding when scaled for mobile only. 

Specifically, the third sub-page which includes a quote (/book) is improperly laying over the second sub-page (/about) which has an Image Block with Overlap design. Please see SS where the Quote is way too far up...

I have checked the Site Styles > Padding, all seems in order. 

Any suggestions? Am I missing something? Thanks! 

you used margin-top: -300px

edit it to

@media screne and (min-width:641px) {
    #book {
    margin-top: -300px;
    padding-bottom: 0px
}
}
@media screne and (max-width:640px) {
#book {
    margin-top: -100px;
    padding-bottom: 0px
}
}

Yep. I did. I sure did. Gah! Forgot I put that in at the very beginning of the project. SMH. Thanks for helping @tuanphan!