#container2 {
  position: relative;
}

video, canvas {
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
}

video {
  height: 100%;
  position: absolute;
}

#desc{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
	color:white;
	font-weight:900;
	font-family: 'Play', sans-serif;	
	color:white;
	font-size:33px;
	width:100%;
	text-align: center;
	padding: 90px 0 0 0;
}

#featurette-divider{
	padding: 0 0 -30px 0;
	border:0px;
}

.explainer_video{
	text-align:center;
}

#logo{
	position:relative;
	font-family: 'Play', sans-serif;	
	color:white;
	font-size:100px;
	width:100%;
	text-align:center;
	padding: 0px 0px 0px 0px;
	color:#131518;
	height:700px;
	min-width: 1300px;
}

.img-border{
	border-width:3px;	
    box-shadow: 5px 5px 5px #888; 
    -webkit-box-shadow: 5px 5px 5px #888; 
    -ms-box-shadow: 5px 5px 5px #888; 
    -o-box-shadow: 5px 5px 5px #888; 
}

#logo1{
	color: white;
}

#logo2{
	color: #C0C0C0;
}

#logo3{
	font-size: 20px;
	color:#c2231f;
}

#description{
	text-align:center;
	font-size:30px;
	color:red;
	padding: 0px 0px 0px 0px;
	font-weight:900;
	z-index: 100;
}

#prototype_warn{
	font-size:16px;
}

#get_inspired{
	font-size:20px;
	font-weight:900;
}

.btn-horizontal-margin {
	margin: 0px 10px;
}

/* marketing container */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-right: 15px;
  padding-left: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-md-7 {
}

.marketing h2 {
  font-weight: normal;
}


/* Featurettes */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
  vertical-align: text;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  font-size: 40px;
}

.featurette {
  vertical-align: center;
}