* { outline:none; }
a { text-decoration:none; }

body {
  margin:0;
  padding:0;
  font-family:Play, Arial, Helvetica, Verdana, sans-serif;
}
p { font-family:Play, Arial, Helvetica, Verdana, sans-serif; }
hr {
  display:block;
  border:0;
  width:100%;
  margin:0;
  padding:0;
  color:#fff;
  background:#fff;
  }

.dblk { display:block; }
.gpd { overflow:hidden; height:120px; margin-right:1px; margin-bottom:1px; }

.wrap {
  max-width:976px;
  margin:0 auto;
}

.header .wrap, .page .wrap { max-width:800px; padding:0 20px; }
.logo { padding-top:23px; }
.logo h1 { margin:0; padding:0; }
.logo h1 a p {
  font-size:43px;
  line-height:39px;
  text-transform:uppercase;
  font-weight:normal;
  font-family:Open Sans, arial, sans-serif;  
  color:#69675d;
}
.logo p { margin:0; padding:0; }
.logo a img { border:none; display:block; max-width:100%; margin:0; padding:0; }

.nav { margin-top:82px; text-align:right; }
.nav ul { list-style:none; margin:0; padding:0; }
.nav ul li { display:inline; }
.nav ul li a {
  display:inline-block;
  padding-left:35px;
  color:#333;
  font-size:14px;
}
.nav ul li.active a { color:#69675d; }

.hbwrap { 
  display:none; 
  text-align:right;
  padding-top:50px;
}

.hb {
  font-size:28px;
  background:#504F4B;
  padding:15px;
  border-radius:10px;
  color:#fff;
}

.page {
  margin:50px 0;
}

.content {
  line-height:25px;
}
.content h1, .content h2, .content h3, .content h4 {
  font-family:Play, Arial, Verdana, sans-serif;
}
.content h2 { 
  color:#69675d; 
  margin-bottom:-10px;
  padding-bottom:0;
}
/* Link kleur in de tekst */
.content a { color:#996633; }

.intro p {
  color:#4F4E4A;
  font-size:18px;
  font-weight:bold;
  font-family:Play, arial, sans-serif;
}

.intro .button {
  border-radius:5px;
  display:inline-block;
  padding:10px 15px;
  font-size:20px;
  border:2px solid #666;
  text-transform:uppercase;
  color:#333;
  font-weight:bold;
  margin-top:35px;
}
.intro .button:hover {
  background:#D6BFAF;
  color:#fff;
}

.formulier { 
  padding-left:30px;
  padding-top:55px;
}

.footer {
  height:550px;
  text-align:center;
  background:url(http://www.play-it-hard.nl/projects/jazz/img/instrumenten-large.jpg) top center no-repeat;
}
.instrumenten { display:none; max-width:100%; }


.muzikanten .afbeelding {
  border-right:2px solid #4F4E4A;
  padding-right:20px;
}
.muzikanten .afbeelding img {
  display:block;
  max-width:100%;
}
.muzikanten .tekst {
  padding-left:20px;
}


@media screen and (max-width: 768px) { 
  .footer { background:none; height:auto; }
  .instrumenten { display:block; }
  .hbwrap { display:block; }
  .nwrap { display:none; }
  .nav { text-align:left; padding:0; margin:0; margin-top:20px; }
  .nav ul li a {
    display:block;
    padding:10px;
    border-bottom:1px solid #eee;
  }
  .nav ul li a:hover {
    color:#fff;
    background:#69675d;
  }
  .formulier { padding:0; }
}

@media screen and (max-width: 568px) { 
  .muzikanten .afbeelding {
    border-right:none;
    padding-right:0;
  }
  .muzikanten .tekst {
    padding-left:0;
    padding-bottom:30px;
  }
}