/* BASIC STYLES */

* {
  font-family: "Courier New", Courier, monospace;
}

body {
  background-color: black;
}

#header,
#footer {
  text-align: center;
}

img {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}

p {
  margin-right: 20px;
}

h1,
h2,
h4,
p,
ul {
  color: yellow;
}

.movieContainer {
  height: 350px;
}

/* Mobile devices with 520px width max */
@media screen and (max-width: 520px) {
  img {
    height: 200px;
  }

  p {
    font-size: 10px;
  }

  .movieContainer {
    height: 275px;
  }
}