Affichage corrigé pour menu dans mobile

source/_asso.erb

@@ -1,6 +1,6 @@
 <section id="association" class="pal">
 	<div class="w80 center">
-          <h1 class="txtcenter">L’association</h1>
+          <h1 class="mbm txtcenter">L’association</h1>
           
           <h2 class="txtcenter">Nous contacter</h2>
 

source/_festival.erb

@@ -1,7 +1,7 @@
 <section id="festival" class="pal">
 	<div class="w80 center txtcenter">
 		<%= image_tag 'logo.svg', class: 'logo', alt: 'Logo PSES' %>
-		<h1>Festival PSES 2020</h1>
+		<h1 class="mbm">Festival PSES 2020</h1>
 		<h2>Société · Internet · Liberté</h2>
 		<h3>Faites preuve de curiosité</h3>
 		<div>

source/_infos.erb

@@ -1,6 +1,6 @@
 <section id="infos" class="pal">
 	<div class="w80 center txtcenter">
-		<h1>Infos pratiques</h1>
+		<h1 class="mbm">Infos pratiques</h1>
 
 		<div class="grid-3 has-gutter descriptions">
 			<div>

source/index.html.erb

@@ -3,7 +3,7 @@ title: Pas Sage en Seine
 ---
 
 <div class="content">
-	<%= partial 'festival' %>
-	<%= partial 'infos' %>
-    <%= partial 'asso' %>
+  <%= partial 'festival' %>
+  <%= partial 'infos' %>
+  <%= partial 'asso' %>
 </div>

source/stylesheets/site.css.scss

@@ -54,6 +54,9 @@ nav[role="navigation"] label.menu {
 @media screen and (max-width: 800px) {
 	html, body {
 		margin: 0;
+		header .brand {
+			font-size: 1.5rem;
+		}
 	}
 	nav[role="navigation"] a {
 		display: none;
@@ -61,7 +64,7 @@ nav[role="navigation"] label.menu {
 	nav[role="navigation"] label.menu {
 		display: inline;
 		width: 100%;
-		font-size: 1.1em;
+		/*font-size: 3rem;*/
 		margin-top: 1rem;
 	}
 	nav[role="navigation"] label.menu:after {
@@ -74,13 +77,8 @@ nav[role="navigation"] label.menu {
 		content: "\203A";
 	}
 	nav[role="navigation"] input[type=checkbox].menu:checked ~ a {
-		display: inline-block;
-	}
-}
-
-body > section {
-	h1 {
-		margin-bottom: 5rem;
+		display: block;
+		font-size: 1.5rem;
 	}
 }
 
@@ -140,7 +138,6 @@ section div.descriptions {
 
 #location {
 	display: flex;
-
 	padding: 5rem;
 
 	& > div {