/* Regular */
@font-face {
    font-family: 'RalewayRegular';
    src: url('fonts/RalewayRegular.eot');
    src: url('fonts/RalewayRegular.eot') format('embedded-opentype'),
         url('fonts/RalewayRegular.woff2') format('woff2'),
         url('fonts/RalewayRegular.woff') format('woff'),
         url('fonts/RalewayRegular.ttf') format('truetype'),
         url('fonts/RalewayRegular.svg#RalewayRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}

/* Thin */
@font-face {
    font-family: 'RalewayThin';
    src: url('fonts/RalewayThin.eot');
    src: url('fonts/RalewayThin.eot') format('embedded-opentype'),
         url('fonts/RalewayThin.woff2') format('woff2'),
         url('fonts/RalewayThin.woff') format('woff'),
         url('fonts/RalewayThin.ttf') format('truetype'),
         url('fonts/RalewayThin.svg#RalewayThin') format('svg');
    font-weight: 200;
    font-style: normal;
}

/* Light */
@font-face {
    font-family: 'RalewayLight';
    src: url('fonts/RalewayLight.eot');
    src: url('fonts/RalewayLight.eot') format('embedded-opentype'),
         url('fonts/RalewayLight.woff2') format('woff2'),
         url('fonts/RalewayLight.woff') format('woff'),
         url('fonts/RalewayLight.ttf') format('truetype'),
         url('fonts/RalewayLight.svg#RalewayLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

/* Medium */
@font-face {
    font-family: 'RalewayMedium';
    src: url('fonts/RalewayMedium.eot');
    src: url('fonts/RalewayMedium.eot') format('embedded-opentype'),
         url('fonts/RalewayMedium.woff2') format('woff2'),
         url('fonts/RalewayMedium.woff') format('woff'),
         url('fonts/RalewayMedium.ttf') format('truetype'),
         url('fonts/RalewayMedium.svg#RalewayMedium') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}

/* Semibold */
@font-face {
    font-family: 'RalewaySemiBold';
    src: url('fonts/RalewaySemiBold.eot');
    src: url('fonts/RalewaySemiBold.eot') format('embedded-opentype'),
         url('fonts/RalewaySemiBold.woff2') format('woff2'),
         url('fonts/RalewaySemiBold.woff') format('woff'),
         url('fonts/RalewaySemiBold.ttf') format('truetype'),
         url('fonts/RalewaySemiBold.svg#RalewaySemiBold') format('svg');
    font-weight: bold;
    font-weight: 500;
    font-style: normal;

}

/* Bold */
@font-face {
    font-family: 'RalewayBold';
    src: url('fonts/RalewayBold.eot');
    src: url('fonts/RalewayBold.eot') format('embedded-opentype'),
         url('fonts/RalewayBold.woff2') format('woff2'),
         url('fonts/RalewayBold.woff') format('woff'),
         url('fonts/RalewayBold.ttf') format('truetype'),
         url('fonts/RalewayBold.svg#RalewayBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;

}

/* Extra Bold */
@font-face {
    font-family: 'RalewayExtraBold';
    src: url('fonts/RalewayExtraBold.eot');
    src: url('fonts/RalewayExtraBold.eot') format('embedded-opentype'),
         url('fonts/RalewayExtraBold.woff2') format('woff2'),
         url('fonts/RalewayExtraBold.woff') format('woff'),
         url('fonts/RalewayExtraBold.ttf') format('truetype'),
         url('fonts/RalewayExtraBold.svg#RalewayExtraBold') format('svg');
    font-weight: 900;
    font-style: normal;

}