@font-face {
    font-family: "SF Pro Display";
    font-weight: 400;
    src: url(../webfonts/FontsFree-Net-SFProDisplay-Regular.woff);
}

@font-face {
    font-family: "SF Pro Display";
    font-weight: 500;
    src: url(../webfonts/FontsFree-Net-SFProDisplay-Semibold.woff);
}

@font-face {
    font-family: "SF Pro Display";
    font-weight: bold;
    src: url(../webfonts/FontsFree-Net-SFProDisplay-Bold.woff);
}

@font-face {
    font-family: Merriweather;
    font-weight: bold;
    src: url(../webfonts/Merriweather-Bold.woff);
}
@font-face {
    font-family: Merriweather;
    font-weight: normal;
    src: url(../webfonts/Merriweather-Regular.woff);
}

@font-face {
    font-family: Metrophobic;
    font-weight: normal;
    src: url(../webfonts/Metrophobic-Regular.woff);
}

@font-face {
    font-family: Roboto;
    font-weight: normal;
    src: url(../webfonts/Roboto-Regular.woff);
}

@font-face {
    font-family: Roboto;
    font-weight: bold;
    src: url(../webfonts/Roboto-Bold.woff);
}