body {
  margin: 0px;
  background-color: black;
  font-family: sans-serif;
}
p:first-child {
  margin-top: 0in;
}
p:last-child {
  margin-bottom: 0in;
}
img {
  max-width: 100%;
  max-height: 100%;
}

#banner {
  background-image: linear-gradient(lightblue, black);
}
#banner img {
  max-height: 4in;
}
#banner h1 {
  margin: 0px;
  text-align: center;
  font-size: 50px;
}
#banner img {
  display: block;
  margin: auto;
}

#content {
  margin: auto;
  max-width: 11in;
}

.section-title {
  text-align: center;
  color: lightblue;
}

.textbox {
  background-color: lightblue;
  padding: 0.1in;
}

#about {
  display: flex;
  flex-wrap: wrap;
}
#about > * {
  flex: 3in;
  margin: .05in;
}
#about > * > * {
  margin-top: .1in;
}

#courses {
  display: flex;
  flex-wrap: wrap;
}
#courses > * {
  flex: 3in;
  margin: .05in;
}

#contact {
  display: flex;
  flex-wrap: wrap;
}
#contact > * {
  flex: 3in;
  margin: .05in;
}