@media (min-aspect-ratio: 16/9) {

.gif_wrpr{
	width: 28.38vw;
	top: 9.44vw;
	left: 3.6vw;
	perspective: 210vw;
}

}


@media (max-aspect-ratio: 16/9) {

.gif_wrpr{
	width: 50.4vh;
	top: 16.8vh;
	left: 6.44vh;
	perspective: 390vh;
}

}





/*------------------------------------------------------ RATIO-8/7 ----*/
/*------------------------------------------------------ RATIO-8/7 ----*/
/*------------------------------------------------------ RATIO-8/7 ----*/

@media (max-aspect-ratio: 8/7) {

#hpEntrySection .fitVid{
	object-position: 50% 50%;
}

#hpEntrySection .mVid{
	position:relative;
	object-position: 50% 50%;
}

.cZone{
	position: absolute;
	top: 37vw;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 61vw;
	height: 81vw;
	background-color: rgba(0, 0, 0, 0);
	z-index: 1;
	cursor: pointer;
}

}




/*------------------------------------------------------ RATIO-1/1 ----*/
/*------------------------------------------------------ RATIO-1/1 ----*/
/*------------------------------------------------------ RATIO-1/1 ----*/

@media (max-aspect-ratio: 1/1) {

.mobCon{
	display: block;
}

.deskCon{
	display: none;
}

#hpEntrySection .mVid{
	position:relative;
	object-position: center;
}

.topCon{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items: center;
	gap: 10px;
}

.volBtnCon {
    padding: 2px 5px;
}

.bttmCon{
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.0));
}

.bttmCon .subRow {
	flex-direction: column;
    width: auto;
    align-items: center;
}

.linksCon {
	width: 66%;
	margin: 2vw;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2vw;
}

.clcText {
    font-size: 2.33vw;
}

.ccDash {
    width: 6vw;
}

.ccLogo {
    width: 25vw;
    min-width: 100px;
}

}