@charset "UTF-8";
/* CSS Document */

div {
    border: none;
    outline: none;
}
iframe {
    border: none;
    outline: none;
}
html {
	scroll-behavior: smooth;
    border: none;
    outline: none;
    background-color: #000;
    }

body {
    border: none;
    outline: none;
    margin: 0;
    background-color: #000;
    overflow-x: hidden;
	overflow-y: scroll;
    }
    
img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
a:link {
	color: #000;
	text-decoration: none;
}

a:hover {
  color: #e1051f;
}

a:visited {
	color: #001;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.header {
	position: fixed;
	width: 14.3%;
	left: 43%;
	top: 10px;
	z-index: 100;
}

.header img {
	width: 100%;
}

.menu {
	position: fixed;
	width: 5%;
	left: 65%;
	top: 90px;
	z-index: 300;
}

.menu img {
	width: 100%;
}
.menu2 {
	position: fixed;
	width: 5%;
	left: 65%;
	top: 45px;
	z-index: 300;
}

.menu2 img {
	width: 100%;
}
.contact {
	position: absolute;
	width: 36%;
	left: 17%;
	top: 85px;
	z-index: 300;
}

.contact img {
	width: 100%;
}
.content {
	position: relative;
	text-align: center;
	width: 80%;
	height: 100%;
	left: 10%;
	padding-top: 22%;
	padding-bottom: 5%;
	margin-top: 0px;
	background-color: #e8d14c;
	z-index: 0;
	font-family: quasimoda, sans-serif;
	font-weight: 500;
	font-style: normal;	
	letter-spacing: 1.6px;
    font-size: 2vw;
	line-height: 2.5vw;
}
.content p{
	padding-left: 5%;
	padding-right: 5%;
}

.item {
	width: 90%;
	background-color: #FFEE00;
	margin-bottom: 20px;	
}

.content img {
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.video {
	position: relative;
	border: none;
	text-align: center;
	width: 80%;
	left: 10%;
	padding-top: 12%;
	margin-top: 0px;
	padding-bottom: 5%;
	background-color: #e8d14c;
	z-index: 0;
	font-family: quasimoda, sans-serif;
	font-weight: 500;
	font-style: normal;	
	letter-spacing: 1.6px;
    font-size: 1.5vw;
	line-height: 2vw;
}

.back {
	position: absolute;
	text-align: center;
	padding-bottom: 50%;
	width: 80%;
	left: 10%;
	background-color: #e8d14c;
	z-index: 0;
}
.back img{
	width: 90%;
}
.photo {
	position: relative;
	text-align: center;
	padding-top: 0%;
	padding-bottom: 0%;
	width: 80%;
	left: 10%;
	background-color: #e8d14c;
	z-index: 0;
}
.photo img{
	width: 90%;
}

@media only screen and (orientation: portrait){
	.menu {
	top: 60px;
	}
	.contact {
	top: 55px;
}
	.content {
	width: 100%;
	left: 0%;
}


.video {
	width: 100%;
	left: 0%;

}

.back {
	width: 100%;
	left: 0%;

}

.photo {
	width: 100%;
	left: 0%;

}

}