/* FONTS, CSS VARIABLES & TRANSFORMS */

@font-face {
	font-family:"gatsby";
	src:url("/fonts/gatsby.ttf");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"gatsby";
	src:url("/fonts/gatsby-bold.ttf");
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:"vectra";
	src:url("/fonts/vectra.otf");
	font-weight:normal;
	font-style:normal;
}


:root {
	--bgcolor:#000;
	--accent-color:#d00000;
	--accentcolor:#d00000;
	--text-color:#aaa;
	--textcolor:#ccc;
	--button-bg:#000;
	--button-outline:#ccc;
	--navbar-height:60px;
	--navbar-sub-bg:#000;
	--bright-red:#ff0000;
	--dim-red:#b00000;
	--cushion-size:400px 200px;
}


.fade-in{-webkit-animation:fade-in 2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 2s cubic-bezier(.39,.575,.565,1.000) both}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.slide-in-blurred-left{-webkit-animation:slide-in-blurred-left 2s both;animation:slide-in-blurred-left 2s both}
@-webkit-keyframes slide-in-blurred-left{0%{-webkit-transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform:translateX(-1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translateX(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-left{0%{-webkit-transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform:translateX(-1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translateX(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}

.flip-in-hor-bottom1{-webkit-animation:flip-in-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) 0s both;animation:flip-in-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) 0s both}
.flip-in-hor-bottom2{-webkit-animation:flip-in-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) 0.2s both;animation:flip-in-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) 0.2s both}
.flip-in-hor-bottom3{-webkit-animation:flip-in-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) 0.4s both;animation:flip-in-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) 0.4s both}
.flip-in-hor-bottom4{-webkit-animation:flip-in-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) 0.6s both;animation:flip-in-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) 0.6s both}
.flip-in-hor-bottom5{-webkit-animation:flip-in-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) 0.8s both;animation:flip-in-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) 0.8s both}
@-webkit-keyframes flip-in-hor-bottom1 {0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}
@-webkit-keyframes flip-in-hor-bottom2 {0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}
@-webkit-keyframes flip-in-hor-bottom3 {0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}
@-webkit-keyframes flip-in-hor-bottom4 {0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}
@-webkit-keyframes flip-in-hor-bottom5 {0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}


/* ROOT BASICS */

body {
	background-color:var(--bgcolor);
	background-image:url("/images/website/cushion.jpg");
	background-size:var(--cushion-size);
	background-repeat:repeat;
	background-attachment: fixed;
	color:var(--text-color);
	font-family:"Raleway", sans-serif;
	font-size:13pt;
}

a {
	color:var(--accent-color);
	font-weight:500;
	text-decoration:none;
}
a:hover {
	text-shadow:0 0 5px var(--accent-color);
	color:var(--accent-color);
	text-decoration:none;
}

.section {
	display:none;
	position:relative;
	width:100vw; height:100vh;
}

button, .btn, .btn-primary {
	background:none;
	border:2px solid var(--button-outline);
}
button:hover, .btn:hover, .btn-primary:hover {
	background-color:var(--button-outline);
	border:2px solid var(--button-outline);
	color:var(--bgcolor);
}

.venue-button {
	padding:5px 15px;

	background: rgb(183,0,0);
	background: -moz-linear-gradient(0deg, rgba(183,0,0,1) 0%, rgba(255,0,0,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(183,0,0,1) 0%, rgba(255,0,0,1) 100%);
	background: linear-gradient(0deg, rgba(183,0,0,1) 0%, rgba(255,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b70000",endColorstr="#ff0000",GradientType=1);

	color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 1px inset, rgba(255, 255, 255, 0.3) 1px 1px 1px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 1px inset, rgba(255, 255, 255, 0.3) 1px 1px 1px inset;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 1px inset, rgba(255, 255, 255, 0.3) 1px 1px 1px inset;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.venue-button:hover {
	color:#fff;
}


/* LOADING */

#website-loading {
	position:fixed;
	left:0; top:0;
	width:100vw; height:100vh;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:var(--text-color);
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
}
#website-loading p {margin:0;}

.loader-container.max-height {height:calc(100vh - 50px);}
.loader-container.full-height {height:100%;}
.loader,
.loader:before,
.loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	color: var(--text-color);
	font-size: 10px;
	margin-bottom:20px;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0) scale(50%);
	-ms-transform: translateZ(0) scale(50%);
	transform: translateZ(0) scale(50%);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
	content: "";
	position: absolute;
	top: 0;
}
.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 3.5em;
}
@-webkit-keyframes load7 {0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;}}
@keyframes load7 {0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em;}40% {box-shadow: 0 2.5em 0 0;}}


/* NAVIGATION */

#navbar {
	display:flex;
}
#navbar, #mobile-navbar {
	flex-direction:row;
	justify-content:flex-end;
	position:absolute;
	left:0; top:0;
	width:100vw; height:var(--navbar-height);
	background-image:url("/images/website/smoke.gif");
	background-size:100% auto;
	background-position:0 100%;
	box-shadow:-10px -10px 15px #000;
	z-index:99;
}
.navbar-fixed {
	position:fixed !important;
}
#navbar:after, #mobile-navbar:after {
	content:"";
	display:block;
	position:absolute;
	top:var(--navbar-height);
	background-image:url("/images/website/moulding.jpg");
	background-repeat:repeat-x;
	width:100vw; height:45px;
	background-size:auto 45px;
	box-shadow:2px 2px 1px rgba(0,0,0,0.5)
}
#navbar-buffer {height:125px;}
#navbar ul, #mobile-navbar ul {
	list-style-type:none;
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-end;
	width:calc(100% - 390px); height:100%;
	margin:0; padding:0;
}
#navbar > ul {
	position:absolute;
	right:60px;
}
#navbar > ul > li {position:relative;}
#navbar > ul > li > a, #mobile-navbar li a {
	color:#aaa;
	font-family:"gatsby", sans-serif;
	font-size:28pt;
	font-weight:600;
	padding:0 30px;
	cursor:pointer;
	transition:0.2s ease-in-out;
	text-shadow:2px 2px 1px rgba(0,0,0,0.5);
	text-transform:lowercase;
	white-space:nowrap;
}
#navbar > ul > li:hover > a {
	color:#fff;
	text-shadow:0 0 10px red;
	transform:scale(105%);
}
#navbar ul ul {
	display:none;
	position:absolute;
	left:10px; top:70px;
	width:100%; min-width:215px; max-width:360px; height:auto;
	background-color:var(--bgcolor);
	z-index:102;
	padding:15px;
}
#navbar ul ul:before {
	content:"\25B2";
	color:#000;
	position:absolute;
	left:45px; top:-15px;
	transform:scale(150%);
}
#navbar ul ul li a {
	display:block;
	height:40px; line-height:40px;
	color:#aaa;
	white-space:nowrap;
	overflow-x:hidden;
	text-overflow:ellipsis;
	transition:0.2s ease-in-out;
}
#navbar ul ul li:hover a {color:#fff;}
#nav-logo {
	color:red;
	position:absolute;
	left:90px; top:-45px;
	z-index:1;
	font-family:"gatsby", sans-serif;
	text-transform:lowercase;
	font-size:100px;
	text-shadow:0 0 2px var(--accent-color);
	cursor:pointer;
	transition:0.25s ease-in-out;
}
#nav-logo:hover {
	color:rgba(255,50,50);
	text-shadow:0 0 4px rgb(255,0,0), 0 0 6px rgb(255,0,0), 0 0 8px rgb(255,0,0);
	transform:scale(102%);
}
#nav-logo-sub {
	position:absolute;
	left:110px; top:68px;
	text-transform:uppercase;
	z-index:1;
	font-size:13pt;
	font-family: "Raleway", sans-serif;
	cursor:pointer;
}
#mobile-navbar {
	display:none;
	position:fixed;
	background-image:none;
	border-bottom:2px solid #000;
	height:50px;
}
#mobile-navbar:after {
	top:0;
	height:50px;
	background-size:100% 50px;
}
#navbutton {
	position: absolute;
	right: 0; top: 0;
	z-index: 100;
	font-size: 25px;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	cursor:pointer;
	transition:0.2s ease-in-out;
}
#navbutton:hover {
	color:#fff;
}

@media (max-width:1150px) {
	#nav-logo {left:45px;}
	#navbar ul {
		width:calc(100% - 330px);
		right:30px;
		position:relative;
	}
	#navbar > ul > li > a {

	}
}

@media (max-width:960px) {
	#navbar > ul {right:20px;}
	#navbar > ul > li > a {padding:0 15px;}
}

@media (max-width:840px) {
	#nav-logo {left:30px;}
	#navbar > ul > li > a {
		font-size:26pt;
	}
}

@media (max-width:767px) {
	#navbar, #navbar ul {
		display:none;
	}
	#mobile-navbar {
		display:flex;
	}
}

#mobile-menu {
	display:none;
	position:fixed;
	left:0vw; top:0;
	width:100vw; height:100vh;
	z-index:98;
	backdrop-filter:blur(15px);
	background-color:rgba(0,0,0,0.6);
	transform:translateX(100vw);
	transition:0.33s ease-in-out;
	color:#fff;
	padding:90px 30px 60px 30px;
	overflow-y:scroll;
}
#mobile-menu ul {
	list-style-type:none;
	margin:0; padding:0;
	text-align:center;
}
#mobile-menu > ul > li > a {
	font-family: "gatsby", sans-serif;
	color:#fff;
	text-transform:lowercase;
	font-size:28pt;
	cursor:pointer;
	font-weight:600;
	text-shadow:0 0 10px red, 0 0 10px red;
	border-bottom:1px solid rgba(255,255,255,0.2);
	display:block;
	width:100%;
}
#mobile-menu ul ul {
	margin-bottom:45px;
}
#mobile-menu ul ul li a {
	font-family:"Raleway", sans-serif;
	font-size:1rem;
	color:#aaa;
	text-shadow:none;
	line-height:35px;
	transition:0.2s ease-in-out;
}
#mobile-menu ul ul li:hover a {color:#fff;}


@media (max-width:767px) {
	#mobile-menu {
		display:flex;
		flex-direction:column;
	}
	body.mobile-menu-open #mobile-menu {
		transform:translateX(0);
	}
}


/* MAIN (NON-HOMEPAGE */

#main {
	padding:120px 30px 30px 30px;
	height:auto;
}
#main-inner {
	margin:0 auto;
	max-width:1200px;
	position:relative;
	z-index:1;
	height:auto;
}
.headline, #headline {
	font-family:"gatsby", sans-serif;
	font-size:4rem;
	color:#b00000;
	text-shadow:1px 1px 2px #000;
}
#headline {
	text-align:center;
	margin:15px 0 30px 0;
}

/* SECTION 1 - JUMBOTRON & COUNTDOWN */

#section-1 {
	z-index:0;
}
#bgvideo {
	position:fixed;
	left:5vw; top:60px;
	width:90vw; height:0;
	z-index:1;
	padding-top:56.25%;
}
#bgvideo video {
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
}

@media (min-aspect-ratio: 3/2) {
	#bgvideo {
		padding-top:0;
		width:calc(100vw - 120px);
		height:calc(100vh - 120px);
		left:60px; top:60px;
	}
}

@media (max-width:767px) {
	#bgvideo video {
		display:none;
	}
}

#jumbotron-logo-container {
	z-index:2;
	transform:translateY(0px);
	position:absolute;
	width:50%;
	top:25%; left:10%;
}
#jumbotron-logo {
	width:100%; height:100%;
	max-width:600px;
	-webkit-filter: drop-shadow(5px 5px 10px #222);
	filter: drop-shadow(4px 4px 6px #222);
}
#date-place {
	margin:-10px 0 0 16%;
	font-size:1.25rem;
}
#date-place i {
	font-style:normal;
	margin:0 10px;
}
#date-place span {
	display:inline-block;
	white-space:nowrap;
}

#countdown {
	position:relative;
	width:auto;
	display:flex;
	flex-direction:row;
	margin:50px 0 0 97px;
}
#countdown > div {
	color:#fff;
	padding:0 10px 10px 10px;
	margin:0 5px;
	width:75px;
	text-align:center;
	font-size:24pt;
	font-weight:bold;
	background-color:#000;
	display:flex;
	flex-direction:column;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#countdown > div:after {
	font-weight:normal;
	font-size:10pt;
	color:#aaa;
}
#countdown .months:after {content: "Months";}
#countdown .days:after {content: "Days";}
#countdown .hours:after {content: "Hours";}
#countdown .minutes:after {content: "Minutes";}
#countdown .seconds:after {content: "Seconds";}

#scroll-hint {
	display:block;
	position: absolute;
	bottom:50px; /* left:calc(50% - 40px); */ left:50%;
	z-index: 100;
	cursor:pointer;
	height: 60px;
	width: 80px;
	margin: 0px 0 0 -40px;
	text-align: center;
	font-size: 70px;
	text-decoration: none;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-animation:fade_move_down 2s ease-in-out infinite;
	-moz-animation:fade_move_down 2s ease-in-out infinite;
	animation:fade_move_down 2s ease-in-out infinite;
}
#scroll-hint i {
	color:rgba(255,255,255,0.33);
	font-size:32pt;
}
@-webkit-keyframes fade_move_down {0% {-webkit-transform:translate(0,-20px); opacity:0;} 50% {opacity: 1;} 100% {-webkit-transform:translate(0,20px); opacity:0;}}
@-moz-keyframes fade_move_down {0% {-moz-transform:translate(0,-20px); opacity:0;} 50% {opacity: 1;} 100% {-moz-transform:translate(0,20px); opacity:0;}}
@keyframes fade_move_down {0% {transform:translate(0,-20px); opacity:0;} 50% {opacity: 1;} 100% {transform:translate(0,20px); opacity:0;}}

#smoke {
	width:100vw; height:110vh;
	background-image:url("/images/website/smoke.gif");
	background-size:100% 100%;
	opacity:0;
}

@media (min-width:1500px) {
	#jumbotron-logo-container {
		width:130vh; height:50vh;
		left:calc(50% - 65vh); top:25vh;
	}
	#jumbotron-logo {
		width:550px; height:auto;
	}
}

@media (max-width:1100px) {
	#countdown {
		position:absolute;
		left:-5vw;
		bottom: -210px;
		margin: 0;
		width:90vw;
		justify-content:center;
	}
	#countdown > div {
		border:1px solid rgba(255,255,255,0.25);
	}
}

@media (max-width:900px) {
	#jumbotron-logo-container {
		margin-top:calc(-180px + 20vh);
	}
}

@media (max-width:767px) {
	#countdown {
		top:calc(75vh - 150px); bottom:auto;
		width:100vw;
		left:0;
	}
	#jumbotron-logo-container {
		width:100vw; height:100vh;
		left:0; top:25%;
		text-align:center;
	}
	#jumbotron-logo {
		width:90%; height:auto;
		margin:5%;
	}
	#date-place {
		margin:0;
		width:90vw;
		margin:0 5vw;
		text-align:center;
	}
	#date-place > i:first-of-type {display:none;}
	#date-place span:first-child {display:block;}
	#scroll-hint {display:none;}
}


/* SECTION 2 - THRONE, SELLING POINTS & NAVIGATION */

#section-2 {
	z-index:2;
	position:relative;
	background-image:url("/images/website/prestige-bg.jpg");
	background-size:100vw 100vh;
	background-attachment: fixed;
	overflow-y:hidden;
	height:auto; min-height:700px;
}

#throne {
	/* This was a throne photo but is now the cross-legged pose */
	position:absolute;
	bottom:-15px; left:0;
	width:60vw; height: auto;
	-webkit-filter: drop-shadow(0 0 10px #000);
	filter: drop-shadow(0 0 10px #000);
	z-index:2;
	transform:scaleX(-1);
}
.vignette {
	width:100%; height:100%;
	z-index:1;
	position:absolute;
	left:0; top:0;
	background: rgb(0,0,0);
	background: -moz-radial-gradient(circle, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
	background: radial-gradient(circle, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	pointer-events:none;
}

#selling-points {
	position:relative;
	font-size:18pt;
	width:45%;
	float:right;
	margin:45px;
	z-index:3;
	height: calc(100% - 245px);
	display:flex;
	flex-direction:column;
	justify-content:space-around;
}
#selling-points ul {
	list-style-type:none;
	margin:0; padding:0;
}
#selling-points li {
	display:flex;
	flex-direction:row;
	align-items:center;
	margin-bottom:60px;
	line-height:1.75rem;
	font-weight:300;
}
#selling-points li i {
	font-size:36px;
	margin:0 25px 0 0;
}
#selling-points p {
	font-family:"vectra", cursive;
	font-size:42pt;
	color:red;
	text-align:center;
	line-height:3rem;
}

@media (min-width:1400px) {
	#throne {left:7.5%;}
}

@media (max-width:1100px) {
	#throne {
		width:50%; height:auto;
		min-width:400px;
	}
}

@media (max-width:900px) {
	#throne {top:20%;}
	#selling-points {
		width:40%;
		font-size:1.2rem;
	}
}

@media (max-width:767px) {
	#section-2 {display:none !important;}
}

/* SECTION 3 - NEWS PANELS */

#section-3 {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:90px 60px 90px 60px;
	height:auto;
	background-image:url("/images/website/cushion.jpg");
	background-size:400px 200px;
	background-repeat:repeat;
}

.info-panels {
	max-width:1200px;
	margin:0 auto;
}
.info-panels .info-panel {
	width:30%;
	color:#fff;
	border:none;
	background-color:var(--bgcolor);
	background-image:url("/images/website/prestige-bg.jpg");
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:hidden;
	box-shadow:10px 10px 15px rgba(0,0,0,0.5);
}
.info-panels .info-panel img {
	filter:grayscale(50%);
	transition:0.25s ease-in-out;
}
.info-panels .info-panel:hover img {
	transform:scale(102%);
	filter:grayscale(0%);
}
.info-panel-button-container button {
	width:calc(100% - 30px);
}

@media (max-width:767px) {
	#section-3  {
		background-image:url("/images/website/prestige-bg.jpg");
		background-size:100% 100%;
		padding:45px 30px 15px 30px;
	}
	.info-panels {
		flex-wrap:wrap;
	}
	.info-panels .info-panel {
		width:47%;
		margin-bottom:30px;
	}
	.info-panel-content {
		width:100%; height:120px;
		overflow-y:hidden;
		text-overflow:ellipsis;
	}
}

@media (max-width:500px) {
	.info-panels .info-panel {
		width:100%;
		margin:0 0 45px 0;
	}
	.info-panel-content {height:auto; min-height:0;}
}

/* SECTION 4 - WELCOME LETTER, RELAXED POSE & CURTAIN */

#section-4 {
	/* background-image:url("/images/wallpaper.jpg"); */
	background-image:url("/images/website/prestige-bg.jpg");
	background-size:100vw 100vh;
	background-attachment: fixed;
	overflow:hidden;
	height:auto;
}

#relaxed {
	width:1000px;
	position:absolute;
	bottom:-5%; right:-25%;
	-webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.25));
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.25));
	z-index:2;
}
#welcome-letter {
	width:calc(100vw - 500px);
	padding:60px;
	position:relative;
	z-index:4;
}
@media (max-width:1500px) {#welcome-letter {width:calc(100vw - 600px);}}
@media (max-width:1400px) {#relaxed {width:900px;} #welcome-letter {width:calc(100vw - 500px);}}
@media (max-width:1300px) {#welcome-letter {width:calc(100vw - 600px);}}
@media (max-width:1200px) {#relaxed {width:800px; right:-30%;} #welcome-letter {width:calc(100vw - 450px);}}
@media (max-height:750px) {#relaxed {width:800px;}}
@media (max-width:900px) {#relaxed {width:700px; right:-40%;} #welcome-letter {width:60%; padding:30px;}}
@media (max-height:670px) {#relaxed {width:700px;}}
@media (max-height:580px) {#relaxed {width:500px; right:0;}}

@media (max-width:850px) {
	#section-4 {height:auto;}
	#curtain {display:none;}
	#relaxed {
		position:relative;
		float:right;
		margin:30px 0 0 -300px;
	}
	#welcome-letter {
		width:100%;
		margin-top:30px;
	}
}
@media (max-width:767px) {
	#relaxed {right:-400px; margin-left:-400px;}
}
@media (max-width:550px) {
	#relaxed {float:none;}
	#welcome-letter {margin:-40px 0 0 0; background-color:#000;}
}

/* SECTION 5 - FOOTER */

#section-5 {
	height:auto;
}

#footer {
	position:relative;
	display:flex;
	flex-direction:column;
	height:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	overflow:hidden;
}
#footer:after {
	content: "";
	background-image:url("/images/website/moulding.jpg");
	width:100vw; height:45px;
	background-repeat:repeat-x;
	background-size:auto 45px;
	padding:7px 30px;
	z-index:2;
}
#footer-inner {
	min-height:calc(100vh - 360px);
	position:relative;
	margin:90px 0 90px -25%;
	width:calc(50% - 60px); height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
	z-index:1;
}
#footer-contact a {color:#aaa;}
#footer-affiliates {
	margin:30px 15px 0 -15px;
	max-width:500px;
}
#footer-affiliates a {
	display:inline-block;
	position:relative;
}
#footer-affiliates img {
	width:75px; height:75px;
	object-fit:contain;
	margin:10px;
	filter:grayscale(100%);
	opacity:0.75;
}
#footer-affiliates img#tour {
	width:195px;
	filter:grayscale(0%);
	margin-left:-10px;
}
#footer-logo {
	width:300px;
	display:block;
	margin:0 0 20px -20px;
}
#footer-bg {
	width:500px; height:auto;
	position:absolute;
	right:-120px; top:60px;
	-webkit-filter: drop-shadow(0 0 30px #000);
	filter: drop-shadow(0 0 30px #000);
	z-index:1;
	transform: scaleX(-1);
}
#co-logo {
	padding:0 15px;
}
#co-logo img {
	width:360px;
}


@media(max-width:767px) {
	#section-5 {
		overflow-x:hidden;
	}
	#footer-bg {
		width:50%;
		left:-60px;
	}
	#footer-inner {
		width:100%;
		margin:0;
		padding:180px 30px 30px 30px;
		z-index:2;
	}
	#footer-contact {
		width:65%;
		margin-left:35%;
	}
	#footer-affiliates {
		max-width:none;
		margin:45px 30px 15px 30px;
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
	}
}

@page { 
	size:8.5in auto; 
	margin: 0; padding:0;
}

@media print {

	body {
		margin:0; padding:0;
	}
	#main {
		padding:1in 0.5in 0.5in 0.5in;
	}
	#headline {
		color:#000;
		text-shadow:none;
	}
	#footer, #navbar ul {
		display:none !important;
	}
	#navbar {
		background:none;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		margin-top:0.5in;
	}
	#navbar:after {
		background-image:none;
	}
	#nav-logo {
		position:relative !important;
		top:auto; left:auto;
		line-height: 1rem;
		margin-top: 0.33in;
		font-weight: 600;
		color: #000;
	}
	#nav-logo-sub {
		position:relative !important;
		top:auto; left:auto;
		font-weight: 600;
		color: #000;
		margin:0.33in 0 0 -0.5in;
	}
	
}