@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url('Rubik-Regular.eot'); /* IE9 Compat Modes */
    src: local('Rubik'), local('Rubik-Regular'),url('Rubik-Regular.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */
    ,url('Rubik-Regular.ttf') format('truetype') /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('Rubik-Regular.eot'); /* IE9 Compat Modes */
    src: local('Rubik'), local('Rubik-Regular'),url('Rubik-Regular.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */
    ,url('Rubik-Regular.ttf') format('truetype') /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url('Rubik-Bold.eot'); /* IE9 Compat Modes */
    src: local('Rubik'), local('Rubik-Bold'),url('Rubik-Bold.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */
    ,url('Rubik-Bold.ttf') format('truetype') /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: url('Rubik-Bold.eot'); /* IE9 Compat Modes */
    src: local('Rubik'), local('Rubik-Bold'),url('Rubik-Bold.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */
    ,url('Rubik-Bold.ttf') format('truetype') /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 800;
    src: url('Rubik-Bold.eot'); /* IE9 Compat Modes */
    src: local('Rubik'), local('Rubik-Bold'),url('Rubik-Bold.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */
    ,url('Rubik-Bold.ttf') format('truetype') /* Safari, Android, iOS */
}