#Div1{
			display: block;
			width:80%;
			margin:auto;
		}
		.container {
			position: relative;
			width: 100%;
			height: 0;
			padding-bottom: 56.25%;
		}
		.video-border iframe {
			position: absolute;
			top: 2%;
			left: 2%;
			width: 96%;
			height: 96%;
			/*	    
			Loses frame-border: top: 0; left: 0; width: 100%; height: 100%;
			Works great for full screen: width: 662px; height: 367px;
			Works great until video is started: width: 97%; height: 95%;
			Works great until screen is super narrow: top: 6px; left: 10px;
			padding-bottom: 50px !important;
			margin-bottom: 50px !important;
			*/
		}
		.main-content {
			background: rgba(0, 0, 0, 0.5);
			width: 70%;
			max-width:900px;
			height: auto;
			display: block;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			margin-top: 25px;
			padding-top: 17px;
			padding-bottom: 17px;
			border-radius: 12px;
			-moz-border-radius: 12px;
			-webkit-border-radius: 12px;
			text-align: center;
			color: white;
			font-family: Arial, Helvetica, sans-serif;
			margin-bottom: auto;
		}
		.video-border{
			margin: 8px !important;
			border-radius: 5px;
			-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.8), inset 0 1px 0 rgba(255,255,255,0.1);
			-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.8), inset 0 1px 0 rgba(255,255,255,0.1);
			box-shadow: 2px 2px 5px rgba(0,0,0,0.8), inset 0 1px 0 rgba(255,255,255,0.1);
		}
		.maintitle {
			font-size: 32px;
			font-weight: 500;
			line-height: 35px;
			font-family: Arial, Helvetica, sans-serif;
			text-shadow: 0px 3px 3px #000;
			margin-bottom: 20px;
			padding: 0 80px;
		}
		@media only screen and (max-width: 768px) {
			#Div1{
				width:100%;
			}
			.maintitle {
				font-size:20px;
				line-height:28px;
				padding:0 20px;
			}
			.main-content {
				width: 90% !important;
			}
			.navbar {
				font-size:12px;
			}
			.video{
				margin:0px auto 30px auto;
				text-align:center;
			}
		}