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

@media screen and (max-width: 991px) {
	
	.logo__wrapper img.main-logo {
		height: 50px;
	}

	h1 {
		font-size: 2.5em;
	}
	
	.alinea__wrapper.story h2 {
		font-size: 2.25em;
		line-height: 1;
	}
	.alinea__wrapper.story p {
		font-size: 1.25em;
	}
	
	.alinea__wrapper.story img {
		height: 250px;
	}	
	
	.alinea__wrapper h2 {
		font-size: 2em;
		line-height: 1em;
	}
	
	.vacature-link a {
		font-size: 1.5em;
	}
	
	.cta__wrapper h3 {
		font-size: 2em;
	}
	.cta__wrapper a {
		font-size: 2em;
	}
	
	span.h1-large {
		font-size: 105%;
		line-height: 1.15;
	}

	h2 {
		font-size: 1.75em;
		line-height: 1;
	}
	
	span.h2-large {
		font-size: 2rem;
	}	
	
	.alinea__wrapper h4 {
		font-size: 1.5em;
	}
	
	p {
		font-size: 1em;
	}	
	
	.alinea__wrapper p.large {
		font-size: 1.25em;
	}
	
	.alinea__wrapper h3 {
		font-size: 1.5em;
	}

	.form__wrapper h4 {
		font-size: 2em;
	}

	.btn_social {
		font-size: 2em;
		height: 70px;
		width: 70px;
	}
	
	.logo__wrapper .col {
		flex: 0 0 auto;
		width: 50%;
	}
	.logo__wrapper .col img {
		height: 50px;
	}
	
	.form__wrapper {
		background-image: none;
	}
	
	
}


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

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

	.brandlogos__wrapper .brandlogo img {
		height: 40px;
	}
	
	.column__wrapper .card > .card-zoom {
		min-height: 200px;
	}
	.column__wrapper .card-body {
		padding: .5rem 1rem 1rem 1rem;
	}
	.column__wrapper .card h3 {
		font-size: 1.5em;
	}
	.column__wrapper .card p {
		font-size: 1.1em;
	}	
	.column__wrapper .card span.details {
		font-size: 1.15em;
	}
	
	a.card:hover span.link-text {
		margin-left: 56%;
	}	
	
	
	
}



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

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

	header .media img {
		height: 400px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 3em;
	}
	header h3 {
		font-size: 2em;
	}	
	
}

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

	header .media img {
		height: 400px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 3em;
	}
	header h3 {
		font-size: 2em;
	}	
	
}

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

	header .media img {
		height: 500px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 3em;
	}
	header h3 {
		font-size: 2em;
	}	
	
}

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

	header section.navigation img {
		height: 30px;
	}	

	header .media img {
		height: 600px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 3.5em;
	}
	header h3 {
		font-size: 2.5em;
	}	
	
}

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

	.alinea__wrapper.story img {
		height: 700px;
	}
	
}






/* ---------------------------------------------------
    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;
	}

	
}

	
}