a.soc:hover {
	opacity: 0.7;
	-webkit-filter: grayscale(7);
    filter: grayscale(0.7);
	transition: 0.5s ease-in-out;
	cursor:progress;
	}
#header{
	height: auto; width: 100%;
	}
#header_inf{
	margin: auto;
	height: 280px;
	width: 100%;
	background-color: rgba(239,239,239,0.78);
	position: relative;
	font-size: 1.5em;
	}
@media only screen and (max-device-width: 780px){
	#header_inf	{
	height: 310px;
	font-size:1.75em;
	}
}
#header #header_inf #apDiv17 {
	width: 552px;
}
#apDiv2 { background-color: rgba(231,231,231,0.8); 
}
@media only screen and (max-device-width: 780px){
	#apDiv2{
		background-color: rgba(253,247,247,0.9);
	}
}

@media only screen and (max-device-width: 780px){
	#info{
	font-size:1.5em;
	}	
}
@media only screen and (max-device-width: 780px){
#sponsor {
	padding:4px;
	font-size :8px;
	border: 2px solid;
	border-color: rgba(255,255,255,1);
	background-color: rgba(204,204,204,0.5);
}
}
#sponsor {
	text-decoration:none;
	font-size :14px;
	text-align:right;
	padding:4px;
	border: 2px solid;
	border-color: rgba(255,255,255,1);
	background-color: rgba(204,204,204,0.5);
	text-decoration: none;
	}
.sponsor {
	text-decoration: none;
	color:rgba(0,0,0,1);
}
	

@media only screen and (max-device-width: 780px){
#person_head {
	font-size :12px;
	border: 2px solid;
	border-color: rgba(255,255,255,1);
	background-color: rgba(204,204,204,0.9);
}
}
#person_head {
	border: 2px solid;
	border-color: rgba(255,255,255,1);
	background-color: rgba(204,204,204,0.9);
	}
.epilog {
	text-align: right;
	background-color: rgba(255,255,255,1);
	padding: 10px;
	border: 2px solid;
	border-color: rgba(123,208,45,1);
	font-style: italic;
	font-size: 16px;
	}
@media only screen and (max-device-width: 780px){
.epilog {
	font-size :14px;
}
}	
.forcedgallery, .forcedgallery2 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	text-align: justify;
	}
@media only screen and (max-device-width: 780px){
.forcedgallery, .forcedgallery2 {
	font-family:Arial, sans-serif;
	font-size: 12px;
	}	
	}

#up{
	position: fixed;
	bottom: 2px;
	width: 980px;
	height: auto;
	}
#up_info{
	text-align: center;
	margin: auto;
	padding: 4px 0;
	background-color: rgba(192,192,192,1.00);
}
@media only screen and (max-device-width: 640px){
#up_info{
	width: 964px;
	text-align: center;
	margin: auto;
	padding: 10px;
	background-color: rgba(174,182,173,0.9);
}
	}	
.up {
	text-decoration: none;
	font-family:Arial, sans-serif;
	color:rgba(0,0,0,1);
	background-color: rgba(185,192,184,0.9);
	font-size:14px;
	}
.up :hover {
	color: rgba(51,51,51,1);
	background-color: rgba(185,192,184,1);
	font-size: 18px;
	}
@media only screen and (max-device-width: 640px){
.up {color: rgba(51,51,51,1);
	background-color: rgba(185,192,184,1);
	font-size: 40px;}
	}
@media only screen and (max-device-width: 640px){
.up :hover {color: rgba(51,51,51,1);
	background-color: rgba(185,192,184,1);
	font-size: 40px;}
	}
.bottom {
	height: 30px;
}
@media only screen and (max-device-width: 640px){
.bottom { height:60px;}
	}				
body {
	position: absolute;
	background-attachment: fixed;
	background-size: 120%;
	background-position: center;
	width: 100%;
	height: 100%;
	background-image: url(img/info300.png);
	/* [disabled]background-color: rgba(226,187,130,1.00); */
	background-color: rgba(0,80,94,0.8);
	margin: 4px 0px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
#person_botom {
	border: 2px solid;
	border-color: rgba(255,255,255,1);
	text-align: right;
	font-size: 14px;
	padding: 4px;
	}	
.padding1 {padding: 2px; background-color: rgba(102,102,102,1);
	}
.padding2 {padding: 2px; background-color: rgba(204,204,204,1);
	}
.youtube:hover{
	opacity: 0.7;
	-webkit-filter: grayscale(7);
    filter: grayscale(0.7);
	transition: 0.5s ease-in-out;
	cursor: progress;
	}
.chrome, .yout {
position: absolute;
}	
_:-ms-lang(x) .ie11up, .yout{
position: relative;
}
.play{
	margin: auto;
	width: 72px;
	height: 62px;
	top: -210px;
	position: relative;
	z-index:0;
}
.play:hover{
	background-color: rgba(255,255,255,0.1);
	z-index:10;
	}
/* 20190301
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

/* CSS Document */
:focus {
	outline-color: #CCC;
	outline-style: none;
	outline-width: 0px;
}
#cboxOverlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.9);
}
#cboxLoadedContent iframe{
	overflow:hidden;
	width: 98%;
	height: 90%;
	border: solid #CCC 5px;
	border-radius: 5px;
	margin:auto;
}
#cboxLoadedContent{
	width: 861px;
	overflow: hidden;
	height: 609px;
}
#cboxWrapper{

	}
#cboxClose{
	font-size:1.5em;
	margin:auto;
	padding:1%;
	width:99%;
	border: solid #CCC 5px;
	border-radius: 5px;
	}
@media only screen and (max-device-width: 780px) {
#cboxClose{
	font-size:3em;}
	}	
#cboxClose:hover {
	zoom: 150%;
	}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
	
.aaa {
	font-size: 12px;
}
