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

<p>We are going to change the media query to target widths between 600 and 768px.</p>
<p>Notice how the background color changed from blue to red.</p>

body {
  text-align: center;
  background-color: #87ceeb;
}

p {
  font-size: 1.5rem;
}

@media (min-width: 600px) and (max-width: 768px) {
  body {
    background-color: #de3163;
  }
}