/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/work-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/work-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v18-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/work-sans-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/work-sans-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v18-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}

html {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  background-color: rgb(236 236 236);
}

section {
  margin: 60px 0px 0px 60px;
}

.brand {
  font-size: 50px;
  margin-bottom: 30px;
}

.sub {
  font-weight: 300;
  font-size: 16px;
}

@media (max-width: 520px) {
  .sub {
    font-size: 14px;
  }

  .brand {
    font-size: 30px;
    margin-bottom: 10px;
  }

  section {
    margin: 20px 0px 0px 20px;
  }
}