body {
  background-color: black;
  color: white;
  font-family: Verdana;
}

h1 {
  text-align: center;
}
.header {
    text-align: center;
}
.header img {
    width: 250px;
}
#home img {
  float: left;
  margin: 20px;
}
@media screen and (min-width: 700px) {
#home {
  width: 700px;
  margin: auto;
}
li {
    margin-bottom: 10px;
}
.text {
  padding: 20px;
}
}
@media screen and (max-width: 700px) {
#home {
  width: 100%;
  margin: auto;
  text-align: center;
}
.text {
  padding: 20px;
    text-align: center;

}
li {
    margin-bottom: 10px;
}
}
a {
  color: lightblue;
}

.shows {
      text-align: center;
}