@media all {
  p {
    width: 50%;
    color: black;
  }
}

@media all and (min-width: 300px) {
  p {
    width: 75%;
    color: blue;
  }
}

@media all and (min-width: 600px) {
  p {
    width: 100%;
    color: red;
  }
}