html, body {
	height: 100%;
}

body {
	font-family: 'Nunito', sans-serif;
	text-transform: uppercase;
  background-color: black;
}

a {
  color:#fff2bb;
}
a:hover {
  color: white;
  text-decoration: none;
}

#stars {
  background-image: url("http://klangstof.com/assets/stars.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #090f2d;
}

.wrapper {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -50px; 
}

.wrapper:after {
  content: "";
  display: block;
}
.koen, .wrapper:after {
  height: 51px; 
}
.koen {
  text-align: center;
  background-color: black;
  width: 100%;
}

.tickets {
  margin: auto;
  text-align: center;
  width: 100%;
  padding-bottom: 30px;
}

.content {
	padding-top: 70px;
	padding-bottom: 40px;
}

.contain {
  padding-top: 30px;
  width: 90%;
  margin: auto;
}

.contain img {
  width: 100%;
}

.contain iframe {
  margin: 20px 0;
}

.watch a {
  color: white;
  text-decoration: none;
}

.watch {
  margin-top: 20px;
}

.video-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.hostage {
  margin-top: 10px;
}

h4 {
  font-size: 11px;
  font-weight: bold;
}

.here {
  border: 1px solid white;
  width: 140px;
}

.klang {
  width: 220px;
}

.moon ul, li {
  list-style-type: none;
  font-family: 'Kreon', serif;
  color: white;
  display:inline;
}

.moon ul {margin: 0;}

.moon li {
  margin-right: 10px;
  font-size: 14px;
}

.socials {
  color: white;
  width:220px;
  float:right;
  margin: 0px 2em 0px 0px;
  font-size: 15px;
  width:100%;
}

.socials i {
  padding: 10px 5px;
}

  input {
    background-color: rgba(0,0,0,0);
    border: 1px solid white;
    padding:5px;
    color: white;
    text-align: center;
    font-size: 11px;
  }

input[type=submit] {
    border:none;
    font-weight: bold;
    cursor:pointer;
    font-size: 24px;
    margin-bottom: 5px;
}

::-webkit-input-placeholder {
   color:#fff2bb;
}
:-moz-placeholder { /* Firefox 18- */
   color:#fff2bb;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color:#fff2bb;  
}
:-ms-input-placeholder {  
   color:#fff2bb;  
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: none;
    background-image: none;
    color: rgb(0, 0, 0);
}

.subwoofer {
  margin-left: 5px;
  font-size: 20px;
  font-weight: 600;
}

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(bg.png) no-repeat;
    background-size: cover; 
}

@media (max-device-width: 767px) {
  #bgvid {display: none;}
 .koen {display: none;}
  body {background: #000000;background-size: cover; }
  .shows {width: 90%;margin: 60px auto 0px auto;color: white;font-size: 9px;}
  .bit-venue {display: none;}
}


@media (min-device-width: 768px) {
    .shows {
      width:65%;
        margin: 40px auto;
        color: white;
      }
}

.hostage img {width:100%}

.sc {
  width: 100%;
  margin: auto;
}

.bit-header {display:none;}
.bit-notify {display:none;}

table.bit-events tr:nth-child(2) {display : none;}
.bit-artist-event-link {display:none;}
.bit-rsvp {display:none;}
.bit-description-links {display:none;}
.bit-track-artist-header {display: none !important;}

td.bit-date {
    min-width: 65px;
}

.bit-tickets a{
  color:white;
  background-color:none;
  text-decoration: none;
  padding:3px 5px;
  border:1px solid white;
  font-weight:bold;
  text-transform:uppercase;
  font-size:10px;
}

.bit-tickets a:hover{
  color:black;
  border:1px solid white;
  background-color:white;
  text-decoration: none;
  padding:3px 5px;
  font-weight:bold;
  text-transform:uppercase;
  font-size:10px;
}

.preorder {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 0;
  color: #fff2bb;
}

.preorder a {
  color: #fff2bb;
  text-decoration: none;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
}

.preorder-tickets {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 0;
  color: #fff2bb;
}

.preorder-tickets a {
  color: #fff2bb;
  text-decoration: none;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
}

.socials-tickets {
  color: white;
  width:220px;
  text-align: center;
  margin: 0px auto 0px auto;
  font-size: 32px;
  width: 100%;
  height: 40px;
  z-index: 200;
}

.socials-tickets i {
  padding: 10px 10px;
}

.socials-tickets a {
  color: white;
}

.cete {padding:10px;}
.cete img {width:90%;}

.album iframe {
  border: 3px solid #fff2bb;
}