#page-wrapper{
	width:100vw;
	max-width: 100%;
    overflow-x: hidden;
	height:auto;
	min-height:calc(100vh - 120px);/*************subtract footer height**************/
	margin:0 auto;
}
/****************************** Title *******************************/
.title-spacer{
	width:100%;
	height:120px;
	background-color:;
}

#title-container{
	position:absolute;
	width:100%;
}
#title-wrapper{
	background-color:;
	width:100%;
	padding-top:15px;
	position:fixed;
	z-index:10;
	z-index:999;
}

.title-center{
	top:15px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:100vw;
	background-color:;
	z-index:100;
}

#title{
	display:;
	margin-left:5%;
	margin-right:auto;
	background-color:;
	width:110px;
	pointer-events:auto;
}

.secondary-title{
	background-color:;
	width:100%;
	text-align:center;
}

/******************** NOT USED
.category-title-4{
	position:fixed;
	width:100%;
	height:100%;
	background-color:;
	text-align:center;
	color:#f4f4f4;
	font-family: 'Readex Pro', sans-serif;
	font-size:12vw;
	line-height:calc(100vh - 240px);
	font-weight:500;
	z-index:-1000;
	margin-top:;
}
NOT USED *********************/

.category-title-5{
	position:fixed;
	width:100%;
	height:100%;
	background-color:;
	text-align:center;
	color:#f4f4f4;
	font-family: 'DeadStock', 'Readex Pro', sans-serif;
	font-size:12vw;
	line-height:calc(100vh - 240px);
	font-weight:500;
	z-index:-1000;
	margin-top:;
}
.category-title-6{
	position:fixed;
	width:100%;
	height:100%;
	background-color:;
	text-align:center;
	color:#f4f4f4;
	font-family: 'DeadStock', 'Readex Pro', sans-serif;
	font-size:12vw;
	line-height:calc(100vh - 240px);
	font-weight:500;
	z-index:-1000;
	margin-top:;
}


/****************************** Video *******************************/
.video-player{
	position:relative;
	width:100%;
	max-width:350px;
	background-color:white;
	clip-path: inset(1px 1px);
	cursor:pointer;
}
.video-player.about{
	max-height:350px;
	background-color:white;
	clip-path: inset(1px 1px);
	float:right;
	top: 50%;
	right:0%;
	transform: translate(0%, -50%);
	z-index:-1000;
}

.video-player.right{
	float:right;
}
.video-player.left{
	float:left;
}
.video-control{
	background-color:;
	position:absolute;
	width:100%;
	height:100%;
	max-width:350px;
	max-width:;
	aspect-ratio: 1 / 1;
}
.video-pause{
	background-color:;
	position:absolute;
	width:100%;
	aspect-ratio: 1 / 1;
}
.playpause {
    background-image:url("../images/page-about/circle-play-regular.svg");
	opacity:95%;
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
	cursor: pointer;
	background-color:;
}
/****************************** Video *******************************/

/****************************** Hover Title Hover Image *******************************/
.hover-image{
	position:fixed;
	width:100vw;
	height:100vh;
	margin:auto;
	top:0;
    left: 0;
    right: 0;
    bottom: 0;
	width:;
	z-index:-10;
	background-color:;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hover-image img{
	display:block;
	max-width:100%;
	max-height:100%;
	margin:auto;
}
.position01{
	opacity:0;
	width:40vw;
	right:-20vw;
	top:-45vh;
	max-width:600px;
	transition: opacity .3s ease-in-out;
	pointer-events: none;
}
.position02{
	opacity:0;
	width:40vw;
	max-width:500px;
	left:-50vw;
	top:-20vh;
	transition: opacity .3s ease-in-out;
	pointer-events: none
}
.position03{
	opacity:0;
	height:38vw;
	max-height:450px;
	right:-40vw;
	top:0vh;
	transition: opacity .3s ease-in-out;
	pointer-events: none
}
.position04{
	opacity:0;
	width:40vw;
	max-width:650px;
	left:-50vw;
	top:15vh;
	transition: opacity .3s ease-in-out;
	pointer-events: none
}
.position05{
	opacity:0;
	width:30vw;
	max-width:350px;
	right:-45vw;
	bottom:-20vh;
	transition: opacity .3s ease-in-out;
	pointer-events: none
}
.position06{
	opacity:0;
	width:35vw;
	max-width:550px;
	left:-45vw;
	bottom:-38vh;
	transition: opacity .3s ease-in-out;
	pointer-events: none
}
.position07{
	opacity:0;
	width:38vw;
	max-width:600px;
	right:-25vw;
	bottom:-48vh;
	transition: opacity .3s ease-in-out;
	pointer-events: none
}

.hover-btn01:hover ~ .position01,
.hover-btn02:hover ~ .position02,
.hover-btn03:hover ~ .position03,
.hover-btn04:hover ~ .position04,
.hover-btn05:hover ~ .position05,
.hover-btn06:hover ~ .position06,
.hover-btn07:hover ~ .position07{
	opacity:.9;
}



/****************************** Media Screen (<767px) *******************************/


@media screen and (max-width: 767px){
.hover-image{
	display:;
}
.category-title-4{
	font-size:10vw;
	line-height:calc(100vh - 240px - 45vw);
}
.category-title-5{
	font-size:10vw;
	line-height:calc(100vh - 240px - 63vw);
}
.category-title-6{
	font-size:10vw;
	line-height:calc(100vh - 240px - 80vw);
}
.video-player.right, 
.video-player.left{
	float:none;
}
}

/***************************** Media Screen (767px<x>1023) **************************/

@media screen and (min-width: 768px) and (max-width: 1200px){

}

/****************************** Media Screen (>1201px) ******************************/

@media screen and (min-width: 1201px){
#title-wrapper{
	top: 40px;
	background-color:;
}
}