/* DEFAULT VALUES  */

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a:link {color:#e1e1e1;}
a:hover {color:#858e97;}
a:visited {color:#e1e1e1;}


body {font-family: 'Spectral', serif; padding:0; margin: 0; color:#e1e1e1; background-color:#0f1213; -webkit-font-smoothing: antialiased;}

#top {  position: relative;
margin: 0 auto;
width: 100%;
overflow: hidden;
}

#top video {
position: absolute;
z-index: -1;
top: 0;
right: 0;
min-width: 75%;
min-height: 75%;
width:1100px;
}

#top .overlay {padding:0;width:85%;margin:auto;text-align:center;text-transform:uppercase;}
.overlay p {font-size:1.1rem;}
.overlay p:first-of-type {margin:20px 0 20px 0;}
.overlay p:last-of-type {font-size:.8rem;margin:20px 0 20px 0;}
.overlay h1 {font-size:3.6rem;font-weight:200;line-height:3rem;margin:20px 0;}


#latest {border:1px #e1e1e1 solid;border-radius:10px;padding:50px;width:90%;margin:auto;margin-bottom:20px;margin-top:20px;}
#latest h4 {text-transform:uppercase;text-align:center;font-size:1.2rem;margin:0 0 40px 0;padding:0;}
#latest > div {}
#latest img {width:100%;}

#text {width:90%;margin:auto;}
#text > div {}
#text > div > div:first-of-type {}
#text > div > div:last-of-type {border-top:1px #fff solid;margin-top:40px;padding-top:20px;}
#text > div > div:last-of-type h4 {text-transform:uppercase;font-weight:400;font-size:.8rem;margin-bottom:50px;}

.release {margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed #272829;}
.release p:first-of-type {font-size:1.4rem;font-weight:400;}
.release .note {font-size:.7rem;color:#858e97;text-transform:uppercase;letter-spacing:-.03rem;}


.vertline {display:flex;flex-wrap:nowrap;width:100%;}
.vertline > div:first-of-type {flex-basis:50%;border-right:1px solid #e1e1e1;}
.vertline > div:last-of-type {flex-basis:50%;}
.h30 {height:30px;}
.h60 {height:60px;}

ul#music li:last-of-type {margin-top:10px;}

#footer {width:90%; margin:auto;margin-top:30px;margin-bottom:20px;font-size:.8rem;text-align:right;}

/* small */
@media only screen and (min-width:580px) {

#top video {
min-width: 75%;
min-height: 75%;
width:1300px;
}

#top .overlay {padding:0;width:80%;}
.overlay p:last-of-type {font-size:.8rem;margin:20px 0 20px 0;}
.overlay h1 {font-size:4rem;font-weight:200;}


.release {margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed #272829;}
.release p:first-of-type {font-size:1.4rem;font-weight:400;}
.release .note {font-size:.7rem;color:#858e97;text-transform:uppercase;letter-spacing:-.03rem;}


}

/* medium */
@media only screen and (min-width:700px) {

#latest {padding:50px;width:80%;margin:auto;margin-bottom:20px;margin-top:20px;}
#latest h4 {text-transform:uppercase;text-align:center;font-size:1.2rem;margin:0 0 40px 0;padding:0;}
#latest h3 {font-style:italic;}
#latest > div {display:flex;flex-wrap:nowrap;justify-content:center;}
#latest > div div:first-of-type {padding-right:20px;}
#latest > div div:last-of-type {padding-left:20px;}
#latest img {width:300px;}


#text {width:80%;}
#text > div {display:flex;flex-wrap:wrap;}
#text > div > div:first-of-type {flex-basis:50%;padding-right:60px;}
#text > div > div:last-of-type {flex-basis:50%;padding-left:60px;border-left:1px #fff solid;border-top:0;}
#text > div > div:last-of-type h4 {text-transform:uppercase;font-weight:400;font-size:.8rem;margin-bottom:50px;}

.release {margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed #272829;}
.release p {margin:0;}
.release p:first-of-type {font-size:1.2rem;font-weight:400;margin-bottom:5px;line-height:1.4rem;}
.release .note {font-size:.7rem;color:#858e97;text-transform:uppercase;letter-spacing:-.03rem;}

}

/* large */
@media only screen and (min-width:900px) {

#latest {border:1px #e1e1e1 solid;border-radius:10px;padding:50px;width:80%;margin:auto;margin-bottom:60px;margin-top:40px;}
#latest h4 {text-transform:uppercase;text-align:center;font-size:1.2rem;margin:0 0 40px 0;padding:0;}
#latest h3 {font-style:italic;}
#latest > div div:first-of-type {padding-right:30px;}
#latest > div div:last-of-type {padding-left:30px;}
#latest img {width:350px;}

#text > div > div:first-of-type {padding-right:120px;}
#text > div > div:last-of-type {padding-left:120px;border-left:1px #fff solid;border-top:0;}

}

/* x-large */
@media only screen and (min-width: 1200px) {
#top video {
min-width: 100%;
min-height: 100%;
width:inherit;
}

}

/* x-large */
@media only screen and (min-width: 1350px) { }