@media (max-width:991px){

	.hide-mobile{
		display: none;
	}
	.hide-desktop{
		display: block;
	}

	.container-mobile{
		width: 320px;
		padding: 0 15px;
		box-sizing: border-box;
		margin: 0 auto;
	}

	.section{
		height: auto;
		padding: 40px 0;
	}
		.section .overlay{
			position: absolute;
			width: 100%;
			height: 100%;
		}

	.animasi{
		transition: none;
	}

	#header{
		padding: 15px 0;
		text-align: left;
		height: auto;
	}
		#header .nav{
			display: none;
		}
		#header .logo {
			background-color: transparent;
			background-size: 50px auto;
			width: 50px;
			height: 44px;
			position: static;
			left: none;
			transform: none;
			border-radius: 0;
		}

	#section-1{
		background-image: url(../images/mobile/topkopi-1.png);
		background-position: center bottom;
		background-attachment: local;
	}

		#section-1 .biji-kopi{
			margin: 20px 0 45px;
			position: relative;
			text-align: center;
		}
			#section-1 .biji-kopi img{
				display: inline-block;
			}

		#section-1 .kopi{
			background-image: url(../images/mobile/topkopi-kopi.png);
			background-size: cover;
			width: 232px;
			height: 79px;
			opacity: 1;
			transform: none;
		}

		#section-1 .berlimpah{
			background-image: url(../images/mobile/topkopi-berlimpah.png);
			background-size: cover;
			width: 232px;
			height: 41px;
			opacity: 1;
			transform: none;
			margin: 15px 0 0;
		}

		#section-2 .biji,
		#section-2 .topkopi,
		#section-2 .semangat,
		#section-3 .roast,
		#section-3 .proses,
		#section-3 .pengolahan,
		#section-4 .karakter,
		#section-4 .khas{
			background-image: none;
			width: 100%;
			height: auto;
			opacity: 1;
			position: static;
			transform: none;
			text-align: center;
		}
		#section-2 .topkopi,
		#section-2 .semangat {
			text-align: right;
			margin: 20px 0 0;
		}
		#section-3 .proses,
		#section-3 .pengolahan{
			text-align: left;
			margin: 20px 0 0;
		}
		#section-4 .khas{
			margin: 20px 0;
		}
			#section-2 .biji img,
			#section-2 .topkopi img,
			#section-2 .semangat img,
			#section-3 .roast img,
			#section-3 .proses img,
			#section-3 .pengolahan img,
			#section-4 .karakter img,
			#section-4 .khas img{
				display: inline-block;
				max-width: 100%;
				height: auto;
			}

	#section-4 {
		background-image: url(../images/mobile/topkopi-2.png);
		background-position: center bottom;
	}

	#footer{
		font-size: 12px;
	}
	#footer .wingsfood,
	#footer .social {
		display: block;
		position: static;
	}
	#footer .center {
		display: block;
		margin: 30px 0;
	}
}