【RWD】 ディスプレイの大きさごとに分けたCSSを一つにまとめる

CSSの中media screenを入れることで、ディスプレイの大きさごとに読み込ませるCSSを変えることができます。
1つのCSSの中にまとめるので、ページ読み込み高速化に繋がります。

例：

/* 768px */
@media screen and (min-width: 768px){
#content{
  text-align: left;
}
}

/* 1024px */
@media screen and (min-width: 1024px){
}