html body header#main-header {
       background-attachment: scroll; 
       background-image: url(http://www.sirensurfadventures.com/wp-content/uploads/2016/01/headerBGlogo2-3.jpg)!important; 
       background-position: left top!important; 
       background-repeat: no-repeat; 
       background-size: 100% 100%; 
    } 

html body header#main-header #logo {
    } 


@media screen and (max-width: 768px)  { html body header#main-header #logo {   max-height: 155px; }  }  
@media screen and (max-width: 768px)  { html body header#main-header #logo {   max-width: 157px; }  }  
@media screen and (max-width: 480px)  { html body header#main-header #logo {   max-height: 80px; }  }  
@media screen and (max-width: 480px)  { html body header#main-header #logo {   max-width: 157px; }  }