レスポンシブWebデザインの調整 1

ブラウザ画面の横幅を変化させて表示の確認を行います。
この表示デザインによる変化で気になるポイントは、横幅を小さくしたとき、ナビゲーションメニューに改行が入ってしまいます。
基準のデザインではサブメニューの右側が余白ができやすいことです。
横幅を大きくしたときは、幅全体に本文が広がりすぎます。
@mediaの設定をし直しました。ブレイクポイントを600pxと1040pxを追加しました。
あと 改行をなくしたりの調整を次からやっていきます。