Add .hero { padding: 0 !important; } on mobile devices to remove extra space at the top and bottom. Change height: auto - height: 100% on hero img so that the image still fills the entire screen.