/* body{
    padding: 0;
    margin: 0;
}
html {
font-family: 'Roboto Condensed', sans-serif;
} */
#mainnav {
position: absolute;
font-family: 'Roboto Condensed', sans-serif;
z-index: 999;
right: 50px;
text-align: right;
}
#mainnav li {
margin: 25px 0;
right: -550px;
position: relative;
display: none;

}
#mainnav a {
color: #edc342;   
text-decoration: none;
font-size: 1.4em;



} 
/* ul li{
    list-style: none;
    margin-top: -50px;
    
} */
.hamb {
position: absolute;
top: 20px;
right: 20px;
font-size: 2.5em;
z-index: 999;
}
.hamb a {
color: #fff;
text-decoration: none;
}
html, body, .hero {
height: 100%;
}

h1 {
font-size: 5em;
text-align: center;
font-weight: 700;
font-family: 'Roboto Condensed', sans-serif;
color: #fff;
width: 100%;
position: absolute;
top: 42%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#bubble {
width: 100%;
height: 100%;
opacity: 0.9;
position: fixed;
display: none;
z-index: 999;
background: rgba(0, 0, 0, .5);
}


.gap{
     
    color: white;
    margin-top: 50px;
    width: 200px;
    
     
     
}

h1 span{
    font-size: 50px;
    letter-spacing: 4;
    margin-left: -30px;
    color: orange;
}
.video-img{
    cursor: pointer;
}