// typography

body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: rgb(25, 139, 247);
}

// layout

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.l-wide {
  width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

@import "vars";

// typography

body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: rgb(25, 139, 247);
}

// global

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

// layout

.l-wide {
  padding: 0 20px;
  margin: 0 auto;
}

@media (max-width: $mbp-3) {
  width: 1200px;
}

Add media query to layout class
Add media query to layout class
