*{
	margin:0;
	padding:0;
	font-family: 'Poppins', sans-serif;
} 
.box
{
	width: 100%;
	height: 100vh;
	background-image: linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)),url(bg4.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
}

.container
{
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
h1{
	color: #fff ;
	margin-bottom: 60px;
}
iframe{
	width: 80%;
	height: 400px;
}

.hero-btn
{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	border: 1px solid #009688;
	padding: 12px 34px;
	font-size: 13px;
	background: transparent;
	position: relative;
	cursor: pointer;
}

.hero-btn:hover
{
	border: 1px solid #009688;
	background : #009688;
	transition: 1s;
}