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

    body{
        margin: 0;
        font-family: goudy old style italic;
        font-weight: 300;
        min-width: 98%;
        max-width: auto;
        
    }
     .container{
        width: 30%;
        margin: 0 auto;
        float: left;
        }
   video#bgvid{
       position: relative;
       min-height: 100%;
       min-width: 100%;
       width: 100%;
       height: 100%;
        background-size: cover;
      //outline: 2px solid blue;
      
    }
   
    header{
        background-color: #5f1312;
        //outline: 2px solid blue;
       
       
    }
   header:after{
        content: '';
        display: table;
        clear: both;
      
    }
    .logo{
        float: left;
        width: 30%;
        padding-left: 10px;
          
        
    }
    nav{
        float: right;
        //outline: 2px solid blue;
        padding-right: 20px;
       
    }
    nav ul{
        margin: 0;
        padding: 0;
        list-style: none;
        //outline: 2px solid blue
    }
    nav li{
        display: inline-block;
        margin-left: 75px;
        padding-top: 40px;
        position: relative;
        //outline: 2px solid blue;
    }
    nav a {
        color: black;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        
    }
    nav a:hover{
        color:#0b9446;
    }
    nav a::before{
        content: '';
        display: block;
        height: 5px;
        width: 100%;
        background-color: black;
        position: absolute;
        top: 30px;
        width: 0;
       
    }
    nav a:hover::before{
        width: 100%;
       transition: all ease-in-out 300ms; 
    }


.btn{
    position: absolute;
    top:40%;
    left:45%;
    z-index: 1;
}
button{
	background-color: transparent;
	color: black;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	height: 50px;
    z-index: -1;
    
	
	}
button:hover{
	background-color: red;
	cursor: pointer;