Mobile Optimization Question

Site URL: http://www.fullpixinspect.com/?password=fullpix555

Hi - 2 quick mobile optimization questions:

• 1 - Want to update HOMEPAGE vertical content alignment to be middle (not anchored to the bottom) on mobile only (screenshot attached). 
• 2 - My image borders that I have setup on desktop (all 'split' sections on site) are doubling up on mobile only. I'd like them to show properly, 2px on top, and 2px on bottom (screenshot attached). 

If anyone has advice on how to fix, it would be greatly appreciated!! Client site. Thank you!!! 

JIC: www.fullpixinspect.com/home // password: fullpix555

#1. Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-3c07dcb21781ac310ff6 {
    position: relative;
    top: -150px;
}
}

#2. You mean this?

Thank you! Yes how the top and bottom border (2px) are showing together rather than one on top and one on the bottom, giving the impression that there is one 4px border and one 0px, as opposed to 2 and 2. I hope that makes sense.

Add this CSS under

@media screen and (max-width:767px) {
.page-section.dark-bold {
    border-top: none !important;
}
}