/* -----------------------------------------------------------------------
	940
-----------------------------------------------------------------------*/
@media screen and (max-width: 1025px) {
	body {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#header .wrapper, #top {
		width: 100%;
		margin: auto;
	}
	.wrapper {
		width: 100%;
		padding: 0 3%;
	}
	#header {
		background: rgba(255,255,255,0.95);
	}
	#header .topnav a { margin-right: 1.5em; }

}

/* -----------------------------------------------------------------------
	800-768
----------------------------------------------------------------------- */
@media screen and (max-width: 800px) {
	.c3 li { width: 28.9%; }
	.c4 li { width: 20.5%; }
	.c2.thumbs div { height: 250px; }
	.c3.thumbs div { height: 210px; }
	.c4.thumbs div { height: 150px; }
	.bgteaser {
		height: 7em;
		width: 55%;
		width: 20em;
		height: 14em;
	}
}
@media screen and (max-width: 768px) {
	.c2.thumbs div { height: 220px; }
	.c3.thumbs div { height: 200px; }
	.c4.thumbs div { height: 135px; }
	.bgteaser {
		width: 16em;
		height: 11.5em;
	}
}


/* -----------------------------------------------------------------------
	640-568
----------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
	.c3 li, .c4 li { width: 28.7%; }
	.c2.thumbs div { height: 180px; }
	.c3.thumbs div { height: 160px; }
	.c4.thumbs div { height: 135px; }
	.bgteaser {
		width: 12em;
		height: 9em;
	}

	#mtrigger:before, .info:before, .social:before, .insta:before {
		font-size: 24px;
		width: 26px;
		height: 26px;
	}
	.info:before { height: 24px; }
	.social:before, .insta:before { font-size: 22px; }
	#header .wrapper { padding-top: .5em; }
	#header .topnav a { margin-right: .5em; }
	#mtrigger:before { padding-top: 0; }
	#nav a#mtrigger_close { margin-top: 2px; }
	#main { padding-top: 10em; }
	#logo { height: 45px; margin-top: -0.5em; }
}

@media screen and (max-width: 568px) {
	.c2 li { width: 45.4%; }
	.c3.thumbs div { height: 150px; }

	#mtrigger:before, #mtrigger_close:before, .info:before, .social:before, insta:before {
		font-size: 22px;
		width: 24px;
		height: 24px;
	}
	.info:before { height: 22px; }
	.social:before, .insta:before { font-size: 20px; }
	#header .topnav a { margin-right: .1em; }
	#header .lang a { font-size: 80%; }
	#header .lang { padding-top: 0; }
}


/* -----------------------------------------------------------------------
	480
----------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
	.c3 li, .c4 li { width: 28.5%; }
	.c2.thumbs div, .c4.thumbs div { height: 120px; }
	.c3.thumbs div { height: 120px; }
	.bgteaser {
		width: 10em;
		height: 7em;
	}
	#header .topnav a { margin-right: .3em; }
	#num774 #main,
	#num67 #main { padding-top: 3em; }
}
@media only screen and (max-width: 465px) {
	#logo { margin-top: -0.5em; }
}

/* -----------------------------------------------------------------------
	320
----------------------------------------------------------------------- */
@media only screen and (max-width: 370px) {
	html { -webkit-text-size-adjust: none; }
	body, #header { min-width: 280px; }
	.c2 li { width: 97%; }
	.c3 li, .c4 li { width: 45.1%; }
	.c2.thumbs div { height: 180px; }
	.c3.thumbs div, .c4.thumbs div { height: 120px; }
	.navwrapper { left: 70px; }
	#header #mtrigger { margin-right: 7px; }
	#nav { padding-top: 20px; }
	#nav a#mtrigger_close { margin-top: 0; }
	#nav a#mtrigger_close:before { font-size: 20px; }
	#main { padding-top: 8em; }
	div.bgteaser, figure.teaser { width: 100%; }
	#logo { height: 35px; margin-top: 0; }
	#header { padding-top: 10px; }
	#header .topnav { padding: 0; }
	#header .topnav a { margin-right: .2em; }
	#num774 #main,
	#num67 #main { padding-top: 2em; }
}