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

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


.logo {
	width: 100%;
}

.textPopper {
	font-size: 30px !important;
	line-height: 30px !important;
}


}


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






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

	
}

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

	.logo {
		max-width: 1200px;
	}

}