body { background: linear-gradient(37deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%); background-attachment: fixed; font-family: 'Roboto', sans-serif; } #container { background-color: white; padding: 20px 15px 20px 15px; width:80%; margin:0px auto 0px auto; border:10px solid black; box-shadow: 0px 10px 20px rgba(0,0,0,0.20); } #heroimage { background-image:url("laughingmonkey.jpg"); height:300px; background-repeat: no-repeat; background-size:cover; background-position:49% 50%; } .red { color: red; } .size50 { width: 50%; padding-left:20px; } .right { float:right; }