body{
   margin: 0;
   padding: 0;
   font-family: poppins;
}
header{
   overflow: hidden;
   height: 100vh;
}
.vid-bg{
   position: absolute;
   right: 0;
   bottom: 0;
   min-width: 100%;
   min-height: 100%;
}
.nav-area{
   background: rgba(0,0,0,0.7);
   height: 60px;
   position: absolute;
   width: 100%;
}
.logo{
   margin: 0 50px;
   height: 60px;
   float: left;
   color: #fff;
   font-size: 35px;
   text-transform: capitalize;
   font-weight: bold;
   letter-spacing: 2px;
}
.logo span{
   color: #f5bb00;
}
.menu-area{
   float: right;
   list-style: none;
   margin: 20px;
}
.menu-area li{
   display: inline-block;
   margin: 0 5px;
}
.menu-area li a{
   text-decoration: none;
   color: #fff;
   padding: 5px 10px;
   letter-spacing: 2px;
}
.menu-area li a:hover{
   color: yellow;
}
.banner-text{
   position: absolute;
   top: 50%;
   left:25%;
   transform: translate(-50%,-50%)
   text-align: center;
}
.banner-text h2{
   color: #fff;
   font-size: 55px;
   margin: 0;
}
.banner-text h2 span{
   color: #f5bb00;
}
.banner-text p{
   color: #fff;
   font-size: 23px;
   margin: 0;
   font-weight: bold;
}
.btn{
   display: inline-block;
   margin-top: 5%
   background: transparent;
   border: 0;
   font-size: 20px;
   text-transform: uppercase;
   border: 3px solid #fff;
   padding: 10px 25px;
   color: #f5bb00;
   border-radius: 25px;
}