/* Video Background CSS */
@font-face{
	src:url("horizon-font.ttf");
	font-family: 'HorizonFont';
}

*{
	padding: 0;
	margin: 0;
}

video{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

#my-title{
	z-index: 1;
	font-family: 'HorizonFont', serif;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 500px;
	font-size: 50px;
}

@media only screen and (max-width: 600px){
	#my-title{
		height: 300px;
	}

	#my-title h1{
		font-size: 30px;
	}
}