html, body{padding:0; margin: 0; font-size: 15px; font-family: 'Jost', sans-serif; text-align: center; background: white url("imgs/Isobel Campbell 1 - credit is VV NKD RH.jpg") top center fixed; background-size: cover; webkit-background-size:cover; -moz-background-size: cover;}
.page{display: block; color: #e9e622;background: #00000069;}
.contentbox{min-height:100vh;width: 100%; margin: 0 auto; text-align: center; padding:4vh 0 0; /*background: rgba(57, 46, 42, 0.57); box-shadow: 1px 1px 50px #413833;*/}
h1{font-size: 3em;}
ul{margin: 0 auto; text-align: center; font-size: 1.2em;padding:0;}
ul li{list-style: none; display: inline-block; padding: .5em; font-size: 1.3em;}
.firstli{padding-left:0;}
.lastli{padding-right:0;}
a{color:#e9e622; text-decoration: none;}
.socials{margin:.1em auto;}
.socials a:hover{text-align: center; color: black;}
img{width: 100%;}
img.subtitle{max-width: 400px; width: 100%;}
#mc-embedded-subscribe-form{margin-top:2em;}
#mc-embedded-subscribe {
	background-color:#000;
	border:1px solid #000;
    color: #FFF;
    margin-top: 1em;
    display: inline-block;
    font-size: 14px;
    padding: .3em;
	cursor: pointer;
	font-family: inherit;
}
#mc-embedded-subscribe, input [type="subscribe"], input[type="email"]{
-webkit-appearance: none; border-radius:0px;}
#mc-embedded-subscribe, input[type="email"], .clear {
	margin: .4em auto;
    display: block;
    width: 100%;
    max-width: 250px;
	font-weight: bold;
	padding: .4em 0;
}
#mc-embedded-subscribe:hover{ background:#FFF; color:#000;}

input[type="email"]{padding: .55em 0; border-width:1px; text-align: center; max-width: 250px; border-style:solid; border-color:#000;background: none;
color: #000;}

img.logo{width: 100%; max-width: 450px;}

.buttons a li{text-decpration:none; width: 100%; padding: 1em 0; display: block; color: black;
background: #e9e622;
border: #e9e622; margin: 1em auto; font-weight:bold;}

.buttons a li:hover{color:#e9e622;background:black; transition:.3s;}
.buttons{margin: 0 auto;}
.btmbuttons{
background: url("imgs/Joel Stoker Image.jpg") repeat top;
background-size: contain;
padding: 2em 0;}
.release{
	width: 80%;
	max-width: 800px;
	text-align:center;
	margin: 1em auto;
	padding-bottom:10vh;
}
.release h1{font-size: 2.4em;}
.release h2{font-size: 1.2em;}
img.packshot{width: 100%; max-width: 400px;}
section{margin:2em auto;}
/*responsive video*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video{width: 80%; max-width: 800px;}
h1.logo{margin:.2em auto;text-transform: uppercase; font-size: 3em;
  line-height: 1;}

@media only screen and (min-width: 768px){.buttons a li{ max-width: 250px;display: inline-block;margin: .5em .2em;}#mc-embedded-subscribe, input[type="email"], .clear {

    display: inline-block;}
    h1.logo{margin:.2em auto;text-transform: uppercase; font-size: 4.5em;
  line-height: 1;}
   /*HOLDING PAGE STYLES VERTICAL ALIGN
	.contentbox{padding-top:0; width: 80%; margin: 0 auto; text-align: center;    display: table-cell;vertical-align: middle;}
	*/
	 /*MORE CONTENT PAGE MARGINS*/
	.left, .right{display: inline-block; width: 49%; vertical-align: middle;}
	
    input[type="email"]{padding: .55em; text-align: left;}
  ul{font-size:auto;}
  .release{padding-bottom:0em;}
    }

    @media only screen and (min-width: 1400px){
.contentbox{padding:15vh 0 0;}    }

/*Banner*/
.banner{background-color: #050608;
  padding: 0;
  box-shadow: 1px 6px 17px black;}

/*footer*/
.footer{z-index: 1000; background: #e9e622;color: #1a1d20; font-size: .8em; padding: 1em 0; width: 100%; bottom:0; position: fixed; text-transform: full-size-kana;}
.footer a{color: #c02f68;}
.position{position: relative; padding-top:3em;}
.hide{display: none;}
button{border-radius: 0 !important;
	color:#e9e622;
box-shadow: none !important;
border: none;
background: #1a1d20;
cursor: pointer;
padding: .1em 1em;}
button:hover{background:#e9e622 !important; color: #1a1d20 !important;}

.policies ul{font-size:inherit; text-align:left;}
.privacy li{text-align:left; list-style: none;line-height: 2;}
.policies #top-menu{text-align:center;}
.policies{width: 90%; margin: 0 auto; max-width: 1900px; color: #e9e622;}
.policies table, .policies td{border:1px solid black; margin-bottom:1em;}
.policies td{width: 33%;}