@charset "UTF-8";




/****************  for index.html  ****************/

h3.whatNew {
	text-align: center;
	color: #FFAF00;
	font-size: 24pt;
	margin-top: 1em;
}

ul.mainMenu {
	margin: 1.2em auto;
	list-style-type: none;
}

ul.mainMenu li {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	text-shadow: 4px 4px 6px #60A060;
}

ul.mainMenu li a {
	text-decoration: none;
	font-weight: bold;
}

ul.mainMenu li a:hover {
	position: relative;
	left: -2px;
	top: -2px;
	text-shadow: 8px 8px 12px #60A060C0;
}

/*
ul.mainMenu li:nth-child(1) {
	text-align: left;
	margin-left: 8%;
}

ul.mainMenu li:nth-child(2) {
	text-align: center;
}

ul.mainMenu li:nth-child(3) {
	text-align: right;
	margin-right: 8%;
}
*/

ul.mainMenu li {
	margin-left: 8%;
}

div#whatNewContainer {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.whatNew_day {
	font-size: 12pt;
	text-align: center;
	margin-left: 40%;
	margin-bottom: 1em;
}

p.whatNew_text {
	font-size: 96%;
}

ul.whatNew_list {
	font-size: 80%;
	margin-left: 4em;
	margin-bottom: 4em;
}








/********************************  responsive  ********************************/
@media screen and (max-width: 639px) {

	
	ul.mainMenu li:nth-child(n) {
		text-align: left;
		margin-left: 1em;
		margin-right: 1em;
	}

	p.whatNew_text {
		font-size: 96%;
	}
	
	ul.whatNew_list {
		font-size: 90%;
		margin-left: 10%;
	}


}