@import url(https://use.typekit.net/kju5mqp.css);
*{
  box-sizing: border-box;
}
*{
  margin: 0px;
  padding: 0px;
}
body{
  margin: 0px 0px;
  padding:0px 0px;
  font-family: "niveau-grotesk", "a-otf-futo-go-b101-pr6n", sans-serif;
}
li {
  list-style: none;
}
a{
  text-decoration: none;
}
.wrap{
  overflow: hidden;
}

.container{
  max-width: 1030px;
  width:100%;
  margin:0px auto;
  padding:0px 15px;
}

header{
  width:100%;
  height:200px;
  margin:0px;
  background-color:rgba(256,256,256,0.5);
  /* position:fixed; */
  z-index: 10;
  top: 0px;

}
.logo{
  width: 75px;
  margin:63px 20px;
}
.header-left{
  float:left;
}
.header-right{
  float:right;
}
.menu a{
  color:black;
  font-weight: lighter;
  font-size :20px;
  letter-spacing: 0px;
  opacity: 1;

}
.menu li{
  float:left;
  /* width:92px; */
  padding:88px 55px 0px 0px ;

}

.top-wrapper{
  display:inline-block;
  width:100%;
  height:800px;
  background-image:url(../img/Top-background.jpg);
  background-position: center center;
  background-size:cover;
  /* text-align: left; */
  padding:250px 0px;
  font-size:52px;


}
.top-wrapper h1{
  /* writing-mode:vertical-rl; */
  display: block;
  text-align: left;
  font-size:1.6em;
  font-family:"Source Han Serif";
  font-weight: 400;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}
.about-wrapper{
  margin:100px 0px;
}
.head h2{
  font-size:50px;
  font-weight:500;
  font-variant:small-caps;
}
.head h3{
  font-size:24px;
  font-weight:300;
}
.contents-wrapper{
  margin-top:100px
}
.content{
  float:left;
  width: 50%;
  display: block;
  margin:0px;

}
.content img{
  height: 336px;
  opacity: 0.9;
  transition:all 1s;
  vertical-align:bottom;

}
.content img:hover{
  opacity:0.6;
}
.content{
  position:relative;
}
.content h3{
  color: #FFFFFF;
  position:absolute;
  top:110px;
  font-size:60px;
  font-weight: 400;
  width: 100%;
  text-align: center;
}
.content h4{
  font-family:"a-otf-gothic-bbb-pr6n", sans-serif;
  color: #FFFFFF;
  position:absolute;
  top:170px;
  font-size:36px;
  width: 100%;
  text-align: center;
}
.content h5{
  color: rgb(255, 255, 255);
  position:absolute;
  top: 280px;
  left: 380px;
  font-size: 30px;
  font-weight: 500;
  padding-right: 40px;
  width: 100%;
}
.clear{
  clear: both;

}
.gallery-wrapper{
  margin:100px 0px;
}
.video-wrapper{
  margin:30px 0px;
  padding: 10px;
  background-color: #f6f6f6;
}
.more a{
  color:black;
  font-size: 20px;
  /* text-align: center; */
  width:100%;
}
.more{
  text-align: left;
  margin: 20px;
}
.video{
  margin-bottom: 20px;
}
.video p{
  font-size:20px;
  margin:20px;

}
.movie{
  width: 100%;
  margin:0 auto;
  height: 360px;
  display: block;
}
.question-wrapper{
  margin:100px 0px;
}
.question{
  margin:50px 0px;
  background-color:#f9f9f9;

}
.question p{
  margin: 0 auto;
  text-align: center;
  padding:20px 0px;
  font-size:14px;
  width:95%;
}
.question hr{
  width: 95%;
  margin: 0 auto;
  background-color:black;
  height: 1px;
  border: none;
}
.contact-wrapper{
  margin-bottom:100px;
}
.contact{
  text-align: center;
}
.contact h2{
  font-size:50px;
  font-weight: normal;
}
.contact h3{
  font-size:20px;
  padding:20px;
  font-weight: 400;

}
.contact a{
  display: block;
  width:30%;
  margin: 20px auto;
  color:white;
  font-size:20px;
  font-weight: lighter;
  background-color:black;
  padding:10px 20px;
}
footer{
  height:300px;
  background-color: black;
  width:100%;
}
.footer-logo{
  width:105px;
  float:left;
  margin:45px 0px;
}
.footer-menu a{
  color:white;
  font-weight: lighter;
  font-size:20px;
  letter-spacing: 0px;
  opacity: 1;
}
.footer-menu li{
  float:left;
  /* width:92px; */
  padding:88px 0px 0px 60px ;
}
footer hr{
  height:1px;

}
.footer-bottom p{
  color: #FFFFFF;
  font-weight: 100;
  margin:25px;
  text-align: center;

}