#bk-body {
 font-family: "Varela Round";
 font-size: 1.2em;
 line-height: 1.2em;
}

img {
    max-width: 100%;
    height: auto;
}

a {
 font-style: normal;
 text-decoration: none;
}

.clearfix {
    clear: both;
}

.hidden {
    display: none;
}
.handschrift {
  font-family: "Caveat";
  font-size: 1.5em;
}

.header-bar {
    width: 100%;
    margin: 0 auto;
    padding: 5px 0;
    overflow: hidden;
}

 .header-title-logo {
  display: block;
  margin: 40px auto;
 }
 
 .bk-social-icons {
    display: inline-block;
    float: right;
}
 
 .bk-social-icons ul{
    display: inline-block;
    clear: both;
    list-style: none;
    font-size: 1.2em;
    text-align: center;
}

.bk-social-icons ul li {
    float: left;
    margin-right: 20px;
    line-height: 1.2em;
}

.bk-social-icons ul li a {
    display: block;
    line-height: 2em;
}
 
#nav .bk-menu{
    background-color: #F4CCCC;
    text-transform: none;
    font-size: 1em;
    font
}

#nav .selected {
 
}

#map {
   width: 100%;
   height: 400px;
   background-color: grey;
 }
 
 #tab-home {
  display: block;
 }
 
 .bk-content {
  padding: 0px 20px;
  color: #000000;
  display: none;
 }
 
 .bk-pagetitle {
  font-weight: bold;
  padding-bottom: 20px;
  font-size: 1.4em;
 }
 
 .bk-article {
  padding-top: 20px; 
  }

 
.bk-mapcontainer {
 overflow:hidden;
 height:300px;
 float:right;
 border:2px solid;
}

#gmap_canvas {
 height:300px;
 width:100%
}

.bk-openingstijden td {
 padding:0 20px 5px 0;
 
}

/***************************************************************/

@media all and (max-width: 480px) {
    
    .bk-pagetitle{
     display:block;
     overflow: visible;
    }
    
    #menu-click {
     background-color: #F4CCCC;
    }
    
        .header-title-logo{
    width:95%;
    height: auto;
    }
    
    .bk-container {
          margin: 10px auto;
          padding: 8px 0;
          max-width: 95%;
          background: #fff;
     }
    
    .bk-logo{
      width: 10px; 
    }
    
    .bk-par-img {
        width:100%
    }
    
    .bk-mapcontainer {
     width:100%;
     margin-bottom:20px;
    }
    
    #nav {
         background: #fff;
         border-top: 1px solid #000;
         border-bottom: 1px solid #000;
         display: block;
         width: 100%;
         text-align: center;
         z-index: 99999;
         line-height: 1.2em;
         text-align: center;
         text-transform: uppercase;
         letter-spacing: .2em;
     }
     
     #nav ul {
         text-align: center;
         padding: 0;
     }
     
      #nav a {
        padding: 10px 5px;
        color: #000;
        display: block;
     }
     
     .tinynav, #menu-click {
         display: none;
     }
     
     #bk-uitklap-menu {
      display:none;
      
     }  
     
     #menu-click:before {
         content: '\2261';
         margin-right: 10px;
     }
     #menu-click {
         display: block;
         padding: 15px 0;
         position: relative;
         text-decoration: none;
         text-align: center;
         line-height: 1.2em;
         z-index: 999999;
         cursor: pointer;
     }
     
     #tab-home img{
       width:auto;
     }

}

/***************************************************************/

@media all and (min-width: 481px) and (max-width: 1199px) { 
    
     .bk-header {
      position: relative;
      width: 95%;
      margin: 0 auto; 
    }
    
    .header-title-logo{
    width:calc(1000px/2);
    height: auto;
    }
    
     .bk-container {
           margin: 10px auto;
           padding: 8px 0;
           max-width: 95%;
           background: #fff;
     }
    
    .bk-par-img {
        width:40%;
        float:right;
        padding-left: 0 0 60px 60px;
    }
    
     .bk-mapcontainer {
     width:60%;
    }
    
   
    #nav {
        background: #fff;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        position: relative;
        display: inline-block;
        width: 100%;
        clear: both;
        line-height: 1.2em;
        font-size: 1em;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .2em;
        
    }
    
    #menu-click {
        display: none;
    }
    
    #nav ul {
        list-style: none;
        display: table;
        margin: 0 auto;
        text-align: center;
    }
    
     #nav li {
           display: inline-block;
           position: relative;
       }
     
     #nav a {
        padding:20px 20px;
        color: #000;
        display: block;
     }
     
     .bk-par-img {
        width:40%;
        float:right;
        padding: 0 0 50px 50px;
     }
     
     #tab-home img{
       width:auto;
     }
}

/***************************************************************/

@media (min-width: 1200px){
   
    
      .header-title-logo{
    width:calc(1000px/2);
    height: auto;
    }
    
     .bk-header {
       position: relative;
       width: 1140px;
       margin: 0 auto;
     }

     .bk-container {
       margin: 10px auto;
       padding: 15px 0;
       width: 1140px;
       background: #fff;
     }
     
     #nav {
         background: #fff;
         border-top: 1px solid #000;
         border-bottom: 1px solid #000;
         position: relative;
         display: inline-block;
         width: 100%;
         clear: both;
         line-height: 1.2em;
         font-size: 1em;
         text-align: center;
         text-transform: uppercase;
         letter-spacing: .2em;
     }
     
     #menu-click {
          display: none;
      }
      
      #nav ul {
           list-style: none;
           display: table;
           margin: 0 auto;
           text-align: center;
       }
       
       
       #nav li {
           display: inline-block;
           position: relative;
       }
     
     #nav a {
        padding:20px 50px;
        color: #000;
        display: block;
     }
     
     .bk-par-img {
        width:40%;
        float:right;
        padding: 0 0 60px 60px;
     }
     
     .bk-mapcontainer {
     width:60%;
     }
     
     #tab-home img{
       width:49%;
     }
    
}

.confetti{

  border-radius: 50%;
  position:absolute;
  z-index: -20;
}


.ctest {

  border-radius: 50%;
  background-color: #BB7700;
  width: 80px;
  height: 80px;
  position:absolute;
  z-index: -20;
  display: block;
  
  box-shadow: inset 20px 20px 30px 10px #fffbd1
}