header{ padding:.0; background-color:#303030; color:#FFF; text-align:center }
header > div{ padding:.5rem; border-bottom:dashed 1px #999 }
header > div:last-child{ border-bottom:0 }
header > div#compname{ color:#CCC }
header > div#scompname{ color:#FC0 }

#mainmenu{ width:100% }
#mainmenu > ul{ width:99%; padding:0.5%; margin:0; font-size:0 }
#mainmenu > ul > li{ display:inline-block; width:31%; height:38.8vw; padding:.5rem 0; margin:1%; background-color:#FFF; border-radius:.5rem; box-sizing:border-box; vertical-align:top }
#mainmenu > ul > li > .picture{ width:80%; height:24.8vw; margin:0 auto }
#mainmenu > ul > li > .picture > img{ width:100%; height:auto }
#mainmenu > ul > li > .caption{ margin:.3rem 0; color:#0F3C66; font-size:1rem; font-weight:bold; text-align:center }
#mainmenu > ul > li:active{ background-color:#E9E9E9 }
#mainmenu > ul > li:active > .caption{ color:#2F5C86 }
#mainmenu > ul > li.markingmenu{ display:none }

#mainmenu > ul.adminmenu{ display:none }
#mainmenu > ul.adminmenu > li{ background-color:#AFE7BC }
#mainmenu > ul.adminmenu > li:active{ background-color:#E9E9E9  }

@media(min-width:481px){ /* Landscape */
	#mainmenu > ul > li{ width:17.8%; height:22.25vw; margin:1% }
	#mainmenu > ul > li > .picture{ height:14.24vw }
}


@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){/* Samsung Galaxy S4 */
	#mainmenu:before{ content:'Samsung Galaxy S4'; display:block; text-align:center; padding:1rem 0; }
}