Corrige la vista y el submenú de proyectos

Se ajusta la página principal de proyectos y se activa el submenú de
proyectos en dispositivos móviles.

public/themes/circlepro/stylesheets/application.css

@@ -184,7 +184,11 @@ p.breadcrumb, p.buttons, p.author, p.other-formats {
     -webkit-column-break-inside: avoid; /* Chrome, Safari */
     page-break-inside: avoid;           /* Theoretically FF 20+ */
     break-inside: avoid-column;         /* IE 11 */
-    display: table;                     /* Actually FF 20+ */
+	display: table;                     /* Actually FF 20+ */
+}
+#projects-index ul.projects li.root {
+	padding: 15px 0 0;
+	border: 0;
 }
 #projects-index ul.projects div.root a.project {
 	font-size: 34px;
@@ -1619,6 +1623,13 @@ form[class$="glossary_style"] #grouping label {
 	}
 }
 @media screen and (max-width: 899px) {
+	body .flyout-menu {
+		z-index: 10000;
+	}
+	body .mobile-toggle-button {
+		border: 0;
+	}
+
 	#top-menu {
 		display: block !important;
 		position: fixed;
@@ -1629,12 +1640,37 @@ form[class$="glossary_style"] #grouping label {
 	#wrapper-top-menu ul:last-child {
 		display: none;
 	}
+
+	#wrapper-header {
+		height: 64px;
+	}
 	body #header {
 		margin-top: 31px;
+		height: 90px;
 	}
+	body #header #main-menu {
+		display: block;
+	}
+	body #main {
+		padding-top: 86px;
+	}
+
+	#main-menu ul {
+		padding-left: 5px;
+	}
+	#main-menu li {
+		padding: 6px 0;
+	}
+	#main-menu li a {
+		padding: 4px 6px;
+	}
+
 	div#content > div.contextual:first-child {
 		margin-top: 18px;
 	}
+	div#content > div.contextual a.icon {
+    	padding-left: 25px !important;
+	}
 }
 @media all and (max-width: 899px) {
 	body #header {