.menu {
	display:flex;
	flex-direction:column;
	margin:60px auto;
	width:600px;
	max-width:100%;
}

.menu__list {
	display:flex;
	flex-direction:column;
	flex-grow:1;
	margin:24px 0 8px;
	align-items: center;
	
}

.menu__item {
	text-transform:uppercase;
	cursor:pointer;
	margin:8px 0;
	font-size:16px;
	transition:all 0.25s ease;
	position:relative;
	white-space:nowrap;
	padding-left:36px;
	box-sizing:border-box;
}

.menu__item_active {

}

.menu__item span {
	position:absolute;
	left:0;
	top:0;
}

.menu__view {
	width:100%;
	padding-bottom: 66.667%;	
	position:relative;
	height: 0;
}
.menu__slider {
	display:none;
}

.menu__photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	
	opacity:0;
	transition:all 0.25s ease;
}
.menu__photo_active {
	opacity:1;
}

@media screen and (max-width:1000px){

}

@media screen and (max-width:768px){
	
	.menu__slider {
		display:block;
		width:calc(100% + 40px);
		margin-left:-20px;
		margin-right:-20px;		
	}
	.menu__view {
		display:none;
	}
	.menu {
		margin:32px auto;	
	}
	.menu__view {
		width:calc(100% + 40px);
		margin-left:-20px;
		margin-right:-20px;
	}
	.menu__item {
		white-space:normal;
		text-align:left;
		text-transform:none;
		width:100%;
	}
}

@media screen and (max-width:480px){
}