/*---------------------------------------
    RALEWAY
---------------------------------------*/
@font-face {
  font-family: 'Raleway'; /* название одно */
  src: url('ralewayregular.woff2') format('woff2'), url('ralewayregular.woff') format('woff'); /* разные файлы */
  font-weight: 400; /* разная плотность */
  font-style: normal;
}
@font-face {
  font-family: 'Raleway'; /* название одно */
  src: url('ralewaymedium.woff2') format('woff2'), url('ralewaymedium.woff') format('woff'); /* разные файлы */
  font-weight: 500; /* разная плотность */
  font-style: normal;
}
@font-face {
  font-family: 'Raleway'; /* название одно */
  src: url('ralewaysemibold.woff2') format('woff2'), url('ralewaysemibold.woff') format('woff'); /* разные файлы */
  font-weight: 600; /* разная плотность */
  font-style: normal;
}
@font-face {
  font-family: 'Raleway'; /* название одно */
  src: url('ralewaybold.woff2') format('woff2'), url('ralewaybold.woff') format('woff'); /* разные файлы */
  font-weight: 700; /* разная плотность */
  font-style: normal;
}
@font-face {
  font-family: 'Raleway'; /* название одно */
  src: url('ralewayextrabold.woff2') format('woff2'), url('ralewayextrabold.woff') format('woff'); /* разные файлы */
  font-weight: 800; /* разная плотность */
  font-style: normal;
}
@font-face {
  font-family: 'Raleway'; /* название одно */
  src: url('ralewayblack.woff2') format('woff2'), url('ralewayblack.woff') format('woff'); /* разные файлы */
  font-weight: 900; /* разная плотность */
  font-style: normal;
}
/*---------------------------------------
    OPEN SANS
---------------------------------------*/
@font-face {
  font-family: 'Open Sans'; /* название одно */
  src: url('opensanssemibold.woff2') format('woff2'), url('opensanssemibold.woff') format('woff'); /* разные файлы */
  font-weight: 600; /* разная плотность */
  font-style: normal;
}