a {
	text-decoration: none;
}

.menu {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 auto;
	margin-bottom: 10px;
	justify-content: center;
	width: 600px;	
}	

.link {
	text-decoration: none;
	color: black;
}

.languages {
	text-align: center;
}

.languages img {
	width: 95vw;
}

.bottom {
	width: 600px;
	text-align: center;
	margin: 0 auto;
}

.m {
	padding: 5px;
	border-radius: 10px;
	background-color: #eee;
	cursor: pointer;
	border: solid 1px #bbb;
}

.t, .content {
	text-align: justify;
	border: solid 1px #ddd;
	padding: 5px;
	border-radius: 10px;
	background-color: #efe;
	font-size: 14pt;
	max-width: 600px;
	margin: 5px auto;
}	

.scroll_panel {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50px;
	transition: background 0.2s ease;
}
.scroll_panel:hover {
	background: #eee; 
}
 
/* Наверх */
#scroll_top {
	display: block;
	width: 100%;
	height: 50%;	
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
 	opacity: 0.5;
	transition: background 0.2s ease;
}
#scroll_top span {
	display: block;
	width: 100%;	
	position: absolute;
	left: 0;	
	top: 20px;
}
#scroll_top:hover {
	background: #ddd;  	
	opacity: 1;
}
 
/* Вниз */
#scroll_bottom {
	display: block;
	width: 100%;
	height: 50%;	
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
 	opacity: 0.5;
	transition: background 0.2s ease;
}
#scroll_bottom span {
	display: block;
	width: 100%;	
	position: absolute;
	left: 0;	
	bottom: 20px;
}
#scroll_bottom:hover {
	background: #ddd; 
 	opacity: 1;
}
 
/* Скрытие панели при маленькой ширине окна */
@media screen and (max-width: 600px) {
	.scroll_panel {
		display: none;
	}
}

.top {
	width: 100px;
	margin: 0 auto;
	text-align: center;
}

.img, .video {
	width: 600px;
}

.video {
	height: 450px;
}

/* мобильные */
@media (max-width: 599.99px) {

	.menu {
		width: 99vw;	
	}	

	.text {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.t {
		font-size: 4vw;
	}

	.img, .video, .bottom {
		width: 93vw;
	}

	.video {
		height: 70vw;
	}

}