@media screen and (min-width: 1024px)
{	
	.navigation	
	{
		display: block;
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
	}
	.navigation ul
	{
		list-style:none;
		position:relative;
		float:left;
		margin:0;
		padding:0;
		background-color: black;
		width:100%;
	}
	.navigation a
	{
		display:block;
		color:#f4cb42;
		text-decoration:none;
		font-weight:700;
		font-size:12px;
		line-height:32px;
		padding:0 15px;
		font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif	
	}	
	.navigation ul li.has-children > a:after
	{		
		content: '';
		border: 4px solid transparent;
		border-top: 4px solid #f4cb42;
		margin-left: 0.25em;
		margin-bottom: 0.75em;
		display: inline-block;
		vertical-align: bottom;
	}
	.navigation ul li.has-children:hover > a:after
	{
		content: '';
		border: 4px solid transparent;
		border-top: 4px solid black;
		margin-left: 0.25em;
		margin-bottom: 0.75em;
		display: inline-block;
		vertical-align: bottom;
	}
	.navigation ul ul li.has-children > a:after, .navigation ul ul li.has-children:hover > a:after
	{		
		content: '';
		border: 4px solid transparent;
		border-left: 4px solid black;
		margin-left: 0.75em;
		margin-bottom: 0.25em;
		display: inline-block;
		vertical-align: bottom;
	}
	.navigation ul li
	{
		position:relative;
		float:left;
		margin:0;
		padding:0
	}
	.navigation > ul > li
	{
		font-variant: small-caps;
	}
	.navigation ul li.current-menu-item
	{
		background:#f4cb42;
	}
	.navigation ul li.current-menu-item a
	{
		color: black;
	}
	.navigation ul li:hover
	{
		background:#ffffdd;
	}
/* 	.navigation ul ul li 
	{
		border: 1px solid #f4cb42;
	}
	.navigation ul ul li:hover 
	{ 
		border-color: black;
	}
 */
	.navigation ul li:hover a
	{
		color: black;
	}
	.navigation ul ul
	{
		display:none;
		position:absolute;
		top:100%;
		left:0;
		padding:0
	}
	.navigation ul ul a
	{
		color: black;
	}
	.navigation ul ul li
	{
		float:none;
		width:230px;
		background:#f4cb42;
	}
	.navigation ul ul a
	{
		line-height:120%;
		padding:10px 15px
	}
	.navigation ul ul ul
	{
		top:0;
		left:100%
	}
	.navigation ul li:hover > ul
	{
		display:block
	}
	.burger, .burger-check
	{
		display:none;
	}
}
@media screen and (max-width: 1023px)
{
	.burger
	{
		position: absolute;
		top: 40px;
		left: 40px;
		display: inline-block;
		border: 0;
		background: none;
		outline: 0;
		padding: 0;
		cursor: pointer;
		border-bottom: 6px solid currentColor;
		width: 42px;
		transition: border-bottom 1s ease-in-out;
		-webkit-transition: border-bottom 1s ease-in-out;
		color: #f4cb42;
	}
	.burger::-moz-focus-inner 
	{
		border: 0;
		padding: 0;
	}
	.burger:before
	{
		content: "";
		display: block;
		border-bottom: 6px solid currentColor;
		width: 100%;
		margin-bottom: 6px;
		transition: -webkit-transform 0.5s ease-in-out;	
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-webkit-transition: -webkit-transform 0.5s ease-in-out;
	}
	.burger:after
	{
		content: "";
		display: block;
		border-bottom: 6px solid currentColor;
		width: 100%;
		margin-bottom: 6px;	
		transition: -webkit-transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-webkit-transition: -webkit-transform 0.5s ease-in-out;	
	}
	.burger-check 
	{
		display: none;
	}
	.burger-check:checked ~ .burger 
	{
		border-bottom: 6px solid transparent;
		transition: border-bottom 0.8s ease-in-out;
		-webkit-transition: border-bottom 0.8s ease-in-out;
	}
	.burger-check:checked ~ .burger:before 
	{
		transform: rotate(-405deg) translateY(3px) translateX(-3px);
		-webkit-transform: rotate(-405deg) translateY(3px) translateX(-3px);
		transition: -webkit-transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-webkit-transition: -webkit-transform 0.5s ease-in-out;
	}
	.burger-check:checked ~ .burger:after 
	{
		transform: rotate(405deg) translateY(-5px) translateX(-6px);
		-webkit-transform: rotate(405deg) translateY(-5px) translateX(-6px);
		transition: -webkit-transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-webkit-transition: -webkit-transform 0.5s ease-in-out;	
	}
	.navigation 
	{
		overflow: hidden;
		max-height: 0;
		-webkit-transition: max-height 0.5s ease-in-out;
		transition: max-height 0.5s ease-in-out;
		background-color: #f4cb42;
	}
	.burger-check:checked ~ .navigation 
	{
		max-height: 200em;
		line-height: 1.5em;
		font-size: 1.5em;
		-webkit-transition: max-height 0.5s ease-in-out;
		transition: max-height 0.5s ease-in-out;
	}
	.navigation ul li
	{
		list-style: none;
	}
	.navigation > ul > li > a
	{
		font-weight: bold;
	}
}