#left	{display:none;}	
#middle	{width:68%;margin:0% 1%;}
	#middle article {margin:1% auto;margin-top:max(15px, 3%);margin-bottom:max(20px, 3%);}

#right	{width: 26%;margin:1%}
#right-inner {width:100%;}

footer {clear:both;width:100%;min-height:140px;}

form {margin:auto;padding:auto;}

.flexbox {float:left; margin:1%;width:18%;min-height:140px;min-width:160px;}
	.flexbox a {display:block;}
	.flexbox img, .flexbox ul,  .flexbox li {display:block;foat:left;margin:1% auto 1% 1%;}
	
.flexbox ul#menu {margin:0; }
	.flexbox ul#menu li {margin:0; padding:0;}
	
				.flexbox ul#menu li a:link,
				.flexbox ul#menu li a:visited,
				.flexbox ul#menu li a:hover,
				.flexbox ul#menu li a:active {
					font-weight: 700;
					color: #c0c0c0;
					text-decoration: none;
					padding: 0.2em 0.6em;
					margin: 1% 0;
					display: inline-block;
				}
					.flexbox  ul#menu li a.active:link,
					.flexbox  ul#menu li a.active:visited,
					.flexbox  ul#menu li a.active:hover,
					.flexbox  ul#menu li a.active:active,
					.flexbox  ul#menu li a:hover {
						color: #fff;
						background: #d1cdc3;
					}


@media (max-width: 989px) {
	
	#content-inner {width: 100%;float:left;clear:both;}
	#middle {width:99%;}
	
		#middle article {float:none;}
	
		#middle .article-image {width:auto;}
		#middle article.with-image  {width:auto;}
		
		#middle .article-date {width:100%;margin:0;}
		#middle article.with-date {width:auto;}
	
	
	#right {width:99%;}
	
	#header-inner {width:100%;height:auto;min-height:90px;margin:0;float:left; clear:both;}
		
		#header-inner #logo {width:min(150px, 20%); margin:3% 0 1% 3%;clear:both;}
		
		#header-inner ul#menuMain {width:100%; float:left;margin:3% 0 0 3%;clear:both;}
		
			#header-inner ul#menuMain li {margin:0 3% 3% 0;}
			#header-inner ul#menuMain li#menuTickets {margin:0 3% 3% 0;clear:both;}
			#header-inner ul#menuMain li#menuReservation {margin:0 3% 3% 0;}
			
				#header-inner ul#menuMain li a:link,
				#header-inner ul#menuMain li a:visited,
				#header-inner ul#menuMain li a:hover,
				#header-inner ul#menuMain li a:active {
					padding: 0.4em 0.2em 0.4em 0.2em;
				}
			
					#header-inner ul#menuMain li#menuTickets a:link,
					#header-inner ul#menuMain li#menuTickets a:visited,
					#header-inner ul#menuMain li#menuTickets a:hover,
					#header-inner ul#menuMain li#menuTickets a:active {
						padding: 0.4em 0.2em 0.4em 0.2em;
					}
	
					#header-inner ul#menuMain li#menuReservation a:link,
					#header-inner ul#menuMain li#menuReservation a:visited,
					#header-inner ul#menuMain li#menuReservation a:hover,
					#header-inner ul#menuMain li#menuReservation a:active {
						padding: 0.4em 0.2em 0.4em 0.2em;
					}

}
	

@media (min-width: 990px) {
	
		#middle .article-date {width:25%;}
		#middle article.with-date {width:75%;}
		
		#middle .article-image {width:30%; margin:1% 2% 1% 0;}
		#middle article.with-image  {width:68%;}

		#header-inner #logo {width:18%;margin:1% 0 1% 1%;margin-top:max(30px, 1%);margin-left:max(30px, 3%);}
		
		#header-inner ul#menuMain {width:76%;margin:0;margin-top: max(43px, 1%);}
			#header-inner ul#menuMain li, #header-inner ul#menuMain li#menuTickets {margin:0 1.2% 0 0;}
			#header-inner ul#menuMain li#menuReservation {margin:0;}
			
				#header-inner ul#menuMain li a:link,
				#header-inner ul#menuMain li a:visited,
				#header-inner ul#menuMain li a:hover,
				#header-inner ul#menuMain li a:active {
					padding: 0.4em 0.2em 0.4em 0.2em;
				}
			
					#header-inner ul#menuMain li#menuTickets a:link,
					#header-inner ul#menuMain li#menuTickets a:visited,
					#header-inner ul#menuMain li#menuTickets a:hover,
					#header-inner ul#menuMain li#menuTickets a:active {
						padding: 0.4em 0.2em 0.4em 0.2em;
					}
	
					#header-inner ul#menuMain li#menuReservation a:link,
					#header-inner ul#menuMain li#menuReservation a:visited,
					#header-inner ul#menuMain li#menuReservation a:hover,
					#header-inner ul#menuMain li#menuReservation a:active {
						padding: 0.4em 0.2em 0.4em 0.2em;
					}
}