/*

    ////////////////////////////////////////////////////////////
    //
    // L8M
    // 
	//
	// Contains CSS (for screen).
    // 
	// Filesource /public/default/css/screen/responsive.css
	// Version    $Id: responsive.css 514 2016-09-19 15:21:11Z nm $
    //
    ////////////////////////////////////////////////////////////

    ////////////////////////////////////////////////////////////
    // general
    ////////////////////////////////////////////////////////////
    
*/


/**
 * smaller then xl - extra large - this is: large (lg)
 */
@media screen and (max-width: 1199px) {

	.content-box.content {
	}

	.l8m-gallery .item {
		height: 160px;
	}
	
	.col-md-6 .l8m-gallery .item {
		height: 310px;
	}	

	.youtube-question {
		height: 506px;
	}	

	.col-lg-10 .col-md-6 .youtube-question {
		height: 156px;
	}	

	.col-lg-8 .youtube-question {
		height: 344px;
	}	

	.col-md-6 .youtube-question {
		height: 245px;
	}
	
	.col-md-4 .img-in-col-full {
		height: 200px;
	}
	
	.col-md-4 .img-in-col-half {
		height: 100px;
	}	

	.smaller-content .col-md-4 .img-in-col-full {
		height: 162px;
	}
	
	.smaller-content .col-md-4 .img-in-col-half {
		height: 81px;
	}
}


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

}


/**
 * smaller then lg - large - this is: medium (m)
 */
@media screen and (max-width: 991px) {
	.hasCookieWarning footer {
		padding-bottom: 150px;
	}

	.content-box.content {
	}

	.l8m-gallery .item {
		height: 160px;
	}
	
	.col-md-6 .l8m-gallery .item {
		height: 225px;
	}	

	.youtube-question {
		height: 372px;
	}	

	.col-lg-10 .col-md-6 .youtube-question {
		height: 142px;
	}	

	.col-lg-8 .youtube-question {
		height: 372px;
	}	

	.col-md-6 .youtube-question {
		height: 178px;
	}

	.col-md-4 .img-in-col-full {
		height: 144px;
	}
	
	.col-md-4 .img-in-col-half {
		height: 72px;
	}	

	.smaller-content .col-md-4 .img-in-col-full {
		height: 144px;
	}
	
	.smaller-content .col-md-4 .img-in-col-half {
		height: 72px;
	}
}


/**
 * smaller then m - medium - this is: small (sm)
 */
@media screen and (max-width: 768px) {
	.hasCookieWarning footer {
		padding-bottom: 170px;
	}
	
	.header-image:empty {
		margin-bottom: 24px;
	}

	.header-carousel-description {
		display: none;
	}

	.content-box.content {
	}

	.col-md-4 .img-in-col-full {
		height: 350px;
	}
	
	.col-md-4 .img-in-col-half {
		height: 175px;
	}	

	.smaller-content .col-md-4 .img-in-col-full {
		height: 350px;
	}
	
	.smaller-content .col-md-4 .img-in-col-half {
		height: 175px;
	}

	.scale-it-all .mb-3 {
		margin-bottom: 1.9vw !important;
	}
	
	.scale-it-all .ml-5 {
		margin-left: 3.8vw !important;
	}

	.scale-it-all .ml-p-25 {
	}
	
	.scale-it-all .ml-p-50 {
	}	
	
	.scale-it-all .mt-5 {
	}
	
	.scale-it-all .h1 {
		font-size: 3vw;
	}
	
	.scale-it-all .h3 {
		font-size: 2.55vw !important;
	}
	
	.scale-it-all .btn {
		font-size: 2.1vw !important;
		padding: 0.5vw 1vw !important;
	}		

	.scale-it-all .w-75 {
		width: calc(100% - 7.6vw) !important;
	}		

	.scale-it-all .w-50 {
		width: calc(100% - 7.6vw) !important;
	}	
}


@media screen and (max-width: 648px) {
	.hasCookieWarning footer {
		padding-bottom: 170px;
	}
}


/**
 * smaller then sm - small - this is: extra small
 */
@media screen and (max-width: 575px) {
	footer {
		padding-bottom: 80px;
	}
	
	.hasCookieWarning footer {
		padding-bottom: 280px;
	}
	
	div.page div.cookie-warning {
		bottom: 56px;
	}
	
	.l8m-gallery .item {
		height: 30vw;
	}
	
	.col-md-6 .l8m-gallery .item {
		height: 61vw;
	}	

	.content-box.content {
	}

	.modal.show .modal-dialog {
		margin-bottom: 4rem;
	}

	.youtube-question {
		height: 50.5vw;
	}	

	.col-lg-10 .col-md-6 .youtube-question {
		height: 50.5vw;
	}	

	.col-lg-8 .youtube-question {
		height: 50.5vw;
	}	

	.col-md-6 .youtube-question {
		height: 50.5vw;
	}

	.col-md-4 .img-in-col-full {
		height: 65vw;
	}
	
	.col-md-4 .img-in-col-half {
		height: 32.5vw;
	}	

	.smaller-content .col-md-4 .img-in-col-full {
		height: 65vw;
	}
	
	.smaller-content .col-md-4 .img-in-col-half {
		height: 32.5vw;
	}
}


@media screen and (max-width: 480px) {
	.hasCookieWarning footer {
		padding-bottom: 300px;
	}
}


@media screen and (max-width: 420px) {
	.hasCookieWarning footer {
		padding-bottom: 335px;
	}
	
	.footer-legal-links {
		font-size: 0.8rem;
	}
}


@media screen and (max-width: 360px) {
	.hasCookieWarning footer {
		padding-bottom: 370px;
	}
	


	.blog-date .blog-month.bigger {
		font-size: 115%;
	}
	
	.blog-date .blog-day {
		line-height: 22px;
		font-size: 27px;
	}
	
	.blog-date .blog-year {
		font-size:14px;
	}	
}


@media screen and (max-width: 320px) {
	.hasCookieWarning footer {
		padding-bottom: 370px;
	}
}