/*  home page  */

.home-page main{
  padding:0px;
}

.home-page #header {
  left: 0px;
  right: 0px;
  background-color: unset;
  clear: both;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 1000;
}
.home-page #header.active,
#header {
  background-color: #000;
}
.home-page .logo-box img{
  max-width:320px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /* transform:translate(100%); */
}
.home-page #header.active .logo-box img{
  max-width:250px;
  /* transform:translate(60%); */
  margin-bottom:-10px;;
}

/* intro box video */
.header_boxy{
	display:flex;
	width:100%;
	padding-bottom:2rem;
	font-size:25px;
}
.header_boxy > div,.header_boxy > div+div+div{
	width:25%;
	min-width:0;
}
.header_boxy > div+div{
	min-width:310px;
	width:50%;
	text-align:center;	
    margin-left: auto;
    margin-right: auto;
}
.header_boxy > div a{
	display:block;
	height:80px;
	width:90%;
	padding:0px 5% 0px 5%;
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:right;
	padding-top:70px;
    font-family: "Cinzel";
}
@media screen and (max-width: 920px) {
  .header_boxy > div a {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 720px) {
	.header_boxy {
		display: flex;
		flex-wrap:wrap;
	}
	.header_boxy > div a {
		font-size: 1em;
	}
	.header_boxy > div, .header_boxy > div+div, .header_boxy > div+div+div{
		width:100%;
		min-width: 0;
	}
	.header_boxy > div{
		order:2;
	}
	.header_boxy > div+div{
		order:1;
	}
	.header_boxy > div+div+div{
		order:3;
	}
}