body {
  margin: auto;
  width: 1400px;
  padding: 50px;
  font-family: Verdana, sans-serif;
  background-color: rgb(40, 70, 75);
  color: white;
}

@media (min-width: 320px) {
  body {
    background-color: rgb(0, 0, 0);
  }
}

@media (min-width: 768px) {
  body {
    background-color: rgb(48, 48, 48);
  }
}

@media (min-width: 1200px) {
  body {
    background-color: rgb(40, 70, 75);
  }
}

pre {
  font-family: Verdana, sans-serif;
}

li {
  padding-bottom: 5%;
}

h1 {
  padding-bottom: 2%;
}

/*
.header-parent {
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.image-header {
  top: 0;
}

.image-bust {
  left: 500px;
  top: 200px;
}

*/
.container {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.image-header {
  width: 100%;
  top: 0;
  left: 0;
}
.image-bust {
  width: 100%;
  top: 100px;
  left: 100px;
}

/* Bust three column settings */
.bust-column {
  float: left;
}
.bust-right,
.bust-left {
  width: 25%;
}
.bust-middle {
  width: 50%;
}

/* The floats after the columns are cleared */
.row {
  content: “”;
  display: table;
  clear: both;
}

/* Bust two column settings */
.body-column {
  float: left;
}
.body-left {
  width: 25%;
}
.body-right {
  width: 75%;
}