@charset "utf-8";
#mainpage { background-attachment:scroll; background-size:contain; background-position:top; background-repeat:no-repeat; background-image:url(img/ue-bg-home.png) }
#leftcol { position:relative; width:38%; padding:0 1.542%; height:auto; text-align:center; display:inline-block; background:none; float:left; z-index:1 }
#leftfill { margin-top:13%; }
#fillcol { position:relative; left:0px; top:0px; width:33.916%; height:auto; display:inline-block; border:none; margin:0px; background:none; float:left; }
#vidcol { position:absolute; left:41.084%; top:0px; width:33.916%; max-width:640px; height:auto; display:inline-block; border:none; padding:0px; margin:0px; background:none; float:left; }
#rightcol { position:relative; left:0px; top:0px; width:25%; text-align:left; color:white; display:inline-block; float:left; background:none; }
#videobox { position:absolute; left:0px; top:0px; width:51.25%; padding-top:51.875%; background-image:url(img/video-box-with-wall.jpg); background-size:contain; background-repeat:no-repeat; background-origin:padding-box; }
#videowait { position:absolute; left:21.71875%; top:40%; width:7.8125%; padding-top:7.8125%; background-image:url(img/video-wait2.gif); background-size:contain; background-repeat:no-repeat; background-origin:padding-box; display:none; z-index:3 }
.title { font-family:Georgia; "Times New Roman", Times, serif; font-size:3em; text-shadow:3px 3px 2px #f00; color:white; text-align:center; margin:0.5em 0em }
#leftcol .text, .textsm { font-weight:bold; font-size:1.5em; }
#leftcol .text { line-height:2; }
#desc.text { font-size:1.2em; }
@media screen and (max-width: 1680px){
	h1, .title { font-size:2.833em; }
	#leftcol .text, .textsm { font-size:1.416em; }
}
@media screen and (max-width: 1440px){
	h1, .title { font-size:2.666em; }
	#leftcol .text, .textsm { font-size:1.333em; }
}
@media screen and (max-width: 1366px){
	h1, .title { font-size:2.5em; }
	#leftcol .text, .textsm { font-size:1.25em; }
}
@media screen and (max-width: 1280px){
	h1 { font-size:3em; }
	.title { font-size:2.2em; }
	#leftcol .text { font-size:1.5em; }
	.textsm { font-size:1.1em; }
	#leftcol { width:45.593%; }
	#fillcol { width:29% }
	#vidcol { left:48.677%; width:51.323%; }
	#rightcol { width:21% }
	#videobox { width:100%; padding-top:75%; background-image:url(img/video-box-with-wall-1280.jpg) }
}
@media screen and (max-width: 1100px){
	h1, .title { font-size:2.666em; }
	#leftcol .text { font-size:1.333em; }
	.textsm { font-size:0.978em; }
	.menutext { font-size:0.8em; }
}
@media screen and (max-width: 1024px){
	.text { font-size:0.9em }
	#desc.text { font-size:1.1em; }
	h1, .title { font-size:2.5em; }
	#leftcol .text { font-size:1.25em; }
	.textsm { font-size:0.8em; }
}
@media screen and (max-width: 890px){
	h1, .title { font-size:2.333em; }
	#leftcol .text { font-size:1.167em; }
}
@media screen and (max-width: 840px){
	h1, .title { font-size:2em; }
	#leftcol .text { font-size:1em; }
	.textsm { font-size:0.7em; }
	#desc.text { font-size:1.1em; }
}
@media screen and (max-width: 768px){
	#mainpage { background-image:url(img/ue-bg-600.png); }
	h1, .title { font-size:1.833em; }
	#leftcol .text { font-size:0.916em; }
	.textsm { font-size:0.6em; }
	#vidcol { left:49%; }
	#desc.text { font-size:1em; }
}
@media screen and (max-width: 670px){
	h1, .title { font-size:1.666em; }
	#leftcol .text { font-size:0.833em; }
	#desc.text { font-size:1em; }
}
@media screen and (max-width: 640px){
	h1, .title { font-size:1.9em; }
	#leftcol .text { font-size:1em; }
	.textsm { font-size:0.7em; }
	#leftcol { width:44.916%; }
	#vidcol { left:49%; width:100%; }
	#videobox { width:51.25%; padding-top:75%; background-image:url(img/video-box-with-wall-640.jpg) }
}
@media screen and (max-width: 601px){
	h1, .title { font-size:1.7em; }
	#leftcol .text { line-height:1.9em }
}
@media screen and (max-width: 535px){
	h1, .title { font-size:1.5em; }
	#leftcol .text { font-size:0.916em; }
	.textsm { font-size:0.6em; }
}
@media screen and (max-width: 480px){
	h1, .title { font-size:1.4em; }
	#leftcol .text { font-size:0.9em; }
	#leftcol .text { line-height:1.6em }
}
@media screen and (max-width: 460px){
	h1, .title { font-size:1.3em; }
	#leftcol .text { line-height:1.4em; }
}
@media screen and (max-width: 415px){
	#mainpage { background-image:url(img/ue-bg-360.png); }
	h1, .title { font-size:2.166em; }
	#leftcol .text { font-size:1.083em; }
	.textsm { font-size:0.794em; }
	#leftcol { margin-left:6.824%; width:80.905%; }
	#fillcol { width:0%; }
	#leftfill { margin-top:70%; }
	#rightcol { margin-left:-80%; }
	h1 { margin:0.2em 0em; }
	#leftcol .text { line-height:1.2em; text-shadow:4px 4px 1px #000; }
	#vidcol { left:6.824%; width:167.979% }
}
@media screen and (max-width: 399px){
	h1, .title { font-size:1.9em; }
	#leftcol .text { font-size:1em; }
	.textsm { font-size:0.7em; }
	#leftcol .text { line-height:1.3em; text-shadow:4px 4px 1px #000; }
}
@media screen and (max-width: 375px){
	#leftcol .text { line-height:1.2em; text-shadow:4px 4px 1px #000; }
	#leftfill { margin-top:62%; }
}
@media screen and (max-width: 370px){
	#leftcol .text { line-height:1.1em; text-shadow:4px 4px 1px #000; }
}
@media screen and (max-width: 360px){
	h1, .title { font-size:1.6em; }
	#leftcol .text { font-size:0.916em; }
	.textsm { font-size:0.6em; }
	#leftcol .text { line-height:1.3em; text-shadow:4px 4px 1px #000; }
}
@media screen and (max-width: 350px){
	#leftcol .text { line-height:1.2em; text-shadow:4px 4px 1px #000; }
	#leftfill { margin-top:63%; }
}
@media screen and (max-width: 342px){
	#leftcol .text { line-height:1.1em; text-shadow:4px 4px 1px #000; }
}
@media screen and (max-width: 333px){
	h1, .title { font-size:1.4em; }
	#leftcol .text { font-size:0.9em; }
	#leftcol .text { line-height:1.2em; text-shadow:4px 4px 1px #000; }
}
@media screen and (max-width: 330px){
	h1, .title { font-size:1.9em; }
	#leftcol .text { font-size:1em; }
	.textsm { font-size:0.7em; }
	#leftcol { margin-left:1%; width:96%; }
	#fillcol { width:0%; }
	#leftfill { margin-top:-65%; }
	#rightcol { margin-left:-80%; }
	h1 { margin:0.25em 0em; }
	#leftcol .text { line-height:1.3em; text-shadow:4px 4px 1px #000; }
	#vidcol { left:0%; width:196% }
}
@media screen and (max-width: 320px){
	#leftfill { margin-top:-75%; }
}