/* Animated Horizontal Dropdown Menu - Responsive */
	.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:5px;
		right:14px;
		width:46px;
		height:35px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		background:#2E2E2E url(https://s3.amazonaws.com/pagefarm-custom/cssmenu/images/icon-menu.png) no-repeat center;
		webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		color:#444;
		-webkit-box-shadow:inset 0 0 24px #2A2A2A, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 24px #2A2A2A, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 24px #2A2A2A, inset 0 0 6px #1A1A1A;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu h2.dropdown{
		display:none;
		position:absolute;
		top:10px;
		left:14px;
		margin:0;
		font:normal 25px "BebasNeue";
		color:#FFF;
		}
@media screen and (max-width: 1024px) {
	
	html{
		height:2000px;}
	
	.menu_container{
		width:100%;
		}
	.menu ul ul, .menu ul:hover li.current ul{
		margin:0;
		}
	}
@media screen and (max-width: 768px) {
	.menu input, .menu label, .menu h2.dropdown{
		display:block;
		}	
	.menu_container{
		width:90%;
		height:100%;
		position:relative;
		margin:60px auto;
		border-bottom:none;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		}
	.menu{
		width:100%;
		height:45px;
		background:#3F3F3F;
		}	
	.menu > ul{
		display:none;
		width:100%;
		position:static;
		margin-top:45px;
		float:left;
		}
	.menu ul > li{
		display:inline-block;
		width:100%;
		height:auto;
		float:none;
		}
	.menu ul li a{
		width:auto;
		height:44px;
		color:#B6B6B6;
		line-height:46px;
		background:#F4F4F4;
		}
	.menu  > ul > li:first-child > a{
		border-top:solid 1px #303030;
		}
	.menu ul li.current > a, .menu ul li:hover > a, .menu ul:hover li.current > a{
		color:#FFF;
		background:#CCC;
		}
	.menu .cut{
		height:auto;
		position:static;
		overflow:visible;
		}
	.menu ul ul{	
		width:100%;
		height:auto;
		position:relative;
		visibility:visible;
		opacity:1;
		float:left;
		background:#FFF;
		}
	.menu ul:hover li.current ul{
		visibility:visible;
		opacity:1;
		margin:0;
		}
	.menu ul ul li{
		width:25%;
		float:left;
		}
	.menu ul ul li a{
		height:38px;
		color:#AAA;
		line-height:38px;
		text-align:center;
		background:#FFF;
		}
	.menu ul ul li.current a, .menu ul ul li:hover a, .menu ul:hover ul li.current a{
		color:#FFF;
		background:#CCC;	
		}
	}
@media screen and (max-width: 480px) {
	.menu_container{
		width:94%;
		}
	.menu ul ul li{
		width:33.3333%;
		}
	}
@media screen and (max-width: 320px) {
	.menu ul ul li{
		width:50%;
		}
	}