/ ---------- breakpoints ---------- /
$mobile: new-breakpoint(max-width 767px 12);
$middle: new-breakpoint(max-width 1029px 12);
$large: new-breakpoint(min-width 1030px 12);

768pxはタブレット用サイズ
content-widthが、1000pxなら、
1030をブレイクポイントに。
横幅を確保するため
padinng:0px 15px;