@font-face {
font-family: clarendon;
src: url(fonts/Superclarendon-Regular.eot);
src: url(fonts/Superclarendon-Regular.eot?#iefix) format("embedded-opentype"), 
url(fonts/Superclarendon-Regular.woff2) format("woff2"), 
url(fonts/Superclarendon-Regular.woff) format("woff"), 
url(fonts/Superclarendon-Regular.ttf) format("truetype")
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#videobg {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
opacity:.7;
z-index:1;
}

#videobg.thurs {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
opacity:.5;
z-index:1;
}

* {
margin:0;
padding:0;
}

.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
text-decoration:none;
-webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
}

body {
background-color:#000;
position:relative;
color:#FFF;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
overflow-x:hidden;
font-family:'clarendon', Arial;
}

.content-wrapper {
position:relative;
z-index:4;
height:100vh;
}

header {
padding: 25px 50px;
}

#logo {
position:absolute;
left:50px;
top:25px;
}

#logo img {
max-width:200px;
}

#followerns {
position:absolute;
top:60px;
right:50px;
z-index:999 !important;
}

#followerns img {
max-width:250px;
-webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
	 -o-transition: all .3s ease;
		transition: all .3s ease;
}

#followerns img:hover {
opacity:0.8;
}

header #links {
float:right;
}

header #links ul {
line-height:48px;
}

header #links li {
float:left;
text-transform:lowercase;
margin:0 0 0 40px;
font-size:30px;
}

header #links li a {
color:#FFF;
}

header #links li a:hover {
opacity:0.7;
}


#container {
width:1000px;
margin:0 auto;
position:relative;
height:100vh;
}

#countdown {
position:absolute;
bottom:80px;
width:1000px;
}

#countdown #legalize {
text-align:center;
margin:0 0 18px 0;
color:#eddfce;
font-size:70px;
line-height:120%;
font-style:italic;
}

#countdown ul {
background-color:#eddfce;
max-width:80%;
margin:0 auto;
padding:10px;
border-radius:5px;
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
}

#countdown li {
color:#004a93;
text-transform:uppercase;
font-size:30px;
text-align:center;
}

#countdown li span {
color:#d50000;
display:block;
font-size:50px;
}

#release {
background-color:#0a140e;
padding:10px;
position:absolute;
top:160px;
}

#release #wrapper {
border:2px solid #e7bf86;
padding:8px;
}

#release #inner {
border:4px solid #e7bf86;
padding:50px;
position:relative;
}

#corner-topleft {
position:absolute;
top:16px;
left:16px;
max-width:80px;
}

#corner-topright {
position:absolute;
top:16px;
right:16px;
max-width:80px;
}

#corner-bottomleft {
position:absolute;
bottom:14px;
left:16px;
max-width:80px;
}

#corner-bottomright {
position:absolute;
bottom:14px;
right:16px;
max-width:80px;
}

#release #inner #left {
float:left;
width:50%;
}

#release #inner #right {
float:right;
width:50%;
text-align:center;
padding-top:40px;
}

#inner #sig {
margin:20px 0 25px 0;
}

#inner #sig img {
max-width:80%;
}

#inner #nash {
margin:0 0 25px 0;
}

#inner #nash img {
max-width:80%;
}

#inner #albumout {
color:#e7bf86;
font-size:20px;
margin:0 0 20px 0;
text-transform:uppercase;
}

#inner #presave {
max-width:80%;
margin:0 auto 14px auto;
}

#inner #presave a {
background-color:#e7bf86;
text-transform:uppercase;
font-size:25px;
display:block;
padding:10px;
font-style:italic;
color:#0a140e;
border-radius:10px;
}

#inner #presave a:hover {
background-color:#c5a372;
}

#inner #firstfive {
max-width:80%;
margin:0 auto;
}

#inner #firstfive a {
background-color:#e7bf86;
text-transform:uppercase;
font-size:14px;
display:block;
padding:10px;
font-style:italic;
color:#0a140e;
border-radius:10px;
}

#inner #firstfive a:hover {
background-color:#c5a372;
}





@media all and (max-width:1400px) {
#logo img {
max-width:120px;
}
}


@media all and (max-width:1300px) {
#logo {
left:25px;
top:25px;
}

@media all and (max-width:1100px) {
#container {
width:86%;
margin:0 7%;
}

#followerns {
top:60px;
right:25px;
}

#followerns img {
max-width:200px;
}

#release #inner {
padding:50px 50px 70px 50px;
position:relative;
}

#corner-topleft {
max-width:70px;
}

#corner-topright {
max-width:70px;
}

#corner-bottomleft {
max-width:70px;
}

#corner-bottomright {
max-width:70px;
}

#release #inner #left {
float:none;
width:100%;
margin:0 0 20px 0;
}

#release #inner #right {
float:none;
width:100%;
padding-top:0;
}

#inner #sig img {
max-width:100%;
}

#inner #nash img {
max-width:100%;
}

#inner #albumout {
font-size:18px;
}

#inner #presave,
#inner #firstfive {
max-width:100%;
}

#inner #presave a {
font-size:22px;
}
}