body { 
	/* background: url('images/nature1.jpg') no-repeat center center fixed; */
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover; 
	 } 
	#home { position: absolute; top: 10px; left: 100px; width: 80px; }
	button { position: absolute; top: 14px; left: 11%; width: 140px; }
    .container { display: flex; margin-top: 70px; }
    .right-column { margin-top: -20px; width: 100%; background-color: #fff; padding: 2px; }*/
    .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; }
    .video-container iframe { 
		position: absolute; top: 0; left: 0; 
		width: 100%; height: 100%; text-align: center;
	}
    @media screen and (max-width: 768px) { .container { flex-direction: column; }.left-column, .right-column { width: 100%; }  }
	.vertical-menu   { margin-top: 0px; width: 100%; background-color: #f4f4f4; overflow-y: auto; height: 100%; list-style-type:none; }
	.vertical-menu a { display: block; padding: 3px; text-decoration: none; font-size: 12px; font-weight:bold;}
	.vertical-menu a:hover { background-color: #3c3c45; color: #fff; }
	.title { background: #3c3c45; width:1200px; font-size: 24px; text-align: center; }
    
	.header { background-color: #3c3c48; color: yellow; height: 60px; position: fixed; align-items: center;
		top: 0;	left: 0; width: 100%; z-index: 1; display: flex; padding: 0 20px;
	}
	.header img.left  { position: absolute; top: -13px; left: 10px; width: 80px; height: 80px; }
    .header img.right { position: absolute; top: -1px; right: 10px; width: 60px; height: 60px; }
	
	img { width: 4%; }
	button { width: 150px; }
	a      { margin-left: 20px; width: 150px; z-index: 99; }
	li a   { width: 200px; }
	.mov   { position: absolute; top:90px; left: 400px;  z-index: 99; }
	myTop  { margin-top: -60px; }