.mainbox { width:95%; max-width:1200px; margin:0 auto; }

#wb_menu { box-sizing:border-box; width:100%; max-width:1250px; margin:0 auto; padding:10px 0 15px 0; text-align:center; }
#wb_menu .xmenu { display:inline-block; padding:0 25px; vertical-align:middle; text-align:center; white-space:nowrap; line-height:64px; font-size:18pt; font-weight:bold; color:#444; }
#wb_menu .xmenu:hover { color:#d119a6; }
#wb_menu .xmenu.active { color:#d119a6; }
#wb_menu .xicon { display:inline-block; box-sizing:border-box; width:54px; height:54px; border-radius:50%; border:3px solid #d119a6; background-size:80% 80%; background-position:center center; background-repeat:no-repeat; vertical-align:middle; opacity:0.7; }
#wb_menu .xmenu:hover .xicon { opacity:1; }

.wb_notfound { width:70%; max-width:800px; margin:30px auto; padding:80px 10px; border-radius:20px; border:2px dashed #ddd; text-align:center; font-size:20pt; text-shadow:1px 1px 0px #fff; color:#bbb; }

@media(max-width:1200px) {
	#wb_menu .xmenu { padding:0 20px; }
}
@media(max-width:780px) {
	#wb_menu .xmenu { padding:0 20px 0 10px; font-size:18pt; line-height:40px; }
}
@media(max-width:500px) {
	.mainbox { width:98%; }
	#wb_menu .xmenu { padding:0 15px 0 5px; font-size:16pt; }
	#wb_menu .xicon { width:44px; height:44px; }
	.wb_notfound { width:80%; margin:20px auto; padding:50px 5px; font-size:14pt; }
}
@media(max-width:400px) {
	#wb_menu .xmenu { font-size:14pt; }
}