@media (max-width: 1200px){
#contactSection .footerSection .span8 {
	float: none;
padding: 20px;
width: 100%;
margin: 0px;
}

#weetjes img {
	margin-top: 0px;
}
#weetjes .span12 div {
margin-left: 0px; 
}

#weetjes .luiers {
padding-left: 20px;
}

.footerSection .copyright {
text-align: center;
}
.socialicon {
text-align: center;
margin-left: 10px;

}

}


@media (max-width: 979px){

#weetjes img {
	margin-top: 0px;
}

.navbar {
margin-bottom: 0px;
margin-top: 0px;
position: absolute;
width: 100%;
right: 0px;
z-index: 999;
}
#headerSection .btn.btn-navbar {
display: block;
width: 40px;
    position: absolute;
    right: 0px;
    top: -32px;
}
.navbar .nav-collapse {
background-color: default;
}
.navbar .nav-collapse .nav {
padding-top: 20px;
}
.navbar .nav-collapse .nav>li {
display: default;
}

.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
color: #f2f2f2;
}
.nav-collapse .nav>li>a:hover, .nav-collapse .dropdown-menu a:hover {
color: #777;
}

#catch-the-baby-game-wrapper {
    height: 500px;
}
#catch-the-baby-game-wrapper canvas {
    height: 500px;
}



.logo {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


}


@media (max-width: 767px){
body {
	padding-right: 0px;
	padding-left: 0px;
}
h1.cntr {
	line-height: 50px;
}

#weetjes img {
	margin-top: 0px;
}

#weetjes .luiers {
padding-left: 0px;
}

#spelletje {
    text-align: center;
    height: auto;
    padding: 4em 1em;
}

#catch-the-baby-game {
display: none;
}

#catch-the-baby-game-wrapper {
height:300px;
}
#catch-the-baby-game-wrapper canvas {
display: none;
}

#catch-the-baby-game-play {
display: block;
}


.navbar {
margin-bottom: 0px;
margin-top: 0px;
position: absolute;
width: 100%;
right: 0px;
z-index: 999;
}
#headerSection .btn.btn-navbar {
    display: block;
    width: 30px;
    position: absolute;
    right: 0px;
    top: -32px;
    border-radius: 10px;
}
.navbar .nav-collapse {
background-color: #2069ad;
margin-top: 20px;
}
.navbar .nav-collapse .nav {
padding-top: 15px;
}
.navbar .nav-collapse .nav>li {
display: block;
text-align: left;
}
.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
color: #f2f2f2;
}
.nav-collapse .nav>li>a:hover, .nav-collapse .dropdown-menu a:hover {
color: #777;
}


}