}@media(max-width:320px)
.case{max-height: none}
.case h2{letter-spacing:5px;font:800 1.3em/1.245em "proxima-nova",Arial,Helvetica,sans-serif}

div .title img {width:100%}

.logo1>img{
		display: block;
		position: relative;
		margin: 0;
		width: 50%;
}
.logo2>img{
		display: block;
		position: relative;
		margin: 0;
		width: 100%;
}

.logo3.hidden-on-1, .logo4.hidden-on-1{display:none}
.case.hidden-on-1{display:none}
.case33.hidden-on-2{display:none}
.footer h2{
	letter-spacing: 0.2em;
	font: 100 0.95em/1.5em "proxima-nova",Arial,Helvetica,sans-serif;
}

/* ___________________________ */

}@media(max-width:500px){
.case{max-height: none}


.logo1.hidden-on-1, .logo2.hidden-on-1{display:none}
.case.hidden-on-1{display:none}
.case33.hidden-on-2{display:none}
.case h2{letter-spacing:5px;font:800 0.9em/1.245em "proxima-nova",Arial,Helvetica,sans-serif}


/* ___________________________ */
}@media(min-width:501px) and (max-width:650px){.case{max-height:none}
.logo3{width:100%}.logo2{width:100%}.logo1{width:100%}.case{width:50%}
.case h2{letter-spacing:5px;font:800 1.0em/1.245em "proxima-nova",Arial,Helvetica,sans-serif}


.logo1>img{
		display: block;
		position: relative;
		margin: 0;
		width: 48%;
}
.logo3>img{
		display: block;
		position: relative;
		margin: 0;
		width: 90%;
}

.logo2.hidden-on-1, .logo4.hidden-on-1{display:none}
.logo1.hidden-on-1, .logo3.hidden-on-1{display:block}
.case.hidden-on-1{display:none}
.case33.hidden-on-2{display:none}
.footer h2{letter-spacing:0.2em;font:100 1.0em/1.7em "proxima-nova",Arial,Helvetica,sans-serif}



/* ___________________________ */
}@media(min-width:651px) and (max-width:953px){.logo2{width:33,333%}.logo1{width:100%}
.case{width:50%}.case33{width:50%}
div .title img {width:50%}

.case h2{letter-spacing:5px;font:800 1.3em/1.245em "proxima-nova",Arial,Helvetica,sans-serif}
.case33 .txt{font:105%/1.4 Arial,Helvetica,Verdana,sans-serif}

.logo4>img{
		display: block;
		position: relative;
		margin: 0;
		width: 85%;
}

.logo1.hidden-on-1, .logo2.hidden-on-1, .logo3.hidden-on-1{display:none}
.logo4.hidden-on-1{display:block}
.case.hidden-on-1{display:none}
.case33.hidden-on-2{display:none}

.footer h2{
	letter-spacing: 0.05em;
	font: 100 1.0em/1.4em "proxima-nova",Arial,Helvetica,sans-serif;
}

/* ___________________________ */
}@media(min-width:954px) and (max-width:1199px){
.logo2{width:33.333%}.logo1{width:100%}.case{width:33.3%}
body	{font:70%/1.2 Arial,Helvetica,Verdana,sans-serif}
#content{
	padding: 2% 10% 2% 10%
}
.case66{width:66.666%}.case33{width:33.333%}
div .title img {width:33.3}
.case33 .txt{font:90%/1.2 Arial,Helvetica,Verdana,sans-serif}




.logo4>img{
		display: block;
		position: relative;
		margin: 0;
		width: 67%;
}

.logo1.hidden-on-1, .logo2.hidden-on-1, .logo3.hidden-on-1{display:none}
.logo4.hidden-on-1, .case.hidden-on-1{display:block}
.case33.hidden-on-2{display:block}
.case h2{letter-spacing:5px;font:800 1.2em/1.145em "proxima-nova",Arial,Helvetica,sans-serif}
.footer h2{letter-spacing:.3em;font:100 0.90em/1.2em "proxima-nova",Arial,Helvetica,sans-serif}



/* _____________________bei 3 = 33.333%  bei 4 25% */
}@media(min-width:1200px) and (max-width:1414px){
.logo2{width:33.33%}
.logo1{width:100%}
.case{width:33.3%}
.case66{width:66.66%}
.case33{width:33.33%}

div .title img {width:33.3%}

.case h2{letter-spacing:5px;font:800 1.4em/1.245em "proxima-nova",Arial,Helvetica,sans-serif}


.logo4>img{
		display: block;
		position: relative;
		margin: 0;
		width: 58%;
}

.logo1.hidden-on-1, .logo2.hidden-on-1, .logo3.hidden-on-1{display:none}
.logo4.hidden-on-1, .case.hidden-on-1{display:block}
.case33.hidden-on-2{display:block}
.footer h2{
	letter-spacing: 0.3em;
	font: 100 1.0em/1.4em "proxima-nova",Arial,Helvetica,sans-serif;
}


/* ___________________________ */
}@media(min-width:1415px){
.case{width:33.33%}
.logo1{width:100%}
.logo2{width:33.33%}
.case66{width:66.66%}
.case33{width:33.33%}


div .title img {width:33.3%}


.case h2{letter-spacing:5px;font:800 1.2em/1.245em "proxima-nova",Arial,Helvetica,sans-serif}


.logo4>img{
		display: block;
		position: relative;
		margin: 0;
		width: 55%;
}

.logo1.hidden-on-1, .logo2.hidden-on-1, .logo3.hidden-on-1{display:none}
.logo4.hidden-on-1, .case.hidden-on-1{display:block}
.case33.hidden-on-2{display:block}
.footer h2{
	letter-spacing: 0.3em;
	font: 100 1.1em/1.4em "proxima-nova",Arial,Helvetica,sans-serif;
}


/* ___________________________ */
}@media(max-width:640px){}