.menu-container {
position: fixed;
top: 16px;
z-index: 9999;
opacity: 0;
animation-name: fade-in;
animation-duration: 600ms;
animation-delay: 500ms;
animation-timing-function: ease-in;
animation-fill-mode: forwards;
} 
.style-dark-override > .menu-container {
top: 40px;
}
@media (max-width: 768px) {
.menu-container {
top: 0;
}
.style-dark-override > .menu-container {
top: 0;
}
}
@keyframes fade-in {
0% { opacity: 0; }
100% { opacity: 1;}
}
.scroll-bound {
height: 200vh;
}
.scroll-bound .content {
height: 100vh;
width: 100%;
position: fixed;
top: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #fff;
}
.scroll-bound video {
width: 100%;
width: 100%;
position: absolute;
height: 100%;
object-fit: cover;
backface-visibility: hidden;
}
.scroll-bound .content::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0, .5);
z-index: 2;
} 
.scroll-downs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 35px;
height: 60px;
margin-top: 15px;
}
.mousey {
width: 3px;
padding: 10px 15px;
height: 35px;
border: 1.5px solid #fff;
border-radius: 25px;
opacity: 0.75;
box-sizing: content-box;
}
.scroller {
width: 3px;
height: 10px;
border-radius: 25%;
background-color: #fff;
animation-name: scroll;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(.15,.41,.69,.94);
animation-iteration-count: infinite;
}
@keyframes scroll {
0% { opacity: 0; }
10% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(15px); opacity: 0;}
}
.single-portfolio .menu-container {
background-color: #fff !important;
}