@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/lato-light-webfont.eot);
  src: local('Lato Light'), local('Lato-Light'), 
      url(../fonts/lato-light-webfont.woff2) format('woff2'),
      url(../fonts/lato-light-webfont.woff) format('woff'),
      url(../fonts/Lato-Light.ttf) format('truetype'),
      url(../fonts/lato-light-webfont.svg) format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/lato-regular-webfont.eot);
  src: local('Lato Regular'), local('Lato-Regular'), 
      url(../fonts/lato-regular-webfont.woff2) format('woff2'),
      url(../fonts/lato-regular-webfont.woff) format('woff'),
      url(../fonts/Lato-Regular.ttf) format('truetype'),
      url(../fonts/lato-regular-webfont.svg) format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/lato-bold-webfont.eot);
  src: local('Lato Bold'), local('Lato-Bold'), 
      url(../fonts/lato-bold-webfont.woff2) format('woff2'),
      url(../fonts/lato-bold-webfont.woff) format('woff'),
      url(../fonts/Lato-Bold.ttf) format('truetype'),
      url(../fonts/lato-bold-webfont.svg) format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/lato-italic-webfont.eot);
  src: local('Lato Italic'), local('Lato-Italic'), 
      url(../fonts/lato-italic-webfont.woff2) format('woff2'),
      url(../fonts/lato-italic-webfont.woff) format('woff'),
      url(../fonts/Lato-Italic.ttf) format('truetype'),
      url(../fonts/lato-italic-webfont.svg) format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/opensans-light-webfont.eot);
  src: local('Open Sans Light'), local('OpenSans-Light'), 
      url(../fonts/opensans-light-webfont.woff2) format('woff2'),
      url(../fonts/opensans-light-webfont.woff) format('woff'),
      url(../fonts/OpenSans-Light.ttf) format('truetype'),
      url(../fonts/opensans-light-webfont.svg) format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/opensans-regular-webfont.eot);
  src: local('Open Sans'), local('OpenSans'), 
      url(../fonts/opensans-regular-webfont.woff2) format('woff2'),
      url(../fonts/opensans-regular-webfont.woff) format('woff'),
      url(../fonts/OpenSans-Regular.ttf) format('truetype'),
      url(../fonts/opensans-regular-webfont.svg) format('svg');
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: 800;
    font-style: normal;

}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/raleway-light-webfont.eot);
  src: local('Raleway Light'), local('Raleway-Light'), 
      url(../fonts/raleway-light-webfont.woff2) format('woff2'),
      url(../fonts/raleway-light-webfont.woff) format('woff'),
      url(../fonts/Raleway-Light.ttf) format('truetype'),
      url(../fonts/raleway-light-webfont.svg) format('svg');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/raleway-regular-webfont.eot);
  src: local('Raleway'), 
      url(../fonts/raleway-regular-webfont.woff2) format('woff2'),
      url(../fonts/raleway-regular-webfont.woff) format('woff'),
      url(../fonts/Raleway-Regular.ttf) format('truetype'),
      url(../fonts/raleway-regular-webfont.svg) format('svg');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/raleway-medium-webfont.eot);
  src: local('Raleway Medium'), local('Raleway-Medium'), 
      url(../fonts/raleway-medium-webfont.woff2) format('woff2'),
      url(../fonts/raleway-medium-webfont.woff) format('woff'),
      url(../fonts/Raleway-Medium.ttf) format('truetype'),
      url(../fonts/raleway-medium-webfont.svg) format('svg');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/raleway-semibold-webfont.eot);
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), 
      url(../fonts/raleway-semibold-webfont.woff2) format('woff2'),
      url(../fonts/raleway-semibold-webfont.woff) format('woff'),
      url(../fonts/Raleway-SemiBold.ttf) format('truetype'),
      url(../fonts/raleway-semibold-webfont.svg) format('svg');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/raleway-bold-webfont.eot);
  src: local('Raleway Bold'), local('Raleway-Bold'), 
      url(../fonts/raleway-bold-webfont.woff2) format('woff2'),
      url(../fonts/raleway-bold-webfont.woff) format('woff'),
      url(../fonts/Raleway-Bold.ttf) format('truetype'),
      url(../fonts/raleway-bold-webfont.svg) format('svg');
}