/*.box {
  background: linear-gradient(105deg, rgba(255,255,255,.2) 39%, rgba(51,56,57,1) 96%) center center / 400px 200px no-repeat,
  url(sea-4847987_1920.jpg) center no-repeat, rebeccapurple;
}*/


h1 {
  display: block;
  font-size: 3em;
  margin-top: 0.2em;
  margin-bottom: 0.67em;
  margin-left: 10px;
  margin-right: 0;
  font-weight: bold;
}

p {
    margin-left: 10px;

}


img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px){
        img.bg {
                left: 50%;
                margin-left: -512px; }
}

#page-wrap { position: relative; width: 400px; margin: 20px auto; padding: 20px; }
		p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 12px; }
	
@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}