@media (max-width: 40.5em) {

	/* Header */
	
	body {
		padding:0;
	}
	
	header #nav {
		font-size:2.5em;
		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.5em 0.5em 0 0;
	}
	
	header .title {
		display:none;
	}
	
	/* Nav */
	
	nav {
		padding:calc(2em / 2.5) calc(1em / 2.5);
		line-height: 1em;
		text-align: center;
	}
	
	nav a {
		margin-right:calc(2em / 2.5);
	}
	
	/* 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);
		display: block;
	}
	
	main .film:nth-child(even) {
		background:#DDD;
	}

	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;
	}
	#buffer .fa {
		font-size:6em;
	}

}