@media screen and (max-width: 414px) {
	.intro-icon {
		width: 100px;
		height: 100px;
	}
	h2.section-header {
		margin-top: 50px;
	}
	.icon-top {
		width: 100px;
		height: 100px;
	}
	.main-content .section-general.first {
		padding-top: 20px;
	}
	.section-block-container {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	p.general.indent {
		padding-left: 0;
	}
	br.show-for-mobile {
		display: block;
	}
}
@media screen and (max-width: 1045px) {
	#nav ul li {
		display: block;
	}
	#nav ul li.header-logo {
		display: inline-block;
	}
	#nav .nav-column:first-child  {
		text-align: left;
		width: 300px;
	}
	#nav .nav-column:last-child  {
		text-align: right;
		width: 300px;
	}
	#nav .nav-column:last-child li  {
		position: relative;
		left: 150px;
	}
}
@media screen and (max-width: 777px) {
	/* hamburger menu */
	#nav {
		height: 110px;
	}
	#nav ul .nav-column {
		display: none;
	}
	#nav ul li.header-logo {
		width: 80px;
		height: 80px;
		position: absolute;
		margin-left: 0;
		left: 30px;
	}
	.menu-link {
		display: block;
	}
	.main-content, .main-content.lower {
		margin-top: 60px;
	}
}

/* Responsive footer */
@media screen and (max-width: 777px) {
	.footer-logo-container {
		display: block;
		width: 100%;
		text-align: center;
		padding-right: 0;
	}
	.footer-links-container {
		display: block;
		padding-left: 0;
	}
	.footer-main-text {
		display: block;
		padding-left: 0px;
		width: 100%;
		text-align: center;
		padding-top: 30px;
	}
	#footer .footer-courtesy {
		text-align: center;
	}
	#footer .footer-courtesy br {
		display: none;
	}
	#footer .button-link {
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 414px) {
	.footer-logo {
		width: 85px;
		height: 85px;
	}
	#footer .footer-courtesy br.show-for-mobile {
		display: block;
	}
}

@media screen and (max-width: 640px) {
	ul.general, ol.general {
		padding-left: 50px;
	}
	figure.right, figure.left {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

/** nav **/
@media screen and (max-width: 520px) {
	#nav {
		background-color: rgba(194,160,61,0.1);
		border-bottom: 1px solid rgba(194,160,61,0.2);
		height: 65px;
	}
	#nav ul li.header-logo {
		width: 60px;
		height: 60px;
		top: 15px;
	}
}
@media screen and (max-width: 320px) {
	/* hamburger menu */
	#nav ul li.header-logo {
		left: 20px;
	}
	#nav .menu-link {
		right: 20px;
	}
}

@media screen and (max-width: 320px) {
	/* Dropzone */
	.dropzone .dz-default.dz-message {
		font-size: 18px;
	}
}

/* Intro text */
@media screen and (max-width: 414px) {
	.intro-icon {
	    display: block;
		float: left;
		margin-right: 20px;
		margin-top: 10px;
	}
	.intro-text {
		display: block;
		padding-left: 5px;
	}
	p.general.high {
		margin-top: 110px;
	}
}

/* Facts page layout */
@media screen and (max-width: 777px) {
	#facts-hero-block .intro-content-container {
		display: block;
		text-align: center;
	}
	#facts-hero-block .intro-content-container .intro-content-text .section-header {
		margin-top: 30px;
	}
	#facts-hero-block .intro-content-container .intro-content-text p.general {
		margin-bottom: 0;
	}
	#facts-hero-block .intro-content-container .intro-content-text p.general.indent {
		padding-left: 18px;
	}
	#facts-hero-block .intro-content-container .intro-content-text p.general.lower {
		margin-top: 25px;	
	}
	#facts-hero-block .intro-content-container .intro-icon, #facts-hero-block .intro-content-container .illustration {
		display: inline-block;
		margin-top: -30px;
		transform: scale(1);
	}
	#facts-hero-block .intro-content-container .intro-icon {
		padding-top: 0;
		height: 230px;	
	}
	#facts-hero-block .intro-content-container .illustration {
		width: 100%;
		height: 490px;
		background-size: 300px;
		background-position: center;
	}
	#facts-hero-block .intro-icon {
		width: 100px;
	}
	#facts-hero-block .intro-content-container.with-illustration .intro-icon {
		width: 90%;
		height: 100px;
		background-position: right top;
		background-size: 100px;
	}
	.section-block-container.dark .section-tiles-container {
		width: 520px;
		max-width: 100%;
	}
	.section-block-container.dark .section-tile-v {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		box-sizing: border-box;
	}
	.section-block-container.dark .section-tile-v .tile-img {
		background-size: 180px;
		height: 300px;
	}
	.section-block-container.dark .section-tile-v:first-child {
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 600px) {
	.section-block-container.dark .section-tiles-container {
		width: 100%;
	}
}