@charset "UTF-8";
/* CSS Document */

html, body {
	padding: 0;
	margin: 0;
}

.container {
	width: 7680px;
	height: 2160px;
	overflow: hidden;
	background: url("../_img/eclipse-bg-7680x2160.jpg");
	position: relative;
}

.bezels {
	background: url("../_img/bezels.png");
	position: absolute;
	top: 0;
	left: 0;
	width: 7680px;
	height: 2160px;
	z-index: 999;
}

.left {
	float: left;
    width: 50%;
    height: 100%;
	text-align: center;
}

.right {
	float: right;
    height: 100%;
    width: 50%;
	text-align: center;
}

.half {
	width: 45%;
}

.third {
	width: 30%;
}

.two-thirds {
	width: 60%;
}

.eclipse-logo {
    margin: 0 auto;
    width: 74%;
    padding: 300px 0 0px 0px;
}

.eclipse-logo img {
	width: 100%;
	text-align: center;
}

.eclipse-countdown {
    width: 76%;
    margin: 0 auto;
    padding-top: 0px;
}

#countdown .text {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
}

.eclipse-video {
	width: 100%;
	height: 100%;
	position: relative;
}

.eclipse-video iframe {
  margin: auto;
  position: absolute;
  top: 50%;
	left: 0;
	right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.watchers {
    width: 21%;
    margin: 0 auto;
    bottom: -210px;
    position: absolute;
    left: 800px;
}

.watchers img {
	width: 100%;
    margin: 0 auto;
}