*{
	margin: 0;
	padding: 0;
}
.wrapper{
	background-image: url('img/balinde-bg.jpg');
	background-size: cover;
	background-position: center;
	height: 100vh;
}
.wrapper:before{
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: 0.5;
}
.heading{
	top: 25%;
	color: #fff;
	text-align: center;
	font-size: 50px;
	z-index: 1;
	display: block;
	position: relative;
}
.heading span{
	color: #fed136;
}
.heading2{
	top: 35%;
	color: #fff;
	text-align: center;
	font-size: 40px;
	z-index: 1;
	display: block;
	position: relative;
}
#date{
	top: 45%;
	color: #fff;
	text-align: center;
	font-size: 40px;
	z-index: 1;
	display: block;
	position: relative;
}
.copyright{
	bottom: 10px;
	right: 10px;
	color: #fff;
	text-align: right;
	font-size: 20px;
	z-index: 1;
	display: block;
	position: absolute;
}
.copyright a{
	text-decoration: none;
	color: #fed136;
	font-family: "Kaushan Script";
}
.copyright a:hover{
	color: red;
}

@media only screen and (max-device-width: 480px) {
	.wrapper{
		height: calc;
		background-image: url('img/balinde-bg.jpg');
		background-size: cover;
		background-position: center;
	}
	.copyright{
		right: unset;
		text-align: center;
		left: 25px;
	}
	.heading{
		top: 15%;
	}

}