diff --git a/app/views/dobrodosli.ejs b/app/views/dobrodosli.ejs
index 60c9932..a945dfd 100644
--- a/app/views/dobrodosli.ejs
+++ b/app/views/dobrodosli.ejs
@@ -1,3 +1,2 @@
 
-<a href="<%= nextStep %>"><button>Javi Mi</button></a>
-
+<a href="<%= nextStep %>" class="waves-effect waves-light btn"><i class="material-icons left">🤙</i>Javi mi</a>
diff --git a/app/views/layout.ejs b/app/views/layout.ejs
index 49f1f24..e7f0d06 100644
--- a/app/views/layout.ejs
+++ b/app/views/layout.ejs
@@ -1,11 +1,18 @@
 <!doctype> 
 <html>
   <head>
-  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
-<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
-<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
+         <!--Import Google Icon Font-->
+      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <!-- Compiled and minified CSS -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+      <!--Let browser know website is optimized for mobile-->
+      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   </head>
   <body>
-    <%-body%>
+    <div class="container">
+      <%-body%>
+    </div>
+      <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
   </body>
 </html>
