@media screen and (max-width: 499px) {
  /*　画面サイズ 299pxまで適用　*/
  .content {
    color: #red;
    width: 100%;
    margin: 10px auto;

  }
}

@media screen and (min-width: 500px) and (max-width: 799px) {
  /*　画面サイズ 300pxから799pxまで適用　*/
  .content {
    color: #green;
    width: 400px;
    margin: 10px auto;

  }
}

@media screen and (min-width:800px) {
  /*　画面サイズ 800px以上から適用　*/
  .content {
    color: #blue;
    width: 800px;
    margin: 10px auto;

  }
}