@media only screen and (max-width: 1889.98px) {}
@media only screen and (max-width: 1199.98px) {}
@media only screen and (max-width: 767.98px) {}



.popover-welkom .meer-info-button, .meer-info-button {
  font-size: 12px;
}

.bekijk-kaart-button{
	font-size: 12px;
}

@media only screen and (max-width: 1889.98px) {
	
	.popover-welkom .meer-info-button, .meer-info-button {
	  font-size: 12px;
	}

	.bekijk-kaart-button{
		font-size: 12px;
	}
	
}

@media only screen and (max-width: 1199.98px) {
	
	.popover-welkom .meer-info-button, .meer-info-button {
	  font-size: 11px;
	}

}

@media only screen and (max-width: 1889.98px) {
	.titel-allen h3{
		font-size: 27px;
	}
}

.mouse-over-panel{
	height: 140px;
}

.mouse-over-scholen{
	display: none;
	opacity: 0;
}

.mouse-over-aanbieders{
	width:100%;	
	margin-left:0px;
	background: url(../img/aanbieders-cirkel-filmvakdocenten.jpg) left center no-repeat;
	height: 100px;
}

.mouse-over-aanbieders h5{
	margin-top: 27px;
	margin-left: 110px;
	font-size: 34px;
}


.filmvak-titel-en-terug{
	position: absolute;
	top:100px;
	right:100px;
}


.filmvak-titel-en-terug .btn{
	display: block;
	font-size: 10px;
	
}

.aanbieder-info{
	float:left;
	width: 60%;
	margin-right: 5%;
}

.aanbieder-foto{
	float:right;
	width: 33%;
	height: 100px;
	border:1px solid #000;
}


.buiten-gemeente-titel{
	font-family: 'sandro_grottescobold';
	background:#000;
	color:#FFF;
	text-transform: uppercase;
	font-size: 20px;
	width: 97%;
	margin: 20px 0px;
	text-align: center;
	padding:20px 0px;
}

.break-info{
	display: none;
}

@media only screen and (max-width: 1889.98px) {
	.break-info{
		display: block;
	}
}

@media only screen and (max-width: 1199.98px) {
	.break-info{
		display: none;
	}
}

@media only screen and (max-width: 767.98px) {
	.break-info{
		display: block;
	}
}