html, body { width: 100%; height: 100vh; /* 100% of the viewport height */ margin: 0; } body { background: url('http://placehold.it/1600x900') no-repeat center center; /* modified */ background-size: cover; /* recommended / also try the "contain" */ } .welcome { text-align: center; position: relative; height: 100%; background: rgba(38, 36, 15, 0.7); } #container { width: 25%; margin:0 auto; } }
 - Collectible Ceramics designed and handcrafted in Maine USA since 1952