body {
  background-image: url('Graphics/saterhagenbg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
	
}



h1 {
  color: navy;
  margin-left: 20px;
}


/* Container holding the image and the text */
.container {
  position: relative;
  text-align: left;
  color: white;
}

.container2 {
  position: relative;
  text-align: left;
  color: white;

}

.container3 {
  position: relative;
  text-align: right;
  color: white;
}

.rotate {
  transform: rotate(360deg);

}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.mid-left {
  position: absolute;
  top: 8px;
  left: 50px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 580px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}