/* -------------- Revised 2018 Mobile friendly ------------ */

#ESlogo{
	width: 100%;
	max-width:220px; 
	position:fixed; left:20px; top:20px;
	z-index:52;
}

@media(max-width:768px){#ESlogo{width:100%; max-width:220px; position:fixed; left:20px; top:20px;}}

@media(min-width:600px){#ESlogo{width:100%; max-width:340px; position:fixed; left:20px; top:20px;}}

@media(min-width:768px){#ESlogo{width:100%; max-width:340px; position:fixed; left:20px; top:20px;}}

@media(min-width:992px){#ESlogo{width:100%; max-width:340px; position:fixed; left:50px; top:50px;}}

@media(min-width:1200px){#ESlogo{width:100%; max-width:340px; position:fixed; left:50px; top:50px;}}

@media(min-width:1360px){#ESlogo{width:100%; max-width:340px; position:fixed; left:50px; top:50px;}}


#MobContainer{
	margin-top:0px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
		}	

@media(min-width:768px){#MobContainer{width:600px;}}


#MobContent{font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;}
	
@media(max-width:600px){#MobContent{
	padding-top: 46px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	z-index:50;
    overflow:auto;
	position:relative;
	}}
	
@media(min-width:600px){#MobContent{
	padding-top: 70px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	z-index:50;
    overflow:auto;
	position:relative;
	}}
	
	
@media(min-width:768px){#MobContent{
	padding-top: 90px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	z-index:50;
    overflow:auto;
	position:relative;
	}}
	
	
@media(min-width:992px){#MobContent{
	padding-top: 120px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	z-index:50;
    overflow:auto;
	position:relative;
	}}
	
	
@media(min-width:1280px){#MobContent{
	padding-top: 140px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	z-index:50;
    overflow:auto;
	position:relative;
	}}
		
	
@media(min-width:1680px){#MobContent{
	padding-top: 200px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	z-index:50;
    overflow:auto;
	position:relative;
	}}		
	
	
	


video {
	display:block;
   width:95%;
   margin-left:auto;
   margin-right:auto;
   margin-top:25%;
   border:none
}


@media(max-width:600px){video {
   display:block;
   width:95%;
   margin-left:auto;
   margin-right:auto;
   margin-top:35%;
   border:none
}}


@media(min-width:600px){video {
   display:block;
   width:95%;
   margin-left:auto;
   margin-right:auto;
   margin-top:30%;
   border:none
}}


@media(min-width:768px){video {
   position: absolute;
   display:block;
   top: 50%;
   left: 50%;
   width: 750px;
   height: 420px;
   margin-top: -210px; /* Half the height */
   margin-left: -375px; /* Half the width */
}}

@media(min-width:992px){video {
   position: absolute;
   display:block;
   top: 50%;
   left: 50%;
   width: 840px;
   height: 472px;
   margin-top: -236px; /* Half the height */
   margin-left: -420px; /* Half the width */
}}

@media(min-width:1200px){video {
   position: absolute;
   display:block;
   top: 50%;
   left: 50%;
   width: 980px;
   height: 550px;
   margin-top: -275px; /* Half the height */
   margin-left: -490px; /* Half the width */
}}


/*@media(min-width:1360px){video {
   position: absolute;
   display:block;
   top: 50%;
   left: 50%;
   width: 1140px;
   height: 640px;
   margin-top: -320px;
   margin-left: -570px;
}}*/


/*@media(min-width:700px){video{
	   display:block; width:100%; border:none;
	   	
	   }}*/


	/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {...} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}






/* ------------------------------  Footer credit ------------------------------ */



#credit, #aboutCredit{
	color:#FFF;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.7em;
	z-index:50;
}


@media(max-width:600px){#aboutCredit{
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	text-align:right;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;}}
	
	

@media(max-width:600px){#credit{
	position:fixed;
	bottom:20px;
	right:20px;
	text-align:right;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;}}
	
	
@media(min-width:600px){#credit, #aboutCredit{
	position:fixed;
	bottom:20px;
	right:20px;
	text-align:right;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;}}


@media(min-width:768px){#credit, #aboutCredit{
	position:fixed;
	bottom:20px;
	right:20px;
	text-align:right;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;}}
	
@media(min-width:992px){#credit, #aboutCredit{
	position:fixed;
	bottom:50px;
	right:50px;
	text-align:right;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;}}

@media(min-width:1200px){#credit, #aboutCredit{
	position:fixed;
	bottom:50px;
	right:50px;
	text-align:right;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;}}
	
@media(min-width:1360px){#credit, #aboutCredit{
	position:fixed;
	bottom:50px;
	right:50px;
	text-align:right;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;}}
	
	
	

/* -------------- OUT Revised 2018 Mobile friendly ------------ */






/* //////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////// */




/* This following retained and adapted from 2008 site redesign*/
html body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font:16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#000;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: -1;
	top:0;
	left:0;
}


@media(min-width:768px){html body{
	}}


	object{
	outline:none;
}


.index{
	background-image:url(images/bground2021/bdrop06v.jpg);
	background-color:#000;
	}

@media(min-width:768px){.index{
	background-image:url(images/bground2021/bdrop06.jpg);
	background-color:#000;
}} 
	
	
	
.about{
	background-image:url(images/bground2021/bdrop06v.jpg);
	background-color:#000;
	}
	
	@media(min-width:768px){.about{
	background-image:url(images/bground2021/bdrop06.jpg);
	background-color:#000;}}