diff --git a/app/assets/stylesheets/bootstrap-responsive.scss b/app/assets/stylesheets/bootstrap-responsive.scss
new file mode 100644
index 0000000..f2950bd
--- /dev/null
+++ b/app/assets/stylesheets/bootstrap-responsive.scss
@@ -0,0 +1,5 @@
+@import "bootstrap/responsive";
+@media (max-width: 979px){
+.earlymax {
+min-width: 100%;
+}}
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index a59dc71..83b766f 100755
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -17,9 +17,9 @@
 	</div>
 	<div class="container-fluid">
 		<div class="row-fluid">
-	<div class="span2">
+	<div class="span2 earlymax">
 	<div id="menudiv"><%= render :template => 'layouts/menu' %></div>
-	</div>	<div class="span10">
+	</div>	<div class="span10 earlymax">
 	
 			<%= yield %>
 	</div>
diff --git a/app/views/layouts/menu.html.erb b/app/views/layouts/menu.html.erb
index 6ed78be..fede1cd 100755
--- a/app/views/layouts/menu.html.erb
+++ b/app/views/layouts/menu.html.erb
@@ -2,7 +2,7 @@
   <div class="navbar-inner">
     <div class="container-fluid">
             <a class="brand" href="#"><%= t 'home.mtitle'%></a>
-      <a class ="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+      <a class ="btn btn-navbar" data-toggle="collapse" data-parent="#menudiv" data-target=".nav-collapse">
 	<span class="icon-bar"></span>
 	<span class="icon-bar"></span>
 	<span class="icon-bar"></span>