.myBanner {
  margin-left: auto;
  margin-right: auto;
}

.myContent {
  /* Center horizontally*/
  margin: 0 auto;
  /* Set div width */
  width: 800px;
}

.myFeaturedBattle {
  background-color: green;
  color: white;
  text-align: center
}

.myFeaturedNews {
  background-color: red;
  color: white;
  text-align: center
}

.myFooter {
  /* Center horizontally*/
  margin: 0 auto;
  /* Set div width */
  width: 800px;
}

.myGreenHighlight {
  background-color: green;
  color: white;
  text-align: center
}

.myRedHighlight {
  background-color: red;
  color: white;
  text-align: center
}

.myBlueHighlight {
  background-color: blue;
  color: white;
  text-align: center
}

.myYellowHighlight {
  background-color: yellow;
  color: black;
  text-align: center
}

.myHeader {
  /* Center horizontally*/
  margin: 0 auto;
  /* Set div width */
  width: 800px;
}

.myImage {
  /* Resize image to fit width */
  max-width: 100%
}

.myLogo {
  width: 90px;
}

.myNavigationBar {
  padding-right: 10px;
}