body {
  font-family: "Poppins", sans-serif;
}

#bg {
	background: linear-gradient(to bottom, #cbcbc7 0%, #c8c7c3 100%);
	color:#fff;
	height:100vh;
	

}

#bg .container {
  margin-top:40px;
  text-align: center;
	background: url('../img/BG2.png') center bottom; 
	background-size: cover;  
	position: relative; 
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
	border-bottom: solid 15px rgb(227 227 227);

}

#bg .play-btn {
  width: 94px;
  height: 94px;
  margin: 0 auto;
  background: radial-gradient(#009961 50%, rgba(0, 153, 97, 0.4) 52%);
  border-radius: 50%;
  display: block;
  overflow: hidden;
  position: relative;
}

#bg .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#bg .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 3s;
  animation: pulsate-btn 3s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(0, 153, 97, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

#bg .play-btn:hover::after {
  border-left: 15px solid #009961;
  transform: scale(20);
}

#bg .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

.lifeline{
	font-size:30px; 
	text-align:left; 
	padding:20px;
}
.title{
	font-size:30px; 
	line-height:40px; 
	padding-top:20px;
	padding-bottom:50px;
}
.vid{
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  border: solid 5px rgb(227 227 227);
}

.play{
	margin-top: -33%;
}
.last{
	margin-bottom:-60px;
	
}
.pod{
	width:200px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.link{
margin-top:80px; 
}
.tag{
font-size:20px; 
padding-top:40px;
}
.download{
font-size:20px;
}
.logo{
	width:250px;

}
#logo{
	text-align:left;	
}
@media (max-width: 1024px) {
	.lifeline{
		font-size:30px; 
	}
	.title{
	font-size:30px; 
}
	
	
}

@media (max-width: 991px) {
	.lifeline{
		font-size:25px;
		text-align:center;
	}
	.title{
	font-size:25px; 
	padding-top:20px;	
	}
	.link{
		margin-top:30px;
	}
	.download{
	font-size:14px;
	}
	.tag{
	font-size:16px; 
	padding-top:80px;
	}	
	.video{
		padding-top:50px;
	}

}

@media (max-width: 768px) {
	.lifeline{
		font-size:22px; 
	}
	.title{
	font-size:22px; 
	padding-top:0px;	
	}
	.download{
	font-size:14px;
	padding-top:10px;	
	}
	.tag{
	font-size:14px; 
	padding-top:15px;
	}

	.video{
		padding-top:0px;
	}
.title{
	padding-bottom:20px;
}	
	
}