@font-face {
    font-family: "Gramatika";
    font-weight: 400;
    font-style: normal;
    src: local(''),
    url("../fonts/woff/gramatika-regular.woff") format("woff"),
    url("../fonts/woff2/gramatika-regular.woff2") format("woff2");
}
/*@font-face {*/
/*    font-family: "Gramatika";*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*    src: local(''),*/
/*    url("../fonts/woff/GramatikaLight.woff") format("woff"),*/
/*    url("../fonts/woff2/GramatikaLight.woff2") format("woff2");*/


/*}*/

@font-face {
    font-family: "Gramatika";
    font-weight: 500;
    font-style: normal;
    src: local(''),
    url("../fonts/woff/gramatika-medium.woff") format("woff"),
    url("../fonts/woff2/gramatika-medium.woff2") format("woff2");
}

@font-face {
    font-family: "Gramatika";
    font-weight: 700;
    font-style: normal;
    src: local(''),
    url("../fonts/woff/gramatika-bold.woff") format("woff"),
    url("../fonts/woff2/gramatika-bold.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
    src: local(''),
    url("../fonts/woff/RobotoBold.woff") format("woff"),
    url("../fonts/woff2/RobotoBold.woff2") format("woff2");
}

@font-face {
    font-family: "Raleway";
    font-weight: 400;
    font-style: normal;
    src: local(''),
    url("../fonts/woff/RalewayRegular.woff") format("woff"),
    url("../fonts/woff2/RalewayRegular.woff2") format("woff2");
}