@charset "utf-8";

:root {
    scroll-behavior: auto;
}

/* CSS Document */

/*
font-family: "ten-oldstyle", serif;
font-weight: 400;
font-style: normal;

font-family: "ten-oldstyle", serif;
font-weight: 400;
font-style: italic;
*/

html {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:"ten-oldstyle", sans-serif; font-weight:400; font-size:15px;}
*, *:before, *:after {-webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}

body, html {min-height:100%; width:100%; margin:0; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}
body {background:#000; font-family:"ten-oldstyle", sans-serif; font-weight:400; position:relative; min-height:100vh;}
body, p, h1, h2, h3 {margin:0; padding:0;}

em {font-family:"ten-oldstyle", sans-serif; font-style:italic;}

/* Landing Background Video */
#landing_bg-video {
  object-fit:cover;
  width:100vw;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  min-height:744px;
}
#landing_bg-vignette {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:1;
  background: radial-gradient(transparent 50%, black), transparent;
  min-height:744px;
}

#page {position:relative; z-index:1;}

/* Page Header */
#page_header {position:absolute; top:0; left:0; right:0; text-align:center; padding:0 25px; z-index:2;}
#page_header:before {content:" "; display:block; position:absolute; top:0; left:0; right:0; height:331px; pointer-events:none;
background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));}
#page_header header {position:relative; max-width:374px; margin:0 auto;}
#page_header h1 {margin:0; padding:44px 0 28px 0; font-size:16px; font-weight:400; line-height:1.5; letter-spacing:2.17px; text-align:center; color:#eee;}
#page_header h1 a {color:#fff; text-decoration:none;}
#page_header h1 a:hover {color:#fff; text-decoration:underline;}
#page_header h1 span {display:block;}


#text_container {position:absolute; margin:0 auto; width:100%; height:100vh; z-index:1; left:0; right:0; top:0; bottom:0; pointer-events:none;}

.text_slide {font-family:'ten-oldstyle'; font-size:30px; line-height:30px; font-weight:700; font-style:italic; letter-spacing:1.18px; color:#fff; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; text-align:center; padding:0 10px;
 -webkit-animation: fadeInOut 8s linear forwards;
 animation: fadeInOut 8s linear forwards;
}
.text_slide span {display:block;}

#text_slide1 {
animation-delay: 1s;
}

@-webkit-keyframes fadeInOut {
 0% {opacity: 0;}
 100% {opacity: 1;}
}
@keyframes fadeInOut {
 0% {opacity: 0;}
 100% {opacity: 1;}
 }

#landing_page-link {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  z-index:999;
  display:block;
}
#landing_page-link span {opacity:0;}


/* Media Queries */
@media only screen and (min-width: 480px) {

#page_header h1 span {display:inline-block;}

.text_slide {font-size:40px; line-height:40px;}

}

@media only screen and (min-width: 520px) {

}

@media only screen and (min-width: 600px) {

#page_header header {max-width:100%;}
#page_header h1 {font-size:22px; letter-spacing:2.98px;}



}

@media only screen and (min-width: 720px) {

#page_header h1 {font-size:24px; letter-spacing:3.25px;}


}

@media only screen and (min-width: 960px) {

#page_header {}
#page_header h1 {font-size:28px; letter-spacing:3.79px;}

.text_slide {font-size:80px; line-height:80px;}

}

@media only screen and (min-width: 1024px) {

.text_slide {
        font-size: 80px;
        line-height: 80px;
    
    }
    


}

@media only screen and (min-width: 1044px) {

}

@media only screen and (min-width: 1080px) {
    

    
}

@media only screen and (min-width: 1260px) {

.text_slide span { display: inline;}

}

@media only screen and (min-width: 1320px) {

}

@media only screen and (min-width: 1600px) {  

}

@media only screen and (min-width: 1720px) {  

}

@media only screen and (min-width: 2000px) {  

}

@media only screen and (min-width: 2500px) {

}