/*
light-red	color: #c30025;	old: #ea0032
dark-red1	color: #551717; rgb(85, 23, 23)
dark-red2	color: #880002;
light-blue	color: #4bfeff; rgb(75, 254, 255)
grey1		color: #A5A5A5;
grey2		color: #A9A9A9;
*/

html,body{
	width:100%;
	height:100%;
	font-size:100%; /* 100% ^= 16px */;
	background-color: #4bfeff;
	padding:0px;
	margin:0px;
}
div{
	width:100%;
}

*{
	font-size:100%;
	font-family:arial,helvetica;
	color:#4bfeff;
	letter-spacing:1px;
	text-decoration:none;
}

#content{
	position:relative;
	top:8%;
	width:100%;
	height:81%;
	padding:0px;
	margin:0px;
	text-align:center;
	border: 0px solid #4bfeff;	
	background-color: #4bfeff;/*#880002;*//* #4bfeff;*/
	background-image: url("../images/20180818_225935 (2)_PS6-2-C1.jpg");
	background-repeat:no-repeat;
	background-position-y:0px;
	background-size:100% 100%; /* 100% 100%;*/ /*auto auto; *//*100% 100%*/
	background-origin: padding-box; /* padding-box|border-box|content-box|initial|inherit */
	background-clip: border-box; /* border-box|padding-box|content-box|initial|inherit */
	background-attachment: scroll; /* scroll|fixed|local|initial|inherit */

}
@media (max-width: 479px){
	#content{
		top:0;
		height:100%;
	}
}
@media (max-height: 634px) {
	#content{
		top:0;
		height:100%;
	}
}

.text-box{
	background-color: rgba(85, 23, 23, 0.2);
	padding-top:1%;
	padding-bottom:20px;
	margin-top:0%;
	overflow:auto;
	height:100%;
}
.maxwidth{
	max-width:600px;
	margin:auto;
}
h1, h2, p{
	font-weight:normal;
	text-align:center;
	width:100%;
}	
h1{
	font-size:200%; /* 100% ^= 16px */;
	letter-spacing:3.2px;
}
h2{
	font-size:150%; /* 100% ^= 16px */;
}
p{
	font-size:100%; /* 100% ^= 16px */
	line-height:125%; /* 125% ^= 20px */
	font-weight:normal;
	margin: 16px 0px 0px 0px;
	padding: 0px;
}

ul{
	font-size:100%; /* 100% ^= 16px */
	line-height:125%; /* 125% ^= 20px */
	font-weight:normal;
	margin: 16px 0px 0px 16px;
	padding: 0px;
	list-style-type: square;
}


a{
	font-size:100%;
	color:#4bfeff;
}
a:before, /* Fallback IE 8 */
a::before{ 
	content:"";
}
a:link{
	color:#4bfeff;
	text-decoration:none;
}
a:visited{
	color:#4bfeff;
	text-decoration:none;
}
a:hover{
	color:#4bfeff;
	text-decoration:underline;
}
a:hover:before,
a:hover::before	{content: "";}
a:active		{text-decoration:underline;}


.text-separator:before{
	content: '\00A0\02013\00A0';
}

/* AUDIO PLAYER */

#audionav{
	/* display:none; */ /*disabled for 1 demo */
	vertical-align:top;
	line-height:20px;
	margin:auto;
}
#audionav ol{
	margin:auto;
	max-width:160px;
}
#audionav ol li{
	text-align:left;
	Xdisplay:none;
	cursor:pointer;
}

#audionav ol li:before{
	content:'\025B8';
	font-size:20px;
	position:relative;
	line-height:16px;
	top:2px;
}
#audionav ol li.active:before{
	color:#880002;
}

#audiofigurecaption{
	display:none; /* disabled for 1 demo */
}

#audiofigure{
	display:block;

	margin:0px;
	margin-top:8px;
	padding:0px;
	opacity:0.5;
}

#audioplayer{
	width:100%;
	max-width:400px;
	/*height:24px;*/
	background-color:#4bfeff;
	margin: 0px auto 0px auto;

}