Remove Padding on Sections with Banner Image in Mobile View.

Site URL: https://kalindesign.com/

Hey Everyone, 

I'm trying to remove this padding in the MOBILE VIEW ONLY that has been applied to all areas with a banner image in the site body. 

i've already applied a piece of code to remove padding on all the other areas of the site however it hasn't been applied to the overlay areas as seen in the image above. 

(Existing working code) 

VVVVVVVVVVV

.Index-page-content {
   padding-bottom: 0px;
   padding-top: 0px;
     }

Thanks in advance! 

Hi. Add to Design > Custom CSS

/* What been cooking padding */
@media screen and (max-width:640px) {
section#whats-been-cooking>div {
    padding-top: 0px;
}
}