body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:18px;
}

.container {
  max-width:960px;
}

.navbar {
  border-bottom:0 none;
  background: url(../../assets/images/header-shadow.png) repeat-x bottom #ff7e00; 
}

.navbar .container {
  height: 80px;
  line-height: 80px;
}

.navbar .container .navbar-header a.navbar-brand {
  height:80px;
  line-height: 80px;
  padding-top:0;
  padding-bottom: 0;
  font-size:2em;
  color:#fff;
}

.navbar .container .navbar-header a.navbar-brand .surname {
  color:#000;
}

.navbar-default .navbar-toggle {
  margin-top: 22px;
}

.navbar-default .navbar-nav {
  float: right;
}

.navbar-default .navbar-nav > li {
  margin-top:17px;
  height:63px;
  overflow:hidden;
  padding-left:3px;
  padding-right: 3px;
  background: url(../../assets/images/nav-streepje.png) 0 0 no-repeat;
}

.navbar-default .navbar-nav > .active + li {
  background-image: none;
}

.navbar-default .navbar-nav > li > a {
  color:#fff;
  padding-top:0;
  padding-bottom:0;
  height:60px;
  line-height:50px;
  margin-top:3px;
}

.navbar-default .navbar-nav > .active {
  background-image: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color:#fff;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}

h1 {
  font-size:3.333em;
}

.collage {
  width: 100%;
}

.collage img {
  float: left;
}

.socials {
  clear:both;
  padding:36px 0;
}

.socials a {
  width:36px;
  height:36px;
  margin-right:10px;
  display:inline-block;
  text-indent:-9999px;
}
.socials a:first-child {
  margin-left:0;
}
.socials a:hover {
  opacity: 0.75;
}
.socials a.facebook {
  background-image:url(../../assets/images/facebook_36.png);
}
.socials a.linkedin {
  background-image:url(../../assets/images/linkedin_36.png);
}

@media (max-width: 770px) {
  .navbar .container {
    height:auto;
  }
  .navbar-default .navbar-nav > li {
    margin-top:0;
    height:auto;
    overflow:hidden;
    padding-left:3px;
    padding-right: 3px;
    background: none;
  }

  .navbar-default .navbar-nav > li > a {
    color:#000;
    padding-top:0;
    padding-bottom:0;
    height:auto;
    line-height:auto;
    margin-top:0;
  }
}