/* ---------------------------------------------------
    MQ CSS
    
    BRAVE BOYS - KANTOOR VAN BEEK
----------------------------------------------------- */


/* ---------------------------------------------------
    BODY
----------------------------------------------------- */

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


	h1 {
		font-size: 2.25em;
	}
	
	h2 {
		font-size: 1.5em;
	}
	
	h2.large {
		font-size: 2em;
		font-weight: 600;
	}
	
	p {
		font-size: 1.1em;
	}
	
	.intro__wrapper p {
		font-size: 1.25em;
	}
	
	header .media {
		background-position: top 0px center;
		background-size: cover;
		height: 330px;
	}
	
	.cta__wrapper h3 {
		font-size: 1.5em;
	}

	.identifier h3 {
		font-size: 1.5em;
	}
	
	#googleMap {
		height: 250px !important;
	}
	
	footer section.footy-bottom li a {
		margin-right: 3rem;
	}

}

@media screen and (max-width: 1199px) {
	header .position-absolute {
		display: none;
	}
	iframe {
		width: 400px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
	header section.navigation ul li a {
		font-size: 1.1em;
	}
	header h2 {
		font-size: 2em;
	}
	header h3 {
		font-size: 1.25em;
	}
	
	.btn {
		font-size: 17px;
		height: 40px;
		padding: 5px 15px;
	}
	
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
	iframe {
		width: 450px;
	}
}
@media screen and (min-width: 1401px) {
	iframe {
		width: 600px;
	}
}




/* ---------------------------------------------------
    HEADER
----------------------------------------------------- */

@media screen and (min-width: 576px) and (max-width: 992px) {

	header .media {
		background-position: top 0px center;
		background-size: cover;
		height: 500px;
	}

	header .logoframe {
		margin-bottom: 100px;
	}
	
}

@media screen and (min-width: 993px) and (max-width: 1199px) {

	header .media {
		background-position: top 0px center;
		background-size: cover;
		height: 500px;
	}

	header .logoframe {
		margin-bottom: 100px;
	}
	
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
	
	header section.navigation img {
		height: 30px;
	}	

	header .media {
		background-position: top 0px center;
		background-size: cover;
		height: 500px;
	}

	header .logoframe {
		margin-bottom: 100px;
	}
	
}

@media screen and (min-width: 1400px) and (max-width: 2000px) {

	header .media {
		background-position: top 0px center;
		background-size: cover;
		height: 700px;
	}

	header .logoframe {
		margin-bottom: 100px;
	}
	
}






/* ---------------------------------------------------
    CONTAINER
----------------------------------------------------- */

@media screen and (min-width: 992px) {

	footer .wrapper .social {
		/* max-width: 200px; */
	}
	footer .wrapper .footer-nav {
	-moz-column-count: 2;
	column-count: 2;
	}
	
}

@media screen and (min-width: 1201px) {

	footer .wrapper .footer-nav {
		-moz-column-count: 3;
		column-count: 3;
	}

@media screen and (min-width: 1401px) {

	.container {
		max-width: 1600px !important;
	}
	
	#contentblock_sideimg .content .cols {
	-moz-column-count: 2;
	column-count: 2;
	-moz-column-gap: 80px;
	column-gap: 80px;
	}

	
}

	
}