diff --git a/components/components.scss b/components/components.scss
index b124ce6..6e56a5f 100644
--- a/components/components.scss
+++ b/components/components.scss
@@ -10,9 +10,9 @@
   @font-face {
     font-family: Montserrat;
     src:
-        url('fonts/Montserrat/Montserrat-Regular.ttf'),
-        url('fonts/Montserrat/Montserrat-Bold.ttf'),
-        url('fonts/Montserrat/Montserrat-Italic.ttf')
+        url('fonts/Montserrat/Montserrat-Regular.otf'),
+        url('fonts/Montserrat/Montserrat-Bold.otf'),
+        url('fonts/Montserrat/Montserrat-Italic.otf')
         ;
   }
 
@@ -27,7 +27,7 @@ $-primary-serif-font: Crimson, Times, serif;
 $-primary-sans-serif-accent-font: Roboto, Arial, sans-serif;
 
 $-viewport-small: 650px;
-$-viewport-extra-small: 390px;
+$-viewport-extra-small: 450px;
 
 
 @import '01_Atoms/atoms';