@import url("https://fonts.googleapis.com/css?family=Mountains+of+Christmas");#mainNav{min-height:56px;background-color:#fff}#mainNav .navbar-toggler{font-size:80%;padding:0.75rem;color:#64a19d;border:1px solid #64a19d}#mainNav .navbar-toggler:focus{outline:none}#mainNav .navbar-brand{color:#161616;font-weight:700;padding:.9rem 0}#mainNav .navbar-nav .nav-item:hover{color:fade(white, 80%);outline:none;background-color:transparent}#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:none;background-color:transparent}@media (min-width: 992px){#mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:transparent;transition:background-color 0.3s ease-in-out}#mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,0.5)}#mainNav .nav-link{transition:none;padding:2rem 1.5rem;color:rgba(255,255,255,0.5)}#mainNav .nav-link:hover{color:rgba(255,255,255,0.75)}#mainNav .nav-link:active{color:white}#mainNav.navbar-shrink{background-color:#fff}#mainNav.navbar-shrink .navbar-brand{color:#161616}#mainNav.navbar-shrink .nav-link{color:#161616;padding:1.5rem 1.5rem 1.25rem;border-bottom:0.25rem solid transparent}#mainNav.navbar-shrink .nav-link:hover{color:#64a19d}#mainNav.navbar-shrink .nav-link:active{color:#467370}#mainNav.navbar-shrink .nav-link.active{color:#64a19d;outline:none;border-bottom:0.25rem solid #64a19d}}header{position:relative;background-color:black;height:100vh;min-height:25rem;width:100%;overflow:hidden}header video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:auto;z-index:0;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}header .container{position:relative;z-index:2}header .fade-in{position:absolute;top:0;left:0;height:100%;width:100%;background-image:url(../img/xmas-title.jpeg);background-position:center center;background-size:cover;opacity:0;z-index:1;-webkit-animation:fadeIn 4s;-moz-animation:fadeIn 4s;-ms-animation:fadeIn 4s;-o-animation:fadeIn 4s;animation:fadeIn 4s}@keyframes fadeIn{0%{opacity:1}70%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeIn{0%{opacity:1}70%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:1}70%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeIn{0%{opacity:1}70%{opacity:1}100%{opacity:0}}@-o-keyframes fadeIn{0%{opacity:1}70%{opacity:1}100%{opacity:0}}@media (pointer: coarse) and (hover: none){header{background:url(../img/xmas-title.jpeg) black no-repeat center center cover}header video{display:none}}#player{height:100vh;padding-top:20vh;background:-moz-linear-gradient(top, #000 0%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 75%),url(../img/background-boxes-1080.jpeg) center center;background:-webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 75%),url(../img/background-boxes-1080.jpeg) center center;background:linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 75%),url(../img/background-boxes-1080.jpeg) center center;background-position:center center;background-size:cover}#player::after{margin-top:0px;height:100%;width:100%;content:'';background:-moz-linear-gradient(top, #000 0%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 75%),url(../img/background-boxes-1080.jpeg);background:-webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 75%),url(../img/background-boxes-1080.jpeg);background:linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 75%),url(../img/background-boxes-1080.jpeg)}#player-inner{max-width:500px;width:100%;height:500px;max-height:100%;display:inline-block;vertical-align:middle;float:none}html{min-height:100vh;min-width:100vw}body{letter-spacing:0.0625em;background:black;min-height:100%;min-width:100%}main{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0;background:linear-gradient(to bottom, rgba(22,22,22,0.1) 0%, rgba(22,22,22,0.5) 85%, #161616 100%),url("../img/fire.jpg");background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}main h1{font-family:'Varela Round';font-size:2.5rem;line-height:2.5rem;letter-spacing:0.8rem;background:-webkit-linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}main h2{max-width:20rem;font-size:1rem}@media (min-width: 768px){main h1{font-size:4rem;line-height:4rem}}@media (min-width: 992px){main{height:100vh;padding:0}main h1{font-size:6.5rem;line-height:6.5rem;letter-spacing:0.8rem}main h2{max-width:30rem;font-size:1.25rem}}.fadeOut{opacity:0;filter:alpha(opacity=0);-webkit-transition:1s opacity;transition:1s opacity;-webkit-animation:fadeout 6s;-moz-animation:fadein 6s;-ms-animation:fadein 6s;-o-animation:fadein 6s;animation:fadein 6s}.fadeOut:hover{opacity:1;filter:alpha(opacity=100);-webkit-transition:1s opacity;transition:1s opacity}@keyframes fadein{0%{opacity:1}80%{opacity:1}100%{opacity:0}}@-moz-keyframes fadein{0%{opacity:1}80%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadein{0%{opacity:1}80%{opacity:1}100%{opacity:0}}@-ms-keyframes fadein{0%{opacity:1}80%{opacity:1}100%{opacity:0}}@-o-keyframes fadein{0%{opacity:1}80%{opacity:1}100%{opacity:0}}
