diff --git a/bower.json b/bower.json
index ad1abe1..45d8f73 100644
--- a/bower.json
+++ b/bower.json
@@ -1,8 +1,8 @@
 {
   "name": "roboto-fontface-bower",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "main": [
-    "./roboto-fontface.css",
+    "./css/roboto-fontface.css",
     "./fonts/Roboto-Black.eot",
     "./fonts/Roboto-Black.svg",
     "./fonts/Roboto-Black.ttf",
diff --git a/css/roboto-fontface.css b/css/roboto-fontface.css
new file mode 100644
index 0000000..74f3e73
--- /dev/null
+++ b/css/roboto-fontface.css
@@ -0,0 +1,263 @@
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Thin.eot');
+  src:  url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Thin.woff2') format('woff2'),
+        url('../fonts/Roboto-Thin.woff') format('woff'),
+        url('../fonts/Roboto-Thin.ttf') format('truetype'),
+        url('../fonts/Roboto-Thin.svg#Roboto') format('svg');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto-Thin';
+  src:  url('../fonts/Roboto-Thin.eot');
+  src:  url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Thin.woff2') format('woff2'),
+        url('../fonts/Roboto-Thin.woff') format('woff'),
+        url('../fonts/Roboto-Thin.ttf') format('truetype'),
+        url('../fonts/Roboto-Thin.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-ThinItalic.eot');
+  src:  url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
+        url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
+  font-weight: 100;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto-ThinItalic';
+  src:  url('../fonts/Roboto-ThinItalic.eot');
+  src:  url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
+        url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Light.eot');
+  src:  url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Light.woff2') format('woff2'),
+        url('../fonts/Roboto-Light.woff') format('woff'),
+        url('../fonts/Roboto-Light.ttf') format('truetype'),
+        url('../fonts/Roboto-Light.svg#Roboto') format('svg');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto-Light';
+  src:  url('../fonts/Roboto-Light.eot');
+  src:  url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Light.woff2') format('woff2'),
+        url('../fonts/Roboto-Light.woff') format('woff'),
+        url('../fonts/Roboto-Light.ttf') format('truetype'),
+        url('../fonts/Roboto-Light.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-LightItalic.eot');
+  src:  url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-LightItalic.woff') format('woff'),
+        url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-LightItalic.svg#Roboto') format('svg');
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto-LightItalic';
+  src:  url('../fonts/Roboto-LightItalic.eot');
+  src:  url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-LightItalic.woff') format('woff'),
+        url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-LightItalic.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Regular.eot');
+  src:  url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Regular.woff2') format('woff2'),
+        url('../fonts/Roboto-Regular.woff') format('woff'),
+        url('../fonts/Roboto-Regular.ttf') format('truetype'),
+        url('../fonts/Roboto-Regular.svg#Roboto') format('svg');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto-Regular';
+  src:  url('../fonts/Roboto-Regular.eot');
+  src:  url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Regular.woff2') format('woff2'),
+        url('../fonts/Roboto-Regular.woff') format('woff'),
+        url('../fonts/Roboto-Regular.ttf') format('truetype'),
+        url('../fonts/Roboto-Regular.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-RegularItalic.eot');
+  src:  url('../fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-RegularItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-RegularItalic.woff') format('woff'),
+        url('../fonts/Roboto-RegularItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto-RegularItalic';
+  src:  url('../fonts/Roboto-RegularItalic.eot');
+  src:  url('../fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-RegularItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-RegularItalic.woff') format('woff'),
+        url('../fonts/Roboto-RegularItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Medium.eot');
+  src:  url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Medium.woff2') format('woff2'),
+        url('../fonts/Roboto-Medium.woff') format('woff'),
+        url('../fonts/Roboto-Medium.ttf') format('truetype'),
+        url('../fonts/Roboto-Medium.svg#Roboto') format('svg');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto-Medium';
+  src:  url('../fonts/Roboto-Medium.eot');
+  src:  url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Medium.woff2') format('woff2'),
+        url('../fonts/Roboto-Medium.woff') format('woff'),
+        url('../fonts/Roboto-Medium.ttf') format('truetype'),
+        url('../fonts/Roboto-Medium.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-MediumItalic.eot');
+  src:  url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
+        url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto-MediumItalic';
+  src:  url('../fonts/Roboto-MediumItalic.eot');
+  src:  url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
+        url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Bold.eot');
+  src:  url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Bold.woff2') format('woff2'),
+        url('../fonts/Roboto-Bold.woff') format('woff'),
+        url('../fonts/Roboto-Bold.ttf') format('truetype'),
+        url('../fonts/Roboto-Bold.svg#Roboto') format('svg');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto-Bold';
+  src:  url('../fonts/Roboto-Bold.eot');
+  src:  url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Bold.woff2') format('woff2'),
+        url('../fonts/Roboto-Bold.woff') format('woff'),
+        url('../fonts/Roboto-Bold.ttf') format('truetype'),
+        url('../fonts/Roboto-Bold.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-BoldItalic.eot');
+  src:  url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
+        url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto-BoldItalic';
+  src:  url('../fonts/Roboto-BoldItalic.eot');
+  src:  url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
+        url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Black.eot');
+  src:  url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Black.woff2') format('woff2'),
+        url('../fonts/Roboto-Black.woff') format('woff'),
+        url('../fonts/Roboto-Black.ttf') format('truetype'),
+        url('../fonts/Roboto-Black.svg#Roboto') format('svg');
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto-Black';
+  src:  url('../fonts/Roboto-Black.eot');
+  src:  url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Black.woff2') format('woff2'),
+        url('../fonts/Roboto-Black.woff') format('woff'),
+        url('../fonts/Roboto-Black.ttf') format('truetype'),
+        url('../fonts/Roboto-Black.svg#Roboto') format('svg');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-BlackItalic.eot');
+  src:  url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
+        url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
+  font-weight: 900;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto-BlackItalic';
+  src:  url('../fonts/Roboto-BlackItalic.eot');
+  src:  url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
+        url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
+}
\ No newline at end of file
diff --git a/roboto-fontface.less b/css/roboto-fontface.less
similarity index 97%
rename from roboto-fontface.less
rename to css/roboto-fontface.less
index 9009779..ad8be20 100644
--- a/roboto-fontface.less
+++ b/css/roboto-fontface.less
@@ -1,4 +1,4 @@
-@roboto-font-path: 'fonts';
+@roboto-font-path: '../fonts';
 
 .roboto-font(@type, @weight, @style) {
     @font-face {
diff --git a/roboto-fontface.scss b/css/roboto-fontface.scss
similarity index 97%
rename from roboto-fontface.scss
rename to css/roboto-fontface.scss
index 85f4d09..28df00e 100644
--- a/roboto-fontface.scss
+++ b/css/roboto-fontface.scss
@@ -1,4 +1,4 @@
-$roboto-font-path: 'fonts' !default;
+$roboto-font-path: '../fonts' !default;
 
 @mixin roboto-font($type, $weight, $style: normal) {
     @font-face {
diff --git a/roboto-fontface.css b/roboto-fontface.css
deleted file mode 100644
index 5464bf5..0000000
--- a/roboto-fontface.css
+++ /dev/null
@@ -1,264 +0,0 @@
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Thin.eot');
-    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Thin.woff2') format('woff2'),
-         url('fonts/Roboto-Thin.woff') format('woff'),
-         url('fonts/Roboto-Thin.ttf') format('truetype'),
-         url('fonts/Roboto-Thin.svg#Roboto') format('svg');
-    font-weight: 100;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Roboto-Thin';
-    src: url('fonts/Roboto-Thin.eot');
-    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Thin.woff2') format('woff2'),
-         url('fonts/Roboto-Thin.woff') format('woff'),
-         url('fonts/Roboto-Thin.ttf') format('truetype'),
-         url('fonts/Roboto-Thin.svg#Roboto') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-ThinItalic.eot');
-    src: url('fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-ThinItalic.woff2') format('woff2'),
-         url('fonts/Roboto-ThinItalic.woff') format('woff'),
-         url('fonts/Roboto-ThinItalic.ttf') format('truetype'),
-         url('fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
-    font-weight: 100;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Roboto-ThinItalic';
-    src: url('fonts/Roboto-ThinItalic.eot');
-    src: url('fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-ThinItalic.woff2') format('woff2'),
-         url('fonts/Roboto-ThinItalic.woff') format('woff'),
-         url('fonts/Roboto-ThinItalic.ttf') format('truetype'),
-         url('fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Light.eot');
-    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Light.woff2') format('woff2'),
-         url('fonts/Roboto-Light.woff') format('woff'),
-         url('fonts/Roboto-Light.ttf') format('truetype'),
-         url('fonts/Roboto-Light.svg#Roboto') format('svg');
-    font-weight: 300;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Roboto-Light';
-    src: url('fonts/Roboto-Light.eot');
-    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Light.woff2') format('woff2'),
-         url('fonts/Roboto-Light.woff') format('woff'),
-         url('fonts/Roboto-Light.ttf') format('truetype'),
-         url('fonts/Roboto-Light.svg#Roboto') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-LightItalic.eot');
-    src: url('fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-LightItalic.woff2') format('woff2'),
-         url('fonts/Roboto-LightItalic.woff') format('woff'),
-         url('fonts/Roboto-LightItalic.ttf') format('truetype'),
-         url('fonts/Roboto-LightItalic.svg#Roboto') format('svg');
-    font-weight: 300;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Roboto-LightItalic';
-    src: url('fonts/Roboto-LightItalic.eot');
-    src: url('fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-LightItalic.woff2') format('woff2'),
-         url('fonts/Roboto-LightItalic.woff') format('woff'),
-         url('fonts/Roboto-LightItalic.ttf') format('truetype'),
-         url('fonts/Roboto-LightItalic.svg#Roboto') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Regular.eot');
-    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Regular.woff2') format('woff2'),
-         url('fonts/Roboto-Regular.woff') format('woff'),
-         url('fonts/Roboto-Regular.ttf') format('truetype'),
-         url('fonts/Roboto-Regular.svg#Roboto') format('svg');
-    font-weight: 400;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Roboto-Regular';
-    src: url('fonts/Roboto-Regular.eot');
-    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Regular.woff2') format('woff2'),
-         url('fonts/Roboto-Regular.woff') format('woff'),
-         url('fonts/Roboto-Regular.ttf') format('truetype'),
-         url('fonts/Roboto-Regular.svg#Roboto') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-RegularItalic.eot');
-    src: url('fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-RegularItalic.woff2') format('woff2'),
-         url('fonts/Roboto-RegularItalic.woff') format('woff'),
-         url('fonts/Roboto-RegularItalic.ttf') format('truetype'),
-         url('fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
-    font-weight: 400;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Roboto-RegularItalic';
-    src: url('fonts/Roboto-RegularItalic.eot');
-    src: url('fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-RegularItalic.woff2') format('woff2'),
-         url('fonts/Roboto-RegularItalic.woff') format('woff'),
-         url('fonts/Roboto-RegularItalic.ttf') format('truetype'),
-         url('fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Medium.eot');
-    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Medium.woff2') format('woff2'),
-         url('fonts/Roboto-Medium.woff') format('woff'),
-         url('fonts/Roboto-Medium.ttf') format('truetype'),
-         url('fonts/Roboto-Medium.svg#Roboto') format('svg');
-    font-weight: 500;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Roboto-Medium';
-    src: url('fonts/Roboto-Medium.eot');
-    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Medium.woff2') format('woff2'),
-         url('fonts/Roboto-Medium.woff') format('woff'),
-         url('fonts/Roboto-Medium.ttf') format('truetype'),
-         url('fonts/Roboto-Medium.svg#Roboto') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-MediumItalic.eot');
-    src: url('fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-MediumItalic.woff2') format('woff2'),
-         url('fonts/Roboto-MediumItalic.woff') format('woff'),
-         url('fonts/Roboto-MediumItalic.ttf') format('truetype'),
-         url('fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
-    font-weight: 500;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Roboto-MediumItalic';
-    src: url('fonts/Roboto-MediumItalic.eot');
-    src: url('fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-MediumItalic.woff2') format('woff2'),
-         url('fonts/Roboto-MediumItalic.woff') format('woff'),
-         url('fonts/Roboto-MediumItalic.ttf') format('truetype'),
-         url('fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Bold.eot');
-    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Bold.woff2') format('woff2'),
-         url('fonts/Roboto-Bold.woff') format('woff'),
-         url('fonts/Roboto-Bold.ttf') format('truetype'),
-         url('fonts/Roboto-Bold.svg#Roboto') format('svg');
-    font-weight: 700;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Roboto-Bold';
-    src: url('fonts/Roboto-Bold.eot');
-    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Bold.woff2') format('woff2'),
-         url('fonts/Roboto-Bold.woff') format('woff'),
-         url('fonts/Roboto-Bold.ttf') format('truetype'),
-         url('fonts/Roboto-Bold.svg#Roboto') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-BoldItalic.eot');
-    src: url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
-         url('fonts/Roboto-BoldItalic.woff') format('woff'),
-         url('fonts/Roboto-BoldItalic.ttf') format('truetype'),
-         url('fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
-    font-weight: 700;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Roboto-BoldItalic';
-    src: url('fonts/Roboto-BoldItalic.eot');
-    src: url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
-         url('fonts/Roboto-BoldItalic.woff') format('woff'),
-         url('fonts/Roboto-BoldItalic.ttf') format('truetype'),
-         url('fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
-}
-
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Black.eot');
-    src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Black.woff2') format('woff2'),
-         url('fonts/Roboto-Black.woff') format('woff'),
-         url('fonts/Roboto-Black.ttf') format('truetype'),
-         url('fonts/Roboto-Black.svg#Roboto') format('svg');
-    font-weight: 900;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Roboto-Black';
-    src: url('fonts/Roboto-Black.eot');
-    src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Black.woff2') format('woff2'),
-         url('fonts/Roboto-Black.woff') format('woff'),
-         url('fonts/Roboto-Black.ttf') format('truetype'),
-         url('fonts/Roboto-Black.svg#Roboto') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-BlackItalic.eot');
-    src: url('fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
-         url('fonts/Roboto-BlackItalic.woff') format('woff'),
-         url('fonts/Roboto-BlackItalic.ttf') format('truetype'),
-         url('fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
-    font-weight: 900;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Roboto-BlackItalic';
-    src: url('fonts/Roboto-BlackItalic.eot');
-    src: url('fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
-         url('fonts/Roboto-BlackItalic.woff') format('woff'),
-         url('fonts/Roboto-BlackItalic.ttf') format('truetype'),
-         url('fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
-}