@font-face {
    font-family: roboto-example;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/RobotoRegular/RobotoRegular.eot);
    src: url(../fonts/RobotoRegular/RobotoRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/RobotoRegular/RobotoRegular.woff) format("woff"), url(../fonts/RobotoRegular/RobotoRegular.ttf) format("truetype")
}

@font-face {
    font-family: roboto-example;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/RobotoBold/RobotoBold.eot);
    src: url(../fonts/RobotoBold/RobotoBold.eot?#iefix) format("embedded-opentype"), url(../fonts/RobotoBold/RobotoBold.woff) format("woff"), url(../fonts/RobotoBold/RobotoBold.ttf) format("truetype")
}

@font-face {
    font-family: "Gotham Pro";
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/GothamProLight/GothamPro-Light.eot);
    src: url(../fonts/GothamProLight/GothamPro-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamProLight/GothamPro-Light.woff) format("woff"), url(../fonts/GothamProLight/GothamPro-Light.ttf) format("truetype")
}

@font-face {
    font-family: "Gotham Pro";
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/GothamProReg/GothamPro.eot);
    src: url(../fonts/GothamProReg/GothamPro.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamProReg/GothamPro.woff) format("woff"), url(../fonts/GothamProReg/GothamPro.ttf) format("truetype")
}

@font-face {
    font-family: "Gotham Pro";
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/GothamProMedium/GothamPro-Medium.eot);
    src: url(../fonts/GothamProMedium/GothamPro-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamProMedium/GothamPro-Medium.woff) format("woff"), url(../fonts/GothamProMedium/GothamPro-Medium.ttf) format("truetype")
}

@font-face {
    font-family: "Gotham Pro";
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/GothamProBold/GothamPro-Bold.eot);
    src: url(../fonts/GothamProBold/GothamPro-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamProBold/GothamPro-Bold.woff) format("woff"), url(../fonts/GothamProBold/GothamPro-Bold.ttf) format("truetype")
}

@font-face {
    font-family: "Gotham Pro";
    font-weight: 900;
    font-style: normal;
    src: url(../fonts/GothamProBlack/GothamPro-Black.eot);
    src: url(../fonts/GothamProBlack/GothamPro-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamProBlack/GothamPro-Black.woff) format("woff"), url(../fonts/GothamProBlack/GothamPro-Black.ttf) format("truetype")
}

@font-face {
    font-family: "Gotham Pro Nar";
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/GothaProNarMed/GothamProNarrow-Medium.eot);
    src: url(../fonts/GothaProNarMed/GothamProNarrow-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/GothaProNarMed/GothamProNarrow-Medium.woff) format("woff"), url(../fonts/GothaProNarMed/GothamProNarrow-Medium.ttf) format("truetype")
}

@font-face {
    font-family: "Gotham Pro Nar";
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/GothamProNarBold/GothamProNarrow-Bold.eot);
    src: url(../fonts/GothamProNarBold/GothamProNarrow-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamProNarBold/GothamProNarrow-Bold.woff) format("woff"), url(../fonts/GothamProNarBold/GothamProNarrow-Bold.ttf) format("truetype")
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}