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

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


	h1 {
		font-size: 2em;
	}
	
	h2 {
		font-size: 1.5em;
		line-height: 28px;
	}
	
	h3 {
		font-size: 1.75em;
	}
	
	p {
		font-size: 1.1em;
	}
	
	.semilarge {
		font-size: 1.25em !important;
	}	
	
	header .media img {
		height: 200px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 2em;
	}
	
	.intro__wrapper .content {
		padding: 30px;
		max-width: none;
	}	
	
	.identifier h3 {
		font-size: 1.5em;
	}
	
	#searchForm {
		padding: 30px;
		width: 100%;
	}	
	#searchForm.bgMidgrey_fluid::after {
		width: 100%;
	}	
	
	.sideimg__wrapper .content {
		padding: 30px;
		max-width: none;
	}	
	.sideimg__wrapper .cols {
		column-count: 1;
		column-gap: none;
	}
	
	.column__wrapper h2 {
		font-size: 2.25em;
	}
		
	.usp__wrapper .content {
		padding: 30px;
	}	
	.usp__wrapper .usps {
		padding: 30px;
	}
	
	.cta__wrapper h2 {
		font-size: 2.25em;
	}
	
	.banner__wrapper img {
		height: 150px;
		object-fit: cover;
		width: 100%;
	}
	.banner__slide__wrapper img {
		height: 200px;
		object-fit: cover;
		width: 100%;
	}
	.banner__slide__wrapper .carousel-control-next, .carousel-control-prev {
		top: 40%;
	}
	
	.contentblock_alinea .outer-circle {
		height: 300px;
		width: 300px;
	}
	.contentblock_alinea .inner-circle {
		height: 200px;
		width: 200px;
	}
	.contentblock_alinea .inside-content {
		height: 100px;
		width: 100px;
	}
	.contentblock_alinea i {
		font-size: 3em;
	}
	
	.brandlogos__wrapper .brandlogo img {
		height: 30px;
	}
			
	footer section.footy-bottom li a {
		margin-right: 3rem;
	}
	
	
	section.navigation img {
		height: 50px;
	}
	
	
	.btn_social {
		font-size: 1.75em;
		height: 60px;
		width: 60px;
	}	
	
	.alinea__wrapper div.alinea_epilogue_text {
		padding: 50px;
	}
	.alinea_epilogue h2 {
		font-size: 45px;
		line-height: 45px;
	}
	.alinea__wrapper .alinea_epilogue_img {
		object-fit: cover;
		overflow: hidden;
		height: 300px;
	}
	.alinea__wrapper .alinea_epilogue_img img {
		height: 300px;
	}
	
	
	footer .wrapper {
		background-position: right 30px bottom 20px;
		background-size: 300px;
	}
	

}


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

	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: 80px;
	}	

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






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

	
}

	
}