[Theme: Sunrise Pub] – Responsive Issues with Homepage Header

When the background-size: cover the site looks fine on a desktop, but blows up on a tablet or a mobile. But when I try to fix it by background-size: contain it leaves a huge blank space on the desktop view, but fixes the mobile version. I attached the code snippet below. The site is http://www.chappystaproom.com/wp, any advice?!?!

‘.home-background {
background-image: url(http://chappystaproom.com/wp/wp-content/uploads/2014/12/ChappysWebsite-Header-Sized-e1429813366264.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
min-height: 200px;
}

.header-wrapper {
background: #333;
background-image: url(http://chappystaproom.com/wp/wp-content/uploads/2015/04/ChappysWebsite-TopHeader-Sized-e1429817341189.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
min-height: 200px;’