<h1>Media Query example #1</h1>

<p>Narrow the width of the window to 600px or less.</p>
<p>Notice how the background color changed from white to blue.</p>

body {
  text-align: center;
}

p {
  font-size: 1.5rem;
}

/*Color will change to blue for smaller devices*/
@media (max-width: 600px) {
  body {
    background-color: #87ceeb;
  }
}