/* Fonts */
.fw300,.light{ font-weight: 300;}
.fw400{ font-weight: 400;}
.fw500{ font-weight: 500;}
.fw600{ font-weight: 600;}
.fw700,strong{ font-weight: 700;}
.fw800{ font-weight: 800;}
.fw900{ font-weight: 900;}

.fs64{ font-size: calc(32px + (64 - 36) * ((100vw - 300px) / (1600 - 300)));}
.fs60{ font-size: calc(36px + (60 - 36) * ((100vw - 300px) / (1600 - 300)));}

.fs52{ font-size: calc(28px + (52 - 32) * ((100vw - 300px) / (1600 - 300)));}
.fs48{ font-size: calc(26px + (48 - 30) * ((100vw - 300px) / (1600 - 300)));}
.fs42{ font-size: calc(25px + (42 - 28) * ((100vw - 300px) / (1600 - 300))); }
.fs40{ font-size: calc(25px + (42 - 27) * ((100vw - 300px) / (1600 - 300))); }
.fs38{ font-size: calc(25px + (38 - 26) * ((100vw - 300px) / (1600 - 300))); }
.fs36{ font-size: calc(24px + (36 - 25) * ((100vw - 300px) / (1600 - 300))); }
.fs32{ font-size: calc(23px + (32 - 24) * ((100vw - 300px) / (1600 - 300))); }

.fs30{ font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1600 - 300))); }

.fs28{ font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1600 - 300))); }
.fs26{ font-size: calc(21px + (26 - 21) * ((100vw - 300px) / (1600 - 300))); }
.fs24{ font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300))); }
.fs22{ font-size: calc(19px + (22 - 19) * ((100vw - 300px) / (1600 - 300))); }
.fs20{ font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300))); }

.fs18{ font-size: 18px; }
.fs16{ font-size: 16px; }
.fs14{ font-size: 14px; }
.fs13{ font-size: 13px; }
.fs12{ font-size: 12px;}

.lh100{ line-height: 100%;}
.lh110{ line-height: 110%;}
.lh120{ line-height: 120%;}
.lh130{ line-height: 130%;}
.lh150{ line-height: 150%;}
.lh180{ line-height: 180%;}
.lh24{ line-height: 24px; }

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
       url('roboto-v18-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('roboto-v18-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('roboto-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('roboto-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('roboto-v18-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('roboto-v18-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('roboto-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('roboto-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}