@font-face
    {
	font-family: 'cursiv';
	src:url('../images/cursiv.ttf')				format('truetype');
    font-weight: normal;
    font-style: italic;
}

html { position: fixed; position: absolute !important; top: 0; left: 0; padding: 0; margin: 0;width: 100%; height: 100%; text-align: center; background-color: #000; overflow: hidden; }
body { position: fixed; position: absolute !important; top: 0; left: 0; padding: 0; margin: 0; width: 100%; height: 100%; text-align: center; background-color: #000; color: #ddd; }
body div { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e0e0e+0,5d5e5d+50,0e0e0e+100 */
	background: rgb(14,14,14); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(14,14,14,1) 0%, rgba(93,94,93,1) 50%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,1)), color-stop(50%,rgba(93,94,93,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(14,14,14,1) 0%,rgba(93,94,93,1) 50%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(14,14,14,1) 0%,rgba(93,94,93,1) 50%,rgba(14,14,14,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(14,14,14,1) 0%,rgba(93,94,93,1) 50%,rgba(14,14,14,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(14,14,14,1) 0%,rgba(93,94,93,1) 50%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
#fb-root { height: 0; }
body div a { text-decoration: none; color: #ddd; }
body div a:hover { color: white; }

header { position: relative; z-index: 2; width: 100%; height: calc(33% - 121px); }
header h1 { position: absolute; display: block; margin: 0; padding: 0 56px; top: 48px; left: 0; width: calc(100% - 112px); height: 48px; font-family: 'cursiv', 'Times Roman', Times, serif; font-size: 36px; }
header h1 span { position: absolute; display: block; top: 0; left: 56px; width: 100%; opacity: 0.0; }
header h1 span:first-of-type { left: 0; }
header h1 span.active { opacity: 1.0; transition: all 2s; -webkit-transition: all 2s; -moz-transition: all 2s; }
header hr { position: absolute; display: block; padding: 0; margin: 0; top: 115px; left: 4%; width: 92%; color: gold; box-shadow: 0 2px 1px #98a458; }
header logo { position: absolute; display: block; top: 85px; left: calc(50% - 80px); width: 160px; height: 160px; transition: all 2s; -webkit-transition: all 2s; -moz-transition: all 2s; }
header logo img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; }

dd { position: absolute; opacity: 0.0; top: 100px; left: 100px; margin: 0; padding: 0; width: 2px; height: 78%; color: gold; box-shadow: 2px 0 1px #98a458; 
	transition: opacity 2s; 
	-webkit-transition: opacity 2s; 
	-moz-transition: opacity 2s; 
}

hr { position: absolute; display: block; opacity: 1.0; padding: 0; top: 838px; left: 4%; width: 92%; color: gold; box-shadow: 0 2px 1px #98a458; 
	transition: opacity 2s; 
	-moz-transition: opacity 2s; 
	-webkit-transition: opacity 2s; 
}

main { position: absolute; display: block; z-index: 0; margin: -22px 20px 0 20px; top: 241px; width: calc(100% - 40px); height: 300px; /* Depends on Panorama Size */ /*background: rgba(255,255,255,0.33); */ background-color: #333; border: 1px solid #333; overflow: hidden; 
	transition: height 2s; -webkit-transition: height 2s; -moz-trandition: height 2s; 
	-webkit-box-shadow: 0px 25px 5px -10px #333;
	box-shadow: 0px 25px 5px -10px #333;
	-moz-box-shadow: 0px 25px 5px -10px #333;
}
main article {  position: absolute; z-index: 0; margin: 0; padding: 0; width: 100%; height: 100%; border: none; 
				background-color: transparent; background-position: 40% 50%; background-repeat: no-repeat; background-size: auto 54%; background-attachment: fixed; 
				opacity: 0.0; overflow-y: auto; overflow-x: hidden; transition: opacity 3s; -webkit-transition: opacity 3s; -moz-transition: opacity 3s; 
}
main article h1 { font-size: 32px; text-shadow: 0 0 2px #444,0 2px 1px #444,0 -2px 1px #ccc; color: #fff; }

main article.home { background-size: contain; }
main article.search { background-color: rgba(0,0,0,0.25); }
main article.home p { /* margin: 72px 48px; */ height: calc(100% - 144px); width: 95%; margin: 72px 2.5%; }
main article.active { opacity: 1.0; z-index: 1; 
	transition: opacity 3s; 
	-webkit-transition: opacity 3s; 
	-moz-transition: opacity 3s; 
}
/* main article div { position: absolute; display: block; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; overflow: hidden; } */
main article p { /* margin: 10px 0; */ width: 95%; margin: 72px 2.5%; font-size: 24px; text-shadow: 0 0 1px #000, 0 2px 1px #000, 0 0 2px #000; /* text-shadow: 0 0 1px #222, 0 0 2px #444; */ }
main article p:first-of-type { margin-top: 32px; }
main article.home p { margin-top: 72px; }
main article.atthebar p { font-size: 20px; }
main article.closednotice-badweather { background-size: cover; }
main article.closednotice-privateevent { background-size: cover; }
main article.subscribe { background-size: cover; }
main article.unsubscribe { background-size: cover; }

main article p.sentConfirm { display: none; text-shadow: 0 0 2px #444,0 2px 1px #444,0 -2px 1px #ccc; color: #fff; }
main article p.sentReset { display: none; text-shadow: 0 0 2px #444,0 2px 1px #444,0 -2px 1px #ccc; color: #fff; }
main article p.sentCred { display: none; text-shadow: 0 0 2px #444,0 2px 1px #444,0 -2px 1px #ccc; color: #fff; }
main article p.sentConfirm.active { display: inline-block; }
main article p.sentReset.active { display: inline-block; }
main article p.sentCred.active { display: inline-block; }

main article p .xlheader { font-size: 4.5vh; font-weight: bold; text-transform: uppercase; }
main article p .lgheader { font-size: 2.5vh;  }

main article.privacypolicy h3 { text-align: left; padding: 0 2.5%; }
main article.privacypolicy p { margin: 24px 2.5%; font-size: 16px; text-align: left; }
main article.privacypolicy ul { margin: 24px 5%; }
main article.privacypolicy ul li { text-align: left; margin: 4px 0; }
main article.privacypolicy ol { margin: 24px 5%; }
main article.privacypolicy ol li { text-align: left; margin: 4px 0; }
main article.privacypolicy table { width: 66%; }
main article.privacypolicy td { display: inline-block; margin: 0 20px; float: left; width: 33%; }
main article.privacypolicy td:nth-child(2n) {  text-align: left; }
main article.privacypolicy td:nth-child(2n+1) { text-align: right; }

main article aside { position: relative; display: inline-block; float: left; vertical-align: top; margin: 20px 20px 10px 20px; width: calc(100% - 40px); background-color: rgba(0,0,0,0.10); border: 1px solid white; }
main article aside:first-of-type { margin-top: 32px; }
main article aside:last-of-type { margin-bottom: 32px; }
main article aside h3 { position: relative; display: inline-block; margin: 16px 32%; width: 36%; color: #ddd; font-size: 24px; line-height: 32px; /* background-color: rgb(0,80,0); */
	font-family: 'cursiv', 'Times Roman', Times, serif; border: 1px solid #050; text-shadow: 0 0 2px #000, 0 2px 0 #aaa; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#98a458+0,d0e079+50,98a458+100 */
	background: rgb(152,164,88); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(152,164,88,1) 0%, rgba(208,224,121,1) 50%, rgba(152,164,88,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(152,164,88,1)), color-stop(50%,rgba(208,224,121,1)), color-stop(100%,rgba(152,164,88,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(152,164,88,1) 0%,rgba(208,224,121,1) 50%,rgba(152,164,88,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(152,164,88,1) 0%,rgba(208,224,121,1) 50%,rgba(152,164,88,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(152,164,88,1) 0%,rgba(208,224,121,1) 50%,rgba(152,164,88,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(152,164,88,1) 0%,rgba(208,224,121,1) 50%,rgba(152,164,88,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98a458', endColorstr='#98a458',GradientType=0 ); /* IE6-9 */
}
main article aside h3.longCat { margin: 16px calc(25% - 2px); width: 50%; }
main article aside h5 { margin: -10px 0 20px 0; }
main article aside dl { position: relative; display: inline-block; vertical-align: top; margin: 0 0 10px 0; width: calc(50% - 15px); text-align: center; font-size: 16px; font-weight: bold; }
main article aside dl:last-of-type { margin-bottom: 20px; }
main article aside dt { text-align: center; font-size: 16px; font-weight: bold; text-shadow: 0 0 1px #444, 0 1px 1px #444, 0 0 2px #444; }
main article aside dd { position: relative; display: inline-block; vertical-align: top; top: auto; left: auto; margin: 5px 10px; width: calc(100% - 20px); height: auto; font-size: 13px; font-weight: normal; text-shadow: 0 0 1px #444, 0 1px 1px #444, 0 0 2px #444; background-color: transparent; border: none; }
main article aside dl.titleOnly { width: calc(33% - 10px); }
main article aside dl.titleOnly dt { font-size: 15px; }
main article aside dl.titleOnly dd { display: none; }
main article nav { position: relative; display: inline-block; margin: 20% auto 0 auto; top: auto; left: auto; }

nav { position: absolute; display: block; z-index: 1; margin: 28px calc(50% - 500px); top: 521px; width: 1000px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; }
nav button { position: relative; width: 20%; height: 42px; vertical-align: top; margin: 10px 2%; transition: margin 1s; -webkit-transition: margin 1s; -moz-transition: margin 1s; }

footer { position: absolute; display: block; z-index: 2; margin: 56px auto 28px calc(50% - 450px); top: 598px; width: 900px; height: calc(33% - 150px); transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; }
footer ul { position: relative; display: inline-block; width: calc(100% - 40px); margin: 0 auto; padding: 0; list-style-type: none; vertical-align: bottom; }
footer li { position: relative; display: inline-block; width: 32%; margin-right: 1%; }
footer li:first-of-type { text-align: left; }
footer li:last-of-type { text-align: right; margin-right: 0; }
footer h3 { position: relative; width: 100%; margin: 0; }
footer h5 { margin: 0; }

ul.social { position: absolute; display: block; top: 816px; left: 20px; margin: 56px 0; padding: 0; width: calc(100% - 40px); text-align: right; list-style-type: none; }
ul.social li { display: inline-block; float: right; width: 50px; height: 50px; background: url(../images/spec.png) transparent center center no-repeat; background-size: contain; overflow: hidden; }
ul.social li a { position: absolute; display: block; width: 50px; height: 50px; }
ul.social li.facebook { background-image: url(../images/social-facebook.png); }
ul.social li.newsletters { z-index: 10; background-image: url(../images/newsletter.png); max-width: 50px; transition: width 2s; -webkit-transition: width 2s; -moz-transition: width 2s; }
ul.social li.newsletters a { z-index: 11; }
ul.social li.newsletters label { position: relative; display: none; z-index: 12; opacity: 0.0; width: calc(100% - 70px); white-space: nowrap; height: calc(100% - 10px); border-radius: 10px; background-color: rgba(48,148,0,0.33); padding: 10px 0 0 0; overflow: hidden; transition: oapcity 2s; -webkit-transition: oapcity 2s; -moz-transition: oapcity 2s; }
ul.social li.newsletters label.active { display: block; transition: oapcity 2s; -webkit-transition: oapcity 2s; -moz-transition: oapcity 2s; }
ul.social li.newsletters label span { display: none; width: 248px; margin: 0 0 0 20px; }
ul.social li.newsletters input[type="text"] { display: none; width: calc(100% - 420px); }
ul.social li.newsletters button { display: none; margin: 0 20px; }
ul.social li.newsletters p { display: none; z-index: 12; }
ul.social li.newsletters.active { width: calc(100% - 128px); max-width: 100%; text-align: left; background-position: center right; transition: width 2s; -webkit-transition: width 2s; -moz-transition: width 2s; }
ul.social li.newsletters.active a { right: 50px; }
ul.social li.newsletters.active label.active { opacity: 1.0; transition: oapcity 2s; -webkit-transition: oapcity 2s; -moz-transition: oapcity 2s; }
ul.social li.newsletters.active label span { display: inline-block; }
ul.social li.newsletters.active input[type="text"] { display: inline-block; }
ul.social li.newsletters.active button { display: inline-block; }
ul.social li.newsletters.active p { position: relative; display: none; width: calc(100% - 128px); margin: 16px 0; text-align: center; }
ul.social li.newsletters.active p.badmail { position: absolute; top: 0; left: 13px; margin: 10px 40px 10px 80px; padding: 0 0 0 270px; width: calc(100% - 500px); font-size: 18px; font-weight: bold; font-variant: all-small-caps; line-height: 30px; text-align: left; background-color: rgba(248,0,0,0.75); color: #eee; }
ul.social li.newsletters p.active { display: block; }

body div.enlarge header logo { top: 5px; left: 20px; transition: all 2s; -webkit-transition: all 2s; -moz-transition: all 2s; }
body div.enlarge header hr { opacity: 1.0; transition: none; -webkit-transition: none; -moz-transition: none; }
body div.enlarge main { margin: -22px 20px 0 170px; width: calc(100% - 224px); height: 462px; 
	transition: height 2s; 
	-webkit-transition: height 2s; 
	-moz-trandition: height 2s; 
}
body div.enlarge main article nav { position: relative; display: inline-block; margin: 20% auto 0 auto; top: auto; left: auto; }
/* body div.enlarge article { margin: -22px 20px 0 170px; width: calc(100% - 224px); height: 462px; transition: height 2s; -webkit-transition: height: 2s; -moz-trandition: height 2s; } */
body div.enlarge nav { margin: 28px auto 0 calc(50% - 350px); top: 683px; width: 800px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; }
body div.enlarge footer { opacity: 0.0; height: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; }
body div.enlarge dd { opacity: 1.0; transition: opacity 2s; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; }
body div.enlarge article dd { box-shadow: none; color: #ddd; }
body div.enlarge hr { opacity: 0.0; transition: opacity 2s; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; }

details { position: fixed; display: block; bottom: -4px; left: 2px; right: 2px; height: 25%; z-index: 99; background-color: #721; border: 2px outset transparent; max-height: 0; font-size: 0; transition: height 3s; -webkit-transition: height 3s; -moz-transition: height 3s; }
details.active { border-color: #421; bottom: 2px; max-height: none; transition: height 3s; -webkit-transition: height 3s; -moz-transition: height 3s; }
details h1 { margin: 0.825em 2.25em; text-align: left; font-size: 32px; }
details h1 button { position: relative; margin: 0 0 0 10px; float: right; font-size: 14.667px; }
details p { margin: 0.825em 5em; text-align: left; font-size: 16px; }
details p a { color: yellow; }
details p a:hover { color: white; }

/* and (max-height: 900px) and (orientation: landscape) */
@media screen and (max-width: 1440px) and (orientation: landscape) {
	body main article { background-size: cover; }
	body footer { margin: 28px auto 28px calc(50% - 450px); }
	body div ul.social { top: 750px; margin: 0; }
	body div.enlarge nav { top: 722px; }
}

/* and (max-height: 768px) and (orientation: landscape) */
@media screen and (max-width: 1366px) and (orientation: landscape) {
	hr { top: 653px; }
	header h1 { padding: 0; top: 0; width: 100%; }
	header h1 span { margin: 0; right: 0; left: 0; width: 100%; }
	header hr { top: 67px; }
	header logo { top: 0; }
	body main { top: 200px; }
	nav { margin: 14px auto 14px calc(50% - 500px); top: 473px; }
	body div ul.social { list-style-type: none; margin: 14px 0 0 0; top: 624px; }
	footer { margin: 14px auto 14px calc(50% - 450px); top: 550px; height: calc(33% - 175px); }
	body div.enlarge main { margin: 25px 0 0 203px; width: calc(100% - 283px); height: calc(100% - 220px); top: auto; }
	body div.enlarge header h1 { margin: 0 0 0 112px; top: 18px; width: calc(100% - 112px); }
	body div.enlarge nav { top: 610px; }
	body div.enlarge ul.social { list-style-type: none; margin: 14px 0 0 0; top: 624px; }
}

/* and (max-height: 800px) and (orientation: landscape) */
@media screen and (max-width: 1280px) and (orientation: landscape) {
	body div ul.social { top: 644px; }
	body div ul.social li.newsletters label { background-color: rgba(24,74,0,0.85); }
	body div hr { top: 640px; }
	body div header hr { top: 67px; }
	body div.enlarge nav { top: 630px; }
	body div.enlarge ul.social { top: 644px; }
	body div.enlarge ul.social li.newsletters label.active { background-color: rgba(24,74,0,0.85); }
}

/* and (orientation: landscape) */
@media screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
	hr { top: 653px; }
	header h1 { padding: 0; top: 0; width: 100%; }
	header h1 span { margin: 0; right: 0; left: 0; width: 100%; }
	header hr { top: 67px; }
	header logo { top: 0; left: calc(50% - 75px); width: 150px; height: 150px; }
	body main { margin: 0 auto 0 20px; top: 160px; }
	body nav { margin: 0 auto 0 calc(50% - 500px); top: 473px; width: 1000px; }
	footer { margin: 21px auto 21px calc(50% - 450px); top: 525px; height: calc(33% - 175px); }
	body div ul.social { top: 625px; margin: 12px 0 0 0; }
	body div ul.social li.newsletters label { background-color: rgba(24,74,0,0.85); }
	body div hr { top: 614px; }
	body div header hr { top: 67px; }
	body div.enlarge nav { top: 630px; }
	body div.enlarge ul.social { top: 625px; margin: 12px 0 0 0; }
	body div.enlarge ul.social li.newsletters label.active { background-color: rgba(24,74,0,0.85); }
	body div.enlarge header h1 { margin: 0 0 0 112px; top: 18px; width: calc(100% - 112px); }
}

@media screen and (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) {
	hr { top: 653px; }
	header h1 { padding: 0; top: 0; width: 100%; }
	header h1 span { margin: 0; right: 0; left: 0; width: 100%; }
	header hr { top: 67px; }
	header logo { top: 0; left: calc(50% - 75px); width: 150px; height: 150px; }
	body main { margin: 0 auto 0 20px; top: 160px; }
	body nav { margin: 0 auto 0 calc(50% - 500px); top: 473px; width: 900px; }
	footer { margin: 14px auto 14px calc(50% - 450px); top: 550px; height: calc(33% - 175px); }
	body div ul.social { list-style-type: none; margin: 0; top: 473px; }
	body div ul.social li.newsletters label { width: calc(100% - 56px); }
	body div.enlarge header h1 { margin: 0 0 0 112px; top: 18px; width: calc(100% - 112px); }
	body div.enlarge nav { top: 660px; }
	body div.enlarge ul.social { list-style-type: none; margin: 0; top: 473px; }
	body div.enlarge ul.social li.newsletters label.active { width: calc(100% - 56px); }
}

@media screen and (max-width: 960px) and (max-height: 640px) {
	body nav { margin: 0 auto 0 calc(50% - 480px); width: 800px; }
	body div.enlarge nav { margin: 28px auto 0 calc(50% - 360px); top: 445px; width: 700px; }
	body div.enlarge nav button { letter-spacing: -0.6px; }
}

/*  and (max-height: 720px) and (orientation: landscape) */

@media screen and (max-width: 800px) and (orientation: landscape) {
	hr { top: 625px; }
	header logo { left: calc(50% - 60px); width: 120px; height: 120px; }
	header hr { top: 67px; }
	body main { top: 130px; height: 200px; }
	body main article p { font-size: 18px; }
	body main article.home p { font-size: 18px; margin-top: 50px; }
	body nav { top: 350px; margin: 0 auto 0 calc(50% - 400px); width: 680px; }
	body nav button { letter-spacing: -0.6px; font-size: 13.667px; }
	footer { margin: 0 auto 0 calc(50% - 450px); top: 536px; }
	body div ul.social { top: 350px; }
	body div ul.social li.newsletters label { width: calc(100% - 56px); }
	body div.enlarge main { top: 115px; margin: 0 0 0 calc(50% - 250px); width: 600px; height: calc(100% - 200px); }
	body div.enlarge nav { top: 315px; margin: 28px auto 0 calc(50% - 280px); width: 550px; }
	body div.enlarge nav button { letter-spacing: -1.0px; font-size: 12px; }
	body div.enlarge ul.social { top: 342px; }
}

@media screen and (max-width: 720px) and (orientation: landscape) {
	header logo { left: calc(50% - 50px); width: 100px; height: 100px; }
	body main { top: 110px; height: 225px; }
	body nav { margin: 0 16px 0 calc(50% - 353px); width: 600px; }
	body nav button { letter-spacing: -0.75px; font-size: 12px; }
	body div.enlarge dd { top: 50px; left: 50px; }
	body div.enlarge main { margin: 0 0 0 calc(50% - 280px); }
	body div.enlarge nav { margin: 28px 64px 0 calc(50% - 250px); width: 480px; }
	body div.enlarge nav button { letter-spacing: -0.85px; font-size: 10px; line-height: 16px; }
}

@media screen and (max-width: 680px) and (orientation: landscape) {
	hr { margin: 0; top: 340px; left: 2%; width: 96%; }
	header hr { top: 40px; left: 2%; width: 96%; }
	header logo { top: 0; left: calc(50% - 144px); width: 40px; height: 40px; }
	main { margin: 0 20px; top: 58px; height: calc(100% - 193px); }
	nav { margin: 0; top: 241px; width: 100%; }
	footer { margin: 0; top: 280px; width: 100%; height: auto; }
	footer ul li { font-size: 12px; }
	body ul.social { z-index: 2; top: 0; left: calc(100% - 70px); width: 40px; }
	ul.social li { width: 40px; height: 40px; }
	ul.social li.facebook { width: 40px; height: 40px; }
	body div.enlarge hr { margin: 0; top: 340px; left: 2%; width: 96%; opacity: 1.0; }
	body div.enlarge header h1 { margin: 0; top: 0; width: 100%; }
	body div.enlarge main { margin: 0 20px; top: 58px; width: calc(100% - 40px); height: calc(100% - 133px); }
	body div.enlarge nav { top: 300px; }
	body div.enlarge main article aside h3.longCat { width: 60%; }
	body div.enlarge nav { margin: 0; top: 294px; width: 100%; }
	body div.enlarge footer { z-index: -1; }
	body div.enlarge dd { display: none; opacity: 0.0; }
	body div.enlarge ul.social { z-index: 2; top: 0; left: calc(100% - 70px); width: 40px; }
	body div.enlarge ul.social li { width: 40px; height: 40px; }
	body div.enlarge ul.social li.facebook { width: 40px; height: 40px; }
}

@media screen and (max-width: 640px) and (orientation: landscape) {
	nav { margin: 0; top: 236px; width: 100%; }
	body div.enlarge main article nav { width: 100%; }
}

@media screen and (max-width: 580px) and (orientation: landscape) {
	hr { top: 300px; }
	nav { top: 200px; }
	footer { top: 243px; }
	body div.enlarge nav { top: 254px; }
}

@media screen and (max-width: 420px) and (orientation: portrait) {
	body { position: fixed!important; }
	header { height: 10%; }
	header h1 { margin: 0 0 0 60px; padding: 0; top: 10px; width: calc(100% - 75px); letter-spacing: 2px; }
	header h1 span { left: 0; width: 100%; font-size: 30px; }
	header h1 span.condense { letter-spacing: -1.25px; }
	header hr { margin: 0; top: 44px; left: 18px; width: calc(100% - 36px); }
	header logo { position: absolute; top: 4px; left: 18px; width: 48px; height: 48px; }
	main { margin: 0 20px; top: 10%; height: 40%; /* height: 32%; */ /* top: 52px; height: 180px; */ }
	main article { margin: 0; height: 100%; border: none; 
    	background-size: auto 63%;
    	background-position: 50% 10%;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none; 
	}
	main article p { /* margin: 25px 6px; */ font-size: 0.89em; line-height: 1.00em; width: 95%; margin: 25px 2.5%; }
	main article.home { background-size: 220% auto; }
	main article.home p { margin: 25px 6px; height: calc(100% - 25px); font-size: 0.89em; line-height: normal; /* line-height: 1.00em; */ }
	main article.home p:first-of-type { margin-top: 25px; }
	main article.cateringevents p:first-of-type { margin-top: 180px; }

	main article p .xlheader { font-size: 5vw; }
	main article p .lgheader { font-size: 3.75vw; }

	main article.subscribe { font-size: 1.25em; }
	main article.unsubscribe { font-size: 1.25em; }

	main article.privacypolicy h1 { font-size: 16px; margin: 1em 2em; }
	main article.privacypolicy h3 { padding: 0 5%; font-size: 16px; }
	main article.privacypolicy h4 { font-size: 12px; margin: 1em 2em; }
	main article.privacypolicy p { margin: 14px 20px; font-size: 12px; text-align: left; line-height: 1.2; }
	main article.privacypolicy li { margin: 14px 20px; font-size: 12px; text-align: left; line-height: 1.2; }
	main article.privacypolicy table { width: 100%; }
	main article.privacypolicy td { margin: 1%; width: 48%; font-size: 12px; text-align: left; line-height: 1.2; }

	main article aside { margin: 10px 10px 5px 10px; width: calc(100% - 20px); }
	main article aside h3 { margin: 8px 20px; width: calc(100% - 40px); font-size: 18px; line-height: 28px; }
	main article aside dl { width: 100%; }
	main article aside dd { opacity: 1.0; }

/*	nav { top: 234px; width: calc(100% - 40px); margin: 20px; } */
	nav { margin: 0 16px; top: 54%; /* top: 75%; */ /* top: 48%; */ width: calc(100% - 32px); }
	nav button { margin: 0 0 10px 0; width: 100%; }
	nav button.chosen { margin-top: -100vh; -webkit-transition: 2s; -moz-transition: 2s; transition: 2s; }

	footer { display: block; z-index: 0; /* margin: 20px; top: 337px; width: calc(100% - 40px); */ /* top: 70%; */ top: 76%; margin: 0 16px; width: calc(100% - 32px); height: 96px; }
	footer ul { margin: 0; padding: 0; width: 100%; }
	footer ul li { float: right; margin: 0; width: calc(50% - 5px); text-align: right; }
	footer ul li:first-of-type { float: left; margin: 0; padding: 0; width: calc(50% - 5px); text-align: left; }
	footer ul li:last-of-type { float: left; margin: 10px 0 0 0; width: calc(50% - 5px); text-align: left; }
	footer ul li a:last-of-type { display: block; margin: 16px 0; }
	hr { margin: 20px; top: 87%; /* top: 80%; top: 468px; */ left: 0; width: calc(100% - 40px); }

	body ul.social { list-style-type: none; left: auto; bottom: auto; margin: 16px; /* top: 83%; */ bottom: 0; top: auto; width: calc(100% - 32px); height: 50px; }

	ul.social li.newsletters.active { margin: 0; width: calc(100% - 50px); }
	ul.social li.newsletters.active a { right: 50px; }
	ul.social li.newsletters label.active { border: 1px solid transparent; }
	ul.social li.newsletters.active label.active { display: block; width: calc(100% - 54px); height: calc(100% - 22px); margin: 5px 0; padding: 5px 0; border: 1px outset gold; border-radius: 15px; }
	ul.social li.newsletters.active label span { display: none; }
	ul.social li.newsletters.active input[type="text"] { display: inline-block; width: 52%; font-size: 12px; line-height: 14px; margin: 0 10px; }
	ul.social li.newsletters.active button { display: inline-block; margin: 0 8px; font-size: 10px; line-height: 14px; }

	body div.enlarge header logo { position: absolute; top: 4px; left: 18px; margin-top: 0; padding-left: 0; width: 48px; height: 48px; transition: none; }
	body div.enlarge header hr { top: 44px; opacity: 1.0; transition: none; -webkit-transition: none; -moz-transition: none; }
	body div.enlarge main { margin: 0 20px; width: calc(100% - 40px); height: 56%; border: none; transition: height 2s; -webkit-transition: height 2s; -moz-trandition: height 2s; }
	body div.enlarge main article aside:first-of-type { margin-top: 10px; }
	body div.enlarge main article aside:last-of-type { margin-bottom: 10px; }
	body div.enlarge main article aside h3.longCat { margin: 5px 5px 10px 0; width: calc(100% - 10px); font-size: 17px; }
	body div.enlarge main article aside h5 { margin: 0 0 20px 0; }
	body div.enlarge main article aside dl.titleOnly { width: calc(50% - 10px); }
	body div.enlarge main article aside dl.titleOnly dt { font-size: 14px; }
	body div.enlarge main article aside dd { opacity: 1.0; color: #ddd; border: none; }
	body div.enlarge main article nav { margin: calc(74% - 93px) auto 0 auto; }
	body div.enlarge footer { z-index: -1; }
	body div.enlarge ul.social { bottom: 0; top: auto; /* top: 582px; */ }

	body div.enlarge nav { width: calc(100% - 40px); top: 71%; /* top: 423px; */ margin: -20px 20px 0 20px; }
	body div.enlarge footer { opacity: 0.0; top: 307px; margin: -50px 20px 0 20px; height: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; }
	body div.enlarge dd { opacity: 0.0; transition: none; }
	body div.enlarge hr { top: 88%; /* top: 588px; */ opacity: 1.0; transition: none; }

	details h1 { margin: 1em; font-size: 18px; }
	details h1 button { font-size: 12px; }
	details p { margin: 1em 1.5em; font-size: 13px; line-height: 1.1; }

}

@media screen and (max-width: 375px) and (orientation: portrait) {
	hr { top: 503px; }
	header hr { top: 44px; }
	nav { top: 234px; }
	ul.social { top: 527px; }
	ul.social li.newsletters.active label input { margin: 0px 0 0 8px; font-size: 10px; width: 54%; }
	ul.social li.newsletters.active label button { margin: 0; font-size: 9px; line-height: 13px; }
	ul.social li.newsletters.active p { width: calc(100% - 56px); font-size: 14px; margin: 8px 0; }
	ul.social li.newsletters.active p.badmail { margin: 12px 0 0 0; padding: 7px 0; width: calc(100% - 126px); font-size: 16px; line-height: 12px; }
	body div.enlarge nav { top: 423px; }
	body div.enlarge hr { top: 518px; }
	body div.enlarge ul.social { top: 542px; }
}

@media screen and (max-width: 360px) and (orientation: portrait) {
	hr { top: 503px; }
	header hr { top: 44px; }
	nav { top: 234px; }
	ul.social { top: 527px; }
	ul.social li.newsletters.active label input { margin: 0px 0 0 8px; font-size: 10px; width: 54%; }
	ul.social li.newsletters.active label button { margin: 0; font-size: 9px; line-height: 13px; }
	ul.social li.newsletters.active p { width: calc(100% - 56px); font-size: 12px; margin: 8px 0; }
	ul.social li.newsletters.active p.badmail { margin: 12px 0 0 0; padding: 7px 0; width: calc(100% - 126px); font-size: 12px; line-height: 12px; }
	body div.enlarge nav { top: 408px; }
	body div.enlarge hr { top: 503px; }
	body div.enlarge ul.social { top: 527px; }
}

@media screen and (max-width: 320px) and (orientation: portrait) {
	hr { top: 466px; }
	header hr { top: 44px; }
	ul.social { top: 486px; }
	ul.social li.newsletters.active label input { margin: 0 0 0 10px; font-size: 10px; width: 45%; }
	ul.social li.newsletters.active label button { margin: 0; font-size: 7px; line-height: 13px; }
	ul.social li.newsletters.active p { width: calc(100% - 56px); font-size: 12px; margin: 8px 0; }
	ul.social li.newsletters.active p.badmail { margin: 12px 0 0 0; padding: 7px 0; width: calc(100% - 126px); font-size: 12px; line-height: 12px; }
	body div.enlarge nav { top: 371px; }
	body div.enlarge hr { top: 466px; }
	body div.enlarge ul.social { top: 486px; }
}