@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-style: normal;
    src: url('fonts/Roboto-300/Roboto-300.eot');
    src: url('fonts/Roboto-300/Roboto-300.eot?#iefix') format('embedded-opentype'),
    local('Roboto Light'),
    local('Roboto-300'),
    url('fonts/Roboto-300/Roboto-300.ttf') format('truetype'),
    url('fonts/Roboto-300/Roboto-300.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/Roboto-regular/Roboto-regular.eot');
    src: url('fonts/Roboto-regular/Roboto-regular.eot?#iefix') format('embedded-opentype'),
    local('Roboto'),
    local('Roboto-regular'),
    url('fonts/Roboto-regular/Roboto-regular.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    font-style: normal;
    src: url('fonts/Roboto-500/Roboto-500.eot');
    src: url('fonts/Roboto-500/Roboto-500.eot?#iefix') format('embedded-opentype'),
    local('Roboto Medium'),
    local('Roboto-500'),
    url('fonts/Roboto-500/Roboto-500.ttf') format('truetype'),
    url('fonts/Roboto-500/Roboto-500.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/Roboto-700/Roboto-700.eot');
    src: url('fonts/Roboto-700/Roboto-700.eot?#iefix') format('embedded-opentype'),
    local('Roboto Bold'),
    local('Roboto-700'),
    url('fonts/Roboto-700/Roboto-700.ttf') format('truetype'),
    url('fonts/Roboto-700/Roboto-700.svg#Roboto') format('svg');
}