body{

background-image: url("background2.png");
margin:0;



}


video{

position:fixed;
top:50%;
left:50%;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-100;
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
background:url("background2.png") no-repeat;
background-size:cover;
-webkit-transition:1s opacity;
transition:1s opacity


}




div{

font-family:Agenda-Light,Agenda\ Light,Agenda,Arial\ Narrow,sans-serif;
font-weight:100;
background:rgba(0,0,0,.3);
color:#fff;padding:2rem;
width:33%;margin:2rem;
float:right;
font-size:1.2rem


}


h1{

font-size:3rem;
text-transform:uppercase;
margin-top:0;
letter-spacing:.3rem

}


a{display:inline-block;
color:#fff;text-decoration:none;
background:rgba(0,0,0,.5);
padding:.5rem;
-webkit-transition:.6s background;
transition:.6s background


}
a:hover{


background:rgba(0,0,0,.9)}.stopfade{opacity:.5



}



#Jeff button{


display:block;
width:80%;
padding:.4rem;
border:none;
margin:1rem auto;
font-size:1.3rem;
background:rgba(255,255,255,.23);
color:#fff;
border-radius:3px;
cursor:pointer;
-webkit-transition:.3s background;
transition:.3s background


}



#Jeff button:hover{

background:rgba(0,0,0,.5);


}


@media screen and (max-width:500px){


div{width:70%}}@media all and (max-device-width:800px){


body{

background:url(background2.png) #000 no-repeat center center fixed;
background-size:cover

}
#bgvid,#Jeff button{

display:none;

}
div{width:70%}}