@charset "utf-8";
@font-face { 
	font-family: 'sonfon'; 
	src: url('../media/fonts/sonfon.ttf');
}

.logosq {
	margin: 8px;
	height: 42px;
	float: left;
	border-radius: 0;
}

a.mnav {
	text-decoration: none;
	font-size: 24px;
	font-weight: 600;
	color: var(--bc1);
	padding: 6px 6px;
	border: 2px solid transparent;
}
a.mnav:hover {
	text-decoration: none;
	color: var(--bc2);
	border: 2px solid var(--bc2);
}

a.tnav.pointernav {
	text-decoration: underline;
	color: var(--vci1);
}
a.tnav.pointernav:hover {
	text-decoration: none;
}

a.mnav.pointernav {
	text-decoration: none;
	color: var(--vc1);
	background-color: var(--bc3);
}
a.mnav.pointernav:hover {
	text-decoration: none;
	color: var(--vc2);
	background-color: var(--bc1);
}

.ddmain {
	background: rgba(0,0,0,0.7);
}

.ddmain a {
	text-decoration: none;
	font-size: 22px;
	font-weight: 600;
	color: var(--vci1);
	display: block;
	padding: 8px 8px;
}

.ddmain a:hover {
	text-decoration: none;
	color: var(--bc1);
}


.ninanav, .fodnavline {
	color: var(--vc1);
	background-color: var(--bc2);
}

.topnavline {	
	color: var(--vci1);
	background-color: var(--hdc);
}

.topnav > .linav {
	padding-top: 6px;
	padding-bottom: 0px;
	display: inline-block;	
}

.topnavline > .topnav > .linav {
	margin-top: -4px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;	
}

.note {
	position: absolute;
	top: 150px;
	left: 25vw;
	width: 50vw;
	z-index: 1000;
}

	.fullimg {
		width: 100%;
		border-radius: 8px;
	}
	
	section {
		background: var(--bdc);
	}
	
.lead {
	text-align: justify;
}
	
	.borderstd {
		border-radius: 8px;
	}

@media only screen and (min-width: 1600px) {
	section {
		width: 1540px;
		margin: 0 auto; 
		margin-top: 40px;
		border-radius: 12px;
		padding: 8px;
	}

	section.fc {
		margin-top: 100px;
	}
	
}


/*		Wide Mobile Layout: 720px.   */

@media only screen and (min-width: 992px) and (max-width: 1599px) {
	a.mnav {
		font-size: 1.75vw;
				
		padding: calc(32px - 1.75vw) 8px;
	}
.note {
	width: 64vw;
	left: 18vw;
}
	section {
		width: 100%;
		margin-top: 40px;
		border-radius: 8px;
		padding: 8px;
	}
	section.fc {
		margin-top: 100px;
	}

}

/*		Small Mobile Layout: 480px.   */

@media only screen and (max-width: 991px) {
.note {
	width: 80vw;
	left: 10vw;
}	
	section {
		width: 100%;
		margin-top: 40px;
		border-radius: 8px;
		padding: 8px;
	}

	section.fc {
		margin-top: 100px;
	}

}