body { overflow:hidden; }

#home-container, #home { background:var(--orange); width:100%; height:100vh; }
#home { width:100%; height:90vh; }
#home-container { max-width:800px; max-height:800px; width:100%; height:100%; position:relative; }

#menu-close { position:absolute; top:12%; right:12%; width:60px; height:60px; border-radius:100%; border:1px solid #fff; cursor:pointer; z-index:10; overflow:hidden; }
#menu-close img { width:100%; }

#menu { position:absolute; width:50%; z-index:10; text-align:center; }
#menu p { color:var(--white); cursor:default; font-weight:400; }
#menu ul li span { color:var(--white); cursor:pointer; display:inline-block; padding:20px; border-radius:8px; background:rgba(255,255,255,.1); margin:10px 0; font-weight:800; }
#menu ul li:first-child span { background:var(--white); color:#000; }
#menu p, #menu ul li span { font-size:20px; line-height:28px; }

.home-no { opacity:0!important; }

#home-footer { position:absolute; width:100%; bottom:0; left:0; background:none; padding:0 0 40px; min-height:inherit; }
#home-footer * { font-size:12px; }
#home-footer .copyright-2 { display:none!important; }

#home-container .lang-button { width:50px; height:50px; cursor:pointer; position:fixed; top:25px; right:25px; }
/*
#home-container .lang-button { opacity: 0; }
@media (max-width:960px) {
	#home-container .lang-button { width:30px; height:30px; top:35px; right:100px; }
}
*/
/* ////// */

@media (max-width:500px), (max-height:500px) {
	#menu ul li span { padding:10px; margin:5px 0; }
	#menu p, #menu ul li span { font-size:14px; line-height:20px; }
	#menu-close { top:14%; right:14%; width:40px; height:40px; }
}
@media (max-width:300px), (max-height:300px) {
	#menu p { display:none; }
	#menu-close { top:18%; right:18%; width:30px; height:30px; }
}