* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; left: 50px; width: 50%; color: #fff; padding: 120px; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 120px; font-weight: 300; margin-top: 30px; line-height: 1.2; font-family: Alegreya+Sans+SC script=all rev=2;}
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: inline-block;
		padding: 1.1em 1.25em;
		background: #FFFFFF url("images/bg01.png") no-repeat right top;
		background-size: 100% 100%;
		text-decoration: none;
		font-size: 1.10em;
		color: #111111;
		outline: 0;
		border: 0;
		cursor: pointer;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: #666;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: #007cc2;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		button.icon,
		.button.icon {
			position: relative;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			button.icon:before,
			.button.icon:before {
				margin-right: 0.5em;
				position: relative;
				top: 0.1em;
			}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		button.alt,
		.button.alt {
			background-color: #d93d00;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background-color: #f35111;
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			button.alt:active,
			.button.alt:active {
				background-color: #d43800;
			}

		input[type="submit"].alt2,
		input[type="reset"].alt2,
		input[type="button"].alt2,
		button.alt2,
		.button.alt2 {
			background-color: #414141;
		}

			input[type="submit"].alt2:hover,
			input[type="reset"].alt2:hover,
			input[type="button"].alt2:hover,
			button.alt2:hover,
			.button.alt2:hover {
				background-color: #575757;
			}

			input[type="submit"].alt2:active,
			input[type="reset"].alt2:active,
			input[type="button"].alt2:active,
			button.alt2:active,
			.button.alt2:active {
				background-color: #363636;
			}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			width: 100%;
			font-size: 2em;
			padding: 1.30em 0em 1.30em 0;
			font-weight: 300;
			text-align: center;
		}