html { 
  background-image: url('../images/bg.jpg');
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-position: center center;
  font-family: 'EB Garamond', serif;
}

#container {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -200px;
  margin-left: -590px;	
}

#containerInner {
	width: 1150px;	
}

#title {
	
	margin-top: 320px;
		
}

#slogan {
	color: #5180B7;
	display: none;
	font-family: 'EB Garamond', serif;
	font-size: 25px;
	font-weight: 100;
	margin-top: 11px;
	text-align: right;
	width: 484px;
}

#enterlink {
	color: #999999;
	cursor: pointer;
	display: none;
	font-family: 'EB Garamond', serif;
	font-size: 22px;
	font-weight: 100;
	margin-top: 17px;
	text-align: right;
	width: 484px;
}

#enterlink a:link { COLOR: #999; TEXT-DECORATION: none; }
#enterlink a:visited { COLOR: #999; TEXT-DECORATION: none; }
#enterlink a:active { COLOR: #999 }
#enterlink a:hover { COLOR: #666; TEXT-DECORATION: none; }


@media screen and (max-width: 1324px) {
	
	html {
		background-position: center right;
	}
	
	#container {
		margin-left: -45%;
		width: 488px;
	}
	
	#containerInner {
		width: 100%;
	}
	
	#containerInner #title img {
		width: 100%;
	}
	
	#containerInner div {
		float: right;
	}
	
}

@media screen and (max-width:1030px) {
	html {
		background-image: url('../images/bg-mob-port-large.jpg');
		background-repeat: no-repeat;
		background-attachment:fixed;
  		background-position: top 20px center;
	}
	
	#container {
     	position:absolute;
	     width:300px;
	     height:160px;
	     z-index:15;
	     top:auto;
	     bottom:10%;
	     left:50%;
	     margin:0px 0 0 -150px;
	}
	
		
	#container #title {
		margin-top: 50px;
	}
	
	#container div {
		display: inline-block;
		margin-top: 10px;
	}
}

@media screen and (max-height: 800px) and (max-width:1030px) {
	html {
		background-image: url('../images/bg-mob-port-mid.jpg');
		background-repeat: no-repeat;
		background-attachment:fixed;
  		background-position: top 20px center;
	}
	
	#container {
     	position:absolute;
	     width:300px;
	     height:160px;
	     z-index:15;
	     top:auto;
	     bottom:0%;
	     left:50%;
	     margin:-100px 0 0 -150px;
	}
	
		
	#container #title {
		margin-top: 50px;
	}
	
	#container div {
		display: inline-block;
		margin-top: 10px;
	}
}


@media screen and (max-height: 720px) and (max-width:1020px) {
	html {
		background-image: url('../images/bg-mob-port.jpg');
		background-repeat: no-repeat;
		background-attachment:fixed;
  		background-position: top 20px center;
	}
	
	#container {
     	position:absolute;
	     width:300px;
	     height:160px;
	     z-index:15;
	     top:auto;
	     bottom:0%;
	     left:50%;
	     margin:-100px 0 0 -150px;
	}
	
		
	#container #title {
		margin-top: 50px;
	}
	
	#container div {
		display: inline-block;
		margin-top: 10px;
	}
}



@media screen and (max-width:480px) {
	html {
		background-image: url('../images/bg-mob-port.jpg');
		background-repeat: no-repeat;
		background-attachment:fixed;
  		background-position: top 20px center;
	}
	
	#container {
     	position:absolute;
	     width:300px;
	     height:160px;
	     z-index:15;
	     top:auto;
	     bottom:0;
	     left:50%;
	     margin:-100px 0 0 -150px;
	}
	
		
	#container #title {
		margin-top: 50px;
	}
	
	#container div {
		display: inline-block;
		margin-top: 10px;
	}
}


@media screen and (max-height: 460px) {
	html {
		background-image: url('../images/bg-mob-land.jpg');
		background-repeat: no-repeat;
		background-attachment:fixed;
  		background-position: top 20px center;
	}
	
	#container {
     	position:absolute;
	     width:300px;
	     height:160px;
	     z-index:15;
	     top:auto;
	     bottom:0;
	     left:50%;
	     margin:-100px 0 0 -150px;
	}
	
		
	#container #title {
		margin-top: 50px;
	}
	
	#container div {
		display: inline-block;
		margin-top: 10px;
	}
}

@media screen and (max-height: 300px) {
	html {
		background-image: url('../images/bg-mob-land-small.jpg');
		background-repeat: no-repeat;
		background-attachment:fixed;
  		background-position: top 20px center;
	}
	
	#container {
     	position:absolute;
	     width:300px;
	     height:160px;
	     z-index:15;
	     top:auto;
	     bottom:0;
	     left:50%;
	     margin:-100px 0 0 -150px;
	}
	
		
	#container #title {
		margin-top: 50px;
	}
	
	#container div {
		display: inline-block;
		margin-top: 10px;
	}
}