Optimizing mobile layout

style/_small_screen.scss

@@ -1,20 +1,60 @@
 @media (max-width: 40.5em) {
 
+	/* Header */
+	
+	body {
+		padding:0;
+	}
+	
 	header #nav {
 		font-size:2.5em;
-		margin: -0.4em -0.4em 0.4em; /* 1 / 2.5em */
-		padding: 0.4em;
-		background:#CCC;
+		margin: 0;
+		padding: calc(2em / 2.5) calc(1em / 2.5);
+		background:white url(../images/logo_ugc.png) 50% 50% / 3em auto no-repeat;
+	}
+	
+	header #nav #ugc_days {
+		display:none;
 	}
 	
 	header #nav #btn_settings {
-		padding: 0.25em 0.25em 0 0;
+		padding: 0.5em 0.5em 0 0;
 	}
 	
-	#ugc_days {
+	header .title {
 		display:none;
 	}
 	
+	/* Main */
+	
+	main {
+		margin-top:0;
+		border-top:1px solid #666;
+	}
+	
+	main .film {
+		margin-bottom:0;
+		border-bottom:1px solid #666;
+		-webkit-box-shadow: none;
+		-moz-box-shadow: none;
+		box-shadow: none;
+		padding: 1em;
+		width: calc(100% - 2em)
+	}
+
+	main .film .poster-container {
+	}
+	
+	main .film .bg {
+		display:none;
+	}
+	
+	main .film .info {
+		font-size: 2em;
+		padding:0 0 0 0.5em;
+		width: calc(100% - 0.5em - #{$poster_size});
+	}
+	
 	#buffer {
 		width: 6em;
 		height: 6em;