* {
margin: 0;
padding: 0;
}
container {
    width:900px;
    margin: 0 auto;
}
.header{
    background:rgba(255,255,255,.8);
    width:100%;
    top:0;
   /* position:fixed;*/
}

.logo{
    float:left;
    font-family:Roboto;
    font-size:15px;
    
}

a {
    text-decoration: : none;
    color: rgba(255,255,255,0)
}

li {
    list-style: none;
    float:left;
    margin-left: 15px;
    padding-top: 15px;
}

.nav {
    float:right;
    
}


body {
font-family: arial, sans-serif, thin;
font-size:100%;
background-color: rgba(245,245,245,1);
}

.content-section{
    width:70%;
    margin: 5%;
    padding-left: 10%;
    /*padding:8% ;*/
    

}

.content-section h1 {
    margin-bottom:15px;
    font-size: 2.em;
    color: rgba(100,100,100,1);
    text-align: left;

}

.content-section p {
    color: rgba(50,50,50,1);
    font-size: 1.3em;
    text-align: left;
    
}

.video-section {
    position:relative;
    width:100%;
    max-height: 600px;
    overflow: hidden;
    
    
}
#video-elem {
    width:100%;
    top: -65%
}

}

video::-webkit-media-controls {
    display: none !important;
}

video {
    top:-25%;
}
.video-overlay {
    position: absolute;
    top: 0;
    right:0;
    bottom:0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    opacity:.9;
    transition: opacity 0.3s ease;
    y-index: -25%;
}
.video-overlay:hover{
    opacity: 1;
}
.video-overlay h1 {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 4em;
    color: #fff;
    text-align: center;   
}
.video-overlay p {
    position:absolute;
    left:50%;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    font-size:2em;
    color: #fff;
    text-align: center;
}




.background-wrap {
				position: fixed;
				z-index: -1000;
				width: 100%;
				height: 600px;
				overflow: hidden;
				top: 0;
				left: 0;
			}
			
			#video-bg-elem {
				position: absolute;
				top: -150px;
				left: 0;
				min-height: 800px;
				min-width: 100%;
			}
			.content {
				position: absolute;
				width: 100%;
				min-height: 600px;
				z-index: 1000;
				background-color: rgba(0,0,0,0.6);
			}
			.content h1 {
				text-align: left;
                top: 35vh;
				font-size: 75px;
                min-height: 75%;
				font-weight: 300;
				color: #fff;
				/*padding-top: 15%;*/
				margin-bottom: 10px;
                position:absolute;
			}
			.content p {
				text-align: left;
                top: 50vh;
				font-size: 20px;
                min-height: 75%;
				letter-spacing: 3px;
				color: #fff;
                padding-right: 15%;
                padding-left: 15%;
                position:absolute;
                
                
                

                
                
			}

            #buttonContainer{
                background-color: transparent;
                width: 250px;
                height: 50px;
                position:absolute;
                top: 50vh;
                left: 0;
                right: 0;
                margin-right: auto;
                margin-left: auto;
                
                    
}
			
            #buttonOne{
                background-color: yellow;
                float:center;
                height:50px;
                font-family:sans-serif;
                border-radius: 0px;
                position: absolute;

                
    
}

            #buttonOne:hover{
                opacity:.7;
                
                
}

.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Roboto;
  color: #ffffff;
  font-size: 25px;
  background: transparent;
  padding: 10px 20px 10px 20px;
  border: solid #ffffff 1px;
  text-decoration: none;
  position:absolute;
  top: 60vh;
  left: 30%;
  right: 50%;
  margin-right: 10px;
  margin-left: 10px;
}

.btn:hover {
  background: black;
  opacity: .7;
  text-decoration: none;
}


.btn2 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Roboto;
  color: #ffffff;
  font-size: 25px;
  background: transparent;
  padding: 10px 20px 10px 20px;
  border: solid #ffffff 1px;
  text-decoration: none;
  position:absolute;
  top: 60vh;
  left: 50%;
  right: 30%;
  margin-right: 10px;
  margin-left: 10px;
}

.btn2:hover {
  background: black;
  opacity: .7;
  text-decoration: none;
}





		</style>