diff --git a/client/main.js b/client/main.js
index 1412f30..a002603 100644
--- a/client/main.js
+++ b/client/main.js
@@ -1 +1,3 @@
-import '../imports/startup/client';
+import '../imports/startup/client';/*
+import '../node_modules/daemonite-material/js/material.min.js';
+import '../node_modules/daemonite-material/css/material.css';*/
diff --git a/imports/ui/components/Navigation/Navigation.js b/imports/ui/components/Navigation/Navigation.js
index 995535d..3cf4f0e 100644
--- a/imports/ui/components/Navigation/Navigation.js
+++ b/imports/ui/components/Navigation/Navigation.js
@@ -9,28 +9,21 @@ import { translate } from 'react-i18next';
 import './Navigation.scss';
 
 const Navigation = props => (
-  <ul className="nav justify-content-end">
-    <li className="nav-item">
-      <a className="nav-link active" href="/#">{props.t('Inicio')}</a>
-    </li>
-    <li className="nav-item">
-      <a className="nav-link" href="#">{props.t('Mapa actual')}</a>
-    </li>
-    <li className="nav-item">
-      <a className="nav-link" href="#">{props.t('Contacto')}</a>
-    </li>
-    <li className="nav-item dropdown">
-      <a className="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        {props.t('Más')}
-        <div className="ripple-container"></div>
-      </a>
+
+  <Navbar>
+    <Navbar.Header>
+      <Navbar.Brand>
+        <Link to="/">{props.t('AppName')}</Link>
+      </Navbar.Brand>
+      <Navbar.Toggle />
+    </Navbar.Header>
+    <Navbar.Collapse>
       {!props.authenticated ? <PublicNavigation /> : <AuthenticatedNavigation {...props} />}
-    </li>
-  </ul>
-
-
+     </Navbar.Collapse>
+   </Navbar>
 );
 
+
 Navigation.defaultProps = {
   name: '',
 };