html, body{
  height: 100%
}
body{
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container{
  margin: 0 auto;
  width: 40%;
  padding: 2% 0;
}
.logo, .sublogo {
  margin-right: auto;
  margin-left: auto;
  display:block;
  width:70%;
}
#countdown{
  margin-right: auto;
  margin-left: auto;
  display:block;
  width:70%;
  font-size: 3.5vw;
  text-align:center;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-family: 'Oswald', sans-serif;
  opacity: 0.7;
}
.box{
  opacity: 0.7;background: black;
  margin-top: 15px;
}

#video-placeholder{
  display:block;
}
.player{
  padding:2%;
  color:white;
  margin-top: 3%;
  text-align: center;
  opacity: 0.7;
  font-family: 'Oswald', sans-serif;
}
#audio1{
  display:none;
}

#btnPlay{
  width: 5%;
  margin-top: 1%;
}

#btnPrev, #btnNext{
  margin-top: 1%;
}

i{
    cursor: pointer;
}