@media (max-width: 767px){
    
    a.navbar-brand{
		float: left;
		height: 45px;
		padding: 0;
		margin: 2.5px;
	}
	
	#banner{
		background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;  
		background-size: cover;  width: 100%;  height: 100%;  
		position: absolute;  
		bottom: 50px;  
	}

	a.navbar-brand img{
		margin-top: 0;
		height: 100%;
	}
	
	.navbuttons{
	font-size: 20px;
	float: left;
	}
	
	#navbar_center{
		padding-left: 0px;
		padding-right: 0px;
		margin-left:-15px;
		margin-right:-30px;
	}
	
	.menulist{
		width:100%;
		text-align:center;
	}	
	
	.fit_center {
	width: 300px;
	height: 300px;
	margin-top: 50px;
    vertical-align: middle;
	margin-bottom: 5px;
	}
	
	.bottombar{
	height: 50px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: #F0F0EA;
	}
	
	.btn-circle {
	margin-top: 7.5px;
	padding: 3.5px 8px;
	border-radius: 35px;
	background: 0 0;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	}
	
	#cirkelKnop{
		width: 35px;
		height: 35px;
		font-size: 20px;
		color: #777777;
		border: 2px solid #777777;
	}
	
	.knopMetRand{
		border-radius: 20px;
		font-size: 25px;
		color: #777777;
		border: 2px solid #777777;
	}
	
	.knopMetRandWit{
		border-radius: 20px;
		font-size: 30px;
		color: #fff;
		border: 2px solid #fff;
	}
	
	#advertentieKnop{
		padding: 5px 8px;
		border-radius: 20px;
		height: 35px;
		font-size: 15px;
		color: #777777;
		border: 2px solid #777777;
	}
	
	.welkomtekst{
    position:absolute;
    top:30%;
    font-size:30px;
	text-shadow:2px 2px 5px #000;
	}
	
	#advertentietekst{
	padding-top: 0px;
	font-size: 14px;
	}
	
	.taal {
    height: 20px;
    vertical-align: middle;
	border-style:solid;
	border-width:1px;
	}
	
	.intro-section{
    	padding-top:50px;
	}
	
    .about-section{
		padding-top: 70px;
		padding-bottom: 10px;
      }

	.cursus-section{
		padding-top: 70px;
		padding-bottom: 10px;
	}

	.actueel-section{
		padding-top: 70px;
		padding-bottom: 10px;
	}

	.inschrijven-section{
		padding-top: 70px;
		padding-bottom: 10px;
	}
	
	#sumer{
        height: 421px;
    }
}