<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Abel|Crimson+Text|Playfair+Display+SC" rel="stylesheet">
<nav class="navbar navbar-trans navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-collapse collapse" id="navbar-collapsible">
<ul class="nav navbar-nav navbar-left">
<li><a href="#section1">MAN</a></li>
<li><a href="#section2">MIND</a></li>
<li><a href="#section3">MISSION</a></li>
<li><a href="#section4">VENUES</a></li>
<li><a href="#section5">CULTIVATE</a></li>
<li>·</li>
</ul>
</div>
</div>
</nav>
<section class="container-fluid" id="section1">
<h1 class="text-center v-center">THE MAN</h1>
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<div class="row">
<div class="col-sm-10 col-sm-offset-1 text-center">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/220189667" width="960" height="540" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>