<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<nav class="custom-menu">
<figure class="menu-image">
<span class="overlay-image"></span>
<img src="https://images.pexels.com/photos/3489130/pexels-photo-3489130.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="">
</figure>
<div class="menu-container">
<ul>
<li class="current"><a href="#">Home</a></li>
<li><a href="#">Team & Tools</a></li>
<li><a href="#">Diensten</a></li>
<li><a href="#">Actua</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Portaalinfo</a></li>
<li><a href="#">Contact</a></li>
<li><br></li>
<li><a href="#"><i class="material-icons">lock</i>Portaal login</a></li>
</ul>
</div>
</nav>
<header class="globNav">
<div class="fluid-container">
<div class="logo left-element">
<a href="#">
<img style="height: 56px" src="https://www.flaticon.com/svg/vstatic/svg/4053/4053319.svg?token=exp=1613512813~hmac=72782d4370306561ff4033da40915084" alt="Logo">
</a>
</div>
<div class="right-element">
<div class="button-container">
<button toggle-menu>
