.dstg-fournavi-wrapper #menuWrap {
	justify-content: center;
}

.dstg-fournavi-wrapper {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem 0;
    justify-content: space-between;
    margin: 1rem auto
}

.dstg-fournavi-wrapper .dstg-menu-item {
    width: calc(100%/2.1);
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .3s ease
}


.dstg-fournavi-wrapper .dstg-menu-item:hover {
	transform: scale(1.1);
	transition: .3s ease
}

.dstg-fournavi-wrapper .dstg-menu-item.dstg-menu-item-small {
	width: calc(100%/2.1);
	height: 215px
}

.dstg-fournavi-wrapper .dstg-menu-item,
.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask {
    overflow: hidden;
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(6%, rgba(0,0,0,.4)), color-stop(25%, hsla(0,0%,100% 0)));
	background: linear-gradient(0deg, rgba(0,0,0,.4) 6%, hsla(0,0%,100%,0) 25%);
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(3,3,6,.7);
	opacity: 0;
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask .dstg-menu-detail {
	bottom: 20px;
	width: 100%;
	text-align: center;
	-webkit-transition: .3s ease;
    transition: .3s ease
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask .dstg-menu-detail .dstg-title-info .dstg-word {
	text-shadow: 0 0 30px #000, 0 0 10px #000;
	font-weight: 700;
	font-stretch: condensed;
	line-height: 1.03;
	letter-spacing: 1.33px;
	transform: scaleX(.8)
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask .dstg-menu-detail  .dstg-title-info {
	margin-bottom: 0;
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask .dstg-menu-detail .dstg-title-info .dstg-title {
	font-size: var(--SECTION_HEADER_LARGE_FONT_SIZE)
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask .dstg-menu-detail .dstg-subtitle {
	font-size: var(--SECTION_HEADER_FONT_SIZE);
	line-height: 1.5;
	letter-spacing: 2px
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask .dstg-menu-detail .dstg-btn-box {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	justify-content: center
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask:hover:before {
	opacity: 1
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask:hover .dstg-menu-detail {
	width: 100%;
    text-align: center;
    bottom: 50px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask:hover .dstg-menu-detail .dstg-title-info {
	margin-bottom: 20px
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask:hover .dstg-btn-box {
	max-height: 50px;
	opacity: 1
}

.dstg-fournavi-wrapper .dstg-menu-item .dstg-mask .dstg-btn-box .dstg-btn-play {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	width: 100px
}

.dstg-btn-play.dstg-yellow{
	border: 1px solid var(--yellow);
	background-color: var(--yellow);
	color: var(--dark);
	min-height: 35px;
}