.container {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background:rgba(0,0,0,0.6);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .4s ease;
}

.container:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 100px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}



.divTimes {font-family: 'times new roman';
 padding-right:8px;
 padding-left:15px;
 margin-top:20px;
}


p{
font-family: "Lato", sans-serif;
}

 iframe { position:absolute; z-index:0}
 
 .bbox {
  width: 40%;
  height: 200px;
  background: orange;
  border-radius: 2px;
  padding: 10px;
  color: white;
  text-align: center;
  position:absolute;
}
.middle{
	height:150px;
	width:100%;
	background-color:#ffec80;
	
}

.middle .left{
	float:left;
	height:150px;
	width:30%;
	
}
.middle .right{
	float:right;
	width:45%;
	background-color: #990000;
	margin-top:15px;
	margin-bottom:15px;
	transform: 	translateX(-3.3%) skew(-25deg);
	margin-right:1%;
	text-align: center;
	height:120px;
	padding-top:50px;
	color:white;
		
}