*{
			background-color: cornflowerblue
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
				
		}
		.hero{
			width: 100%;
			height: 55vh;
			background-image: linear-gradient(rgba(12,3,51,0.3),rgba(12,3,51,0.3));
			position: relative;
			padding: 0.5%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
			nav{
				width: 100%;
				position: absolute;
				top: 0;
				left: 0;
				padding: 20px 8px;
				display: flex;
				align-items: center;
				justify-content: space-between;
					
			}
			nav .logo{
				width: 100px;
			}
			nav ul li{
				list-style: none;
				display: inline-block;
				margin-left: 40px;
			}
			nav ul li a{
				text-decoration: none;
				color: #fff;
				font-size: 17px;
			}
			.vid-content{
				text-align: center;
				
			}
			.vid-content h1{
				font-size: 55px;
				color: #fff;
				font-weight: 600;
				transition: 0.5s;
			}
			.vid-content h1:hover{
				-webkit-text-stroke: 2px #fff;
				color: transparent;
			}
			.vid-content a{
				text-decoration: none;
				display: inline-block;
				color: #fff;
				font-size: 24px;
				border: 2px solid #fff;
				padding: 14px 70px;
				border-radius: 50px;
				margin-top: 20px;
			}
			.back-video{
				position: absolute;
				right: 0;
				bottom: 0;
				z-index: -1;
			}
			@media (min-aspect-ratio: 16/9){
				.back-video{
					width: 100%;
					height: auto;
				}
			@media (max-aspect-ratio: 16/9){
				.back-video{
					width: auto;
					height: 100%;
				}
			}
			
			/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {

.vid-content h1{
				font-size: 35px;
				color: #fff;
				font-weight: 600;
				transition: 0.5s;
			}
			.vid-content h1:hover{
				-webkit-text-stroke: 2px #fff;
				color: transparent;
			}
			.vid-content a{
				text-decoration: none;
				display: inline-block;
				color: #fff;
				font-size: 18px;
				border: 2px solid #fff;
				padding: 14px 70px;
				border-radius: 50px;
				margin-top: 20px;
			}





}