.homeImg { float:right;margin:0 0 12px 12px; }
@media (max-width:500px) {
.homeImg { float:none;margin:12px 0;width:100% !important; }
}



.maincontent {
    position: relative;
    max-width: 100%;
background: linear-gradient(180deg,rgba(245,245,245,.4) 0%,rgba(245,245,245,.4) 100%),url(/imageserver/UserMedia/ruckroofing/homebg.jpg);
padding: 70px 300px;
background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
}