#main-cont {
  background: #a7bd37;
}



.playerWrap {
	border: 0px solid #ff0;
  width: 100%;
  position: relative;
	height: 100%;
}


.playerWrap #vplayer {
  position: fixed;
}

.speaker, .fullscreen {
  position: absolute;
  right: 2em;
  top: 2em;
  width: 30px;
  height: 30px;
  visibility: visible;
  transition: transform .2s;
	cursor: pointer;
  z-index: 4;
  background: #ccc;
  text-align: center;
}
.speaker img {
  width: 100%;
  padding: 0.5em;
}

.bar {
  width: 60px;
  width: 100%;
  height: 3px;
  height: 4%;
  display: block;
	position: absolute;
	top: 50%;
	left: 0px;
  transform: translate(0%,0%) rotate(45deg);
  display: none;
  background: #000;
}

.fullscreen {
 border-top: 2px solid #777;
   display: none;
}

.fullscreen-svg {
  margin-top: 3%;
  scale: 0.8;  
}

.muted {
  display: block;
}

.close .bar1 {
  transform: translate(0%,0%) rotate(-45deg);
}
.close .bar2 {
  transform: translate(0%,0%) rotate(45deg);
}

footer {
  position: fixed;
  bottom: -1.5em;
  margin: 0;
}


header {
	height: 4em;
}
.header-mid {
	display: none;
}
section {
  margin-top: 4em;
}



@media only screen and ( min-width: 750px ) {
  section {
    margin-top: 5em;
  }
}

@media only screen and ( min-width: 1050px ) {

  section {
    margin-top: 7em;
  }
  .speaker, .fullscreen {
    width: 50px;
    height: 50px;
  }
  
  .fullscreen-svg {
    margin-top: 15%;
    scale: 1.5;  
  }
  header {
	 height: 7em;
  }
  .header-mid {
	 display: inherit;
  }
  
}
@media only screen and ( min-width: 1250px ) {

}