/*** HEIDI ***/

@media screen and (max-width: 1200px) {

	/* ################# HEADER ################# */

	header#header {

	}

	header#header h2 { font-size: 21px; padding-left: 40px; }

	/* ################# NAV ################# */

	nav#nav {

	}

	/* ################# SLIDER ################# */

	section#slider {

	}

	/* ################# INTRO ################# */

	section#intro {
		margin-bottom: 50px;
	}

	section#intro p { font-size: 17px; }

	#slogan { display: none; }

	/* ################# OPENINGSUREN ################# */

	section#openingsuren {
		padding-top: 50px;
	}

	section#openingsuren h2 { font-size: 27px; }

	section#openingsuren h3 { font-size: 21px; margin-bottom: 4px; }

	section#openingsuren p { font-size: 19px; }

	/* ################# CONTACT ################# */

	section#contact {

	}

	section#contact h2 { font-size: 24px; }
	section#contact h2 span { margin-top: 28px; }

	section#contact p { font-size: 22px; margin-bottom: 48px; }

	/* ################# TROEVEN ################# */

	section#troeven {
		
	}

	section#troeven ul li {
		font-size: 16px;
	}

	/* ################# MERKEN ################# */

	section#merken {

	}

	section#merken ul li, section#merken ul li h3 { font-size: 15px; }

	/* ################# FOOTER ################# */

	footer {
		
	}

	footer h2 { font-size: 19px; padding-left: 28px; }

}

@media screen and (max-width: 991px) {

	.flex { display: block; }

	/* ################# HEADER ################# */

	header#header {

	}

	header#header h2 { margin-top: 20px; padding: 0; }

	header#header .menu-btn { margin-top: -75px; }

	/* ################# NAV ################# */

	nav#nav {

	}

	/* ################# SLIDER ################# */

	section#slider {

	}

	/* ################# INTRO ################# */

	section#intro {

	}

	section#intro img.img-responsive { margin-top: 30px; }

	/* ################# OPENINGSUREN ################# */

	section#openingsuren {
		text-align: center;
		padding-bottom: 26px;
	}

	section#openingsuren .text-center .text-left { text-align: center; }

	section#openingsuren p { margin-bottom: 30px; }

	section#openingsuren h2 { font-size: 30px;}

	/* ################# CONTACT ################# */

	section#contact {

	}

	section#contact .col-md-7, section#contact .col-md-5 {
		float: left;
		width: 100%;
		text-align: center;
	}

	section#contact div#gmaps-wb {
		margin-bottom: 50px;
	}

	section#contact p.text-right { text-align: left; float: left; width: 100%; }

	section#contact h2 { float: left; clear: both; }

	section#contact p a { float: left; width: 100%; margin-left: 0; margin-bottom: 15px; }

	section#contact p {
		margin-bottom: 30px;
	}

	section#contact p.flex { margin-left: 0; margin-right: auto; float: left; margin-top: -18px; }

	/* ################# TROEVEN ################# */

	section#troeven {

	}

	section#troeven ul li {
		text-align: center;
		font-size: 18px;
	}
		section#troeven ul li img {
			display: none;
		}

	/* ################# MERKEN ################# */

	section#merken {

	}

	/* ################# FOOTER ################# */

	footer {
		text-align: center;
	}

	footer .text-right {
		text-align: center;
	}

	footer h2 {
		margin-top: 24px;
	}

	#copyright {
		float: none;
		display: inline-block;
		margin-top: 40px;
		margin-bottom: 5px;
	}
	
}

@media screen and (max-width: 768px) {

	.container {
		padding: 0 45px;
	}

	/* ################# HEADER ################# */

	header#header {

	}

	/* ################# NAV ################# */

	nav#nav {

	}

	/* ################# SLIDER ################# */

	section#slider {

	}

	/* ################# INTRO ################# */

	section#intro {
		margin-bottom: 40px;
	}

	/* ################# OPENINGSUREN ################# */

	section#openingsuren {

	}

	/* ################# CONTACT ################# */

	section#contact {

	}

	/* ################# TROEVEN ################# */

	section#troeven {

	}

	/* ################# MERKEN ################# */

	section#merken {

	}

	/* ################# FOOTER ################# */

	footer {
		
	}

	footer h2 { padding-left: 0; }

}

@media screen and (max-width: 650px) {

	header#header h2 { font-size: 17px; }

	header#header .menu-btn { margin-top: -71px; }

	section#intro h2 { font-size: 30px; }

}

@media screen and (max-width: 520px) {

	header#header h2 { display: none; }

	header#header .menu-btn { margin-top: -32px; }

	section#intro h2 { font-size: 24px; }

	section#intro p { font-size: 16px; }

	section#troeven img { max-width: 100%; }

}

@media screen and (max-width: 480px) {

	/* ################# HEADER ################# */

	header#header {

	}

	/* ################# NAV ################# */

	nav#nav {

	}

	/* ################# SLIDER ################# */

	section#slider {

	}

	/* ################# INTRO ################# */

	section#intro {

	}

	/* ################# OPENINGSUREN ################# */

	section#openingsuren {

	}

	/* ################# CONTACT ################# */

	section#contact {

	}

	section#contact h2 { font-size: 18px; }

	section#contact h2 span { margin-left: 14px; }

	section#contact p.flex { font-size: 17px;  }

	section#contact p.flex img { padding-left: 13px; }

	section#intro h2 { font-size: 29px; }

	/* ################# TROEVEN ################# */

	section#troeven {

	}

	/* ################# MERKEN ################# */

	section#merken {

	}

	/* ################# FOOTER ################# */

	footer {
		
	}

}

@media screen and (max-width: 436px) {

	section#intro h2 { font-size: 31px; }

	footer h2 { width: 75%; margin-left: 12.5%; }

}

@media screen and (max-width: 421px) {

	section#troeven img { max-width: 100%; }

}

@media screen and (max-width: 426px) {

	section#intro h2 { font-size: 30px; }

}

@media screen and (max-width: 361px) {

	section#intro h2 { font-size: 29px; }

	section#contact h2 span { margin-left: 7px; }

	section#contact p { font-size: 19px; }

	#copyright img { max-width: 100%; }

	footer h2 { width: 100%; margin-left: 0; }

}

@media screen and (max-width: 321px) {

	.container { padding: 0 30px; }

	/* ################# HEADER ################# */

	header#header {

	}

	/* ################# NAV ################# */

	nav#nav {

	}

	/* ################# SLIDER ################# */

	section#slider {

	}

	/* ################# INTRO ################# */

	section#intro {

	}

	section#intro h2 { font-size: 25px; }

	/* ################# OPENINGSUREN ################# */

	section#openingsuren {

	}

	/* ################# CONTACT ################# */

	section#contact {
		padding-bottom: 25px;
	}

	section#contact p.gmaps { font-size: 13px; }

	section#contact h2 { display: none; }

	section#contact p { font-size: 19px; margin-bottom: 25px; }

	section#contact p.flex { display: none; }

	section#contact div#gmaps-wb { margin-bottom: 45px; }

	/* ################# TROEVEN ################# */

	section#troeven {

	}

	section#troeven div.line { display: none; }

	/* ################# MERKEN ################# */

	section#merken {

	}

	/* ################# FOOTER ################# */

	footer {
		
	}

	footer h2 { display: none; }

}

/*@media screen and (max-width: px) { }*/