@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url('../eot/play-regular.eot'); /* IE9 Compat Modes */
  src: local('Play'),
       url('../eot/play-regulard41d.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../play-regular.html') format('woff2'), /* Super Modern Browsers */
       url('../woff/play-regular.woff') format('woff'), /* Modern Browsers */
       url('../play-regular-2.html') format('truetype'), /* Safari, Android, iOS */
       url('../svg/play-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: url('../eot/play-bold.eot'); /* IE9 Compat Modes */
  src: local('Play-Bold'),
       url('../eot/play-boldd41d.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../play-bold.html') format('woff2'), /* Super Modern Browsers */
       url('../woff/play-bold.woff') format('woff'), /* Modern Browsers */
       url('../play-bold-2.html') format('truetype'), /* Safari, Android, iOS */
       url('../svg/play-bold.svg#Lato') format('svg'); /* Legacy iOS */
}

body {
    position: relative;
    background-color: #fff;
    color: #777;
    font: 14px/20px 'Play', sans-serif;
}