@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Less than 960px
-------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
	section { width:90%; }
}

/*-------------------------------------------------------------------
	Less than 815px
-------------------------------------------------------------------*/
@media screen and (max-width: 815px) {
	.navigation > ul > li > a { font-size:24px; }
	.navigation > ul > li > a:after { padding: 0 8px; }
	h1 { font-size:45px; }
	.bugel-slide { height:350px; }
}

/*-------------------------------------------------------------------
	Less than 595px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 595px) {
	header { height:auto; overflow:hidden; }
	.l-grid > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.navigation { top:0; margin:0 0 20px 0; }
	.navigation > ul > li > ul { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; position:relative; }
	.navigation > ul > li, .navigation > ul > li > ul > li, .navigation > ul > li a { width:100%; display:block; }
	.navigation > ul > li > a { line-height:45px; font-size:30px; }
	.navigation > ul > li > a:after { content:""; padding:0; }
	.bugel-slide { height:250px;    background-size: cover; background-attachment:inherit !important; }
	.bugel-slide-home {  }
	 h1 { font-size:40px; }
	 h2 { font-size:30px; }
	 h2 .year, h1 .year { font-size:20px; }
	 h3 { font-size:25px; }
	 p, ul { font-size:14px; line-height:21px; }
	.show { display:block; }
	.hide { display:none; }
	.picture-preview { background-size:cover; }
	#map_canvas { height:250px; }
	
	/* Navigation trigger */
	.navigation-trigger { width: 30px; height: 20px; margin:0 auto 40px; auto;position: relative; top:20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
	.navigation-trigger span { display: block; position: absolute; height: 3px; width: 100%; background: #f7a11a; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	.navigation-trigger span:nth-child(1) { top: 0px; }
	.navigation-trigger span:nth-child(2),.navigation-trigger span:nth-child(3) { top:9px; }
	.navigation-trigger span:nth-child(4) { top: 18px; }
	.navigation-trigger.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; }
	.navigation-trigger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.navigation-trigger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.navigation-trigger.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; }
}


/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	
}