@font-face {
    font-family: 'Maison Neue Medium';
    src: url('../fonts/MaisonNeue-Medium.eot');
    src: url('../fonts/MaisonNeue-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MaisonNeue-Medium.woff2') format('woff2'),
         url('../fonts/MaisonNeue-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


:root {
    --lightgrey: #f1f1f1;
    --orange: #E0320A;
    --tan: #CEA980;
    --forest: #0D2818;
    --mint: #9DEDC7;
}


body,td,th {
    font-family: 'Maison Neue Medium', sans-serif;
    font-size:14px;
	line-height:1.5;
    margin:0;
    padding:0;
    background:#a25335;
	color:#000;
	text-align:left;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    text-transform: uppercase;
    letter-spacing: 1px;
}

b, strong {font-family: 'Maison Neue Medium', sans-serif;font-weight: normal;}
h1 {font-family:'Maison Neue Medium', sans-serif;font-size:112px;line-height: 0.8;padding:0;margin:0 0 1em;font-weight: normal;text-transform: uppercase;}
h2 {font-family:'Maison Neue Medium', sans-serif;font-size:18px;line-height: 1;padding:0;margin:0;font-weight: normal;text-transform: uppercase;letter-spacing: 1px;}
h2 span {margin-right:1em;}


a {color:inherit;text-decoration:none;border-bottom:0px solid transparent;opacity: 1;}
a:hover {color:inherit;text-decoration:none;border-bottom:0px solid #AA9B5F;opacity: 0.5;}

a {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}   

#bk {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 1;
}

#bk img {object-fit: cover;height: 100%;width: 100%;}
    
p {margin: 0 0 1.5em;}

#logo {
}

#logo img {
   width: 100%;
   height: auto;
}

.t {display: table;height: 100%;margin: 0;position: absolute;top:0;bottom:0;left:0;right:0;text-align: center;width: 100%;}
.tc {vertical-align: middle;display: table-cell;}


svg#anewday {max-width: 450px;}
svg#anewday g {fill: var(--black);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out ;}
svg#anewday g.hidden {opacity: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out ;
}
svg#anewday g.slash-hidden {opacity: 1;
-webkit-transition: all 0.8s ease-out 0.2s;
-moz-transition: all 0.8s ease-out 0.2s;
transition: all 0.8s ease-out 0.2s;
}
svg#anewday:hover g.hidden {opacity: 1!important;
-webkit-transition: all 0.8s ease-out 0.2s;
-moz-transition: all 0.8s ease-out 0.2s;
transition: all 0.8s ease-out 0.2s;
}
svg#anewday:hover g.slash-hidden {opacity: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    	opacity:0;  /* make things invisible upon start */
    	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    	-moz-animation:fadeIn ease-in 1;
    	animation:fadeIn ease-in 1;
 
    	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    	-moz-animation-fill-mode:forwards;
    	animation-fill-mode:forwards;
 
    	-webkit-animation-duration:0.4s;
    	-moz-animation-duration:0.4s;
    	animation-duration:0.4s;

	-webkit-animation-delay:0;
	-moz-animation-delay:0;
	-o-animation-delay:0;
	animation-delay:0;

}

.fade-in-s {
    	opacity:0;  /* make things invisible upon start */
    	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    	-moz-animation:fadeIn ease-in 1;
    	animation:fadeIn ease-in 1;
 
    	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    	-moz-animation-fill-mode:forwards;
    	animation-fill-mode:forwards;
 
    	-webkit-animation-duration:0.4s;
    	-moz-animation-duration:0.4s;
    	animation-duration:1s;

	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;

}



@media screen and (max-width: 1023px) {
    
}

@media screen and (max-width: 767px) {
    #meta {bottom:5vw;left:5vw;text-align: center;}
    #meta span.link {position: relative;display: block;left:0;}
    span {display: block;margin-top:15px;}
    .t {text-align: left;left:20px;right:20px;}
    svg#anewday {max-width: 350px;}
}