.Viegener {
	background: #fff url(../../images/work/franz-viegener/bg1@1x.jpg) no-repeat center top;
	background-image: -webkit-image-set (
            url("../../images/work/franz-viegener/bg1@1x.jpg") 1x,
            url("../../images/work/franz-viegener/bg1@2x.jpg") 2x );
}
.Viegener SECTION { width: 100%; float: left; }
.Viegener H4 { color: #000000;}
.Viegener2 { background: url(../../images/work/franz-viegener/bg2@1x.jpg) no-repeat center top; height: auto; }
.Viegener3 { overflow: hidden;}
/**/
.Viegener H2 { color: #000000;}
.Viegener BLOCKQUOTE P { color: #000000;}
.Viegener .Block2 .LeftCol { float: left; margin: 0 3% 3% 0; width: 68.2%;}
.Viegener .Block2 .LeftCol .figures { position: relative; padding-bottom: 25%;}
.Viegener .Block2 .RightCol { padding-top: 10%;}
#ViegenerPic3 { position: absolute; bottom:0; right:5%; width: 59.8%; margin-right:0; }
#ViegenerPic4 { position: relative; left:0; margin-bottom: 20px;}
#ViegenerPic5 { position: relative; left:0;}
.Viegener .Block3 { clear: both; padding-top: 20px;}
.Viegener .Block3:after { content: ''; clear: both; display: block;}
.Viegener .Block3 .LeftCol { width: 41.1%; float: left; margin: 0 0 0 0;}
.Viegener .Block3 .RightCol { width: 50.1%; float: right; position: relative;}

@media screen and (max-width: 966px) {
    .Viegener .Block2 .RightCol { padding-top: 3%;}
}

@media screen and (max-width: 800px) {
    .Viegener .Block2 .RightCol { padding-top: 10%;}
}

@media screen and (max-width: 770px) {
	#ViegenerPic4 { padding: 0 12% 0 0;}
	.Viegener2 { background-position: 61% top;}
}

@media screen and (max-width: 720px) {
    .Viegener .Block3 .LeftCol { width: 49%;}
}

@media screen and (max-width: 700px) {
    .Viegener { background: #FFFFFF url(../../images/work/franz-viegener/bg1-tablet@1x.jpg) no-repeat center 0; background-image: -webkit-image-set ( url(../../images/work/franz-viegener/bg1-tablet@1x.jpg) 1x, url(../../images/work/franz-viegener/bg1-tablet@1x.jpg) 2x ); }
	.Viegener .Block3 { padding-top:0;}
}

@media screen and (max-width: 667px) {
	.Viegener2 { background-image: none;}
	.Viegener .Block2 .RightCol { padding-top: 20px;}
	.Viegener .Block2 .LeftCol { width: 67%; margin: 0 3% 0 0;}
}

@media screen and (max-width: 640px) {
	.Viegener .Block2 .LeftCol { width: 63%;}
	.Viegener .Block3 .LeftCol { width: 100%; float: none; clear: both;}
	#ViegenerPic4 { padding: 0 10%;}
	.Viegener .Block3 .RightCol { width: 100%; margin: 0 auto; float: none; clear: both;}
}

@media screen and (max-width: 569px) {
    .Viegener .Block2 .LeftCol { width: 60%;}
}

@media screen and (max-width: 540px) {
    .Viegener .Block2 .LeftCol  { width: 100%; float:none; clear: both; margin: 0 auto;}
	#ViegenerPic3 { display: none;}
	.Viegener .Block2 .LeftCol .figures { padding-bottom: 0;}
}

@media screen and (max-width: 480px) {
    .Viegener .Block2 .LeftCol { width: 100%; float: none; clear: both; margin: 0 auto;}
}

@media screen and (max-width: 450px) {
    .Viegener { background: #FFFFFF url(../../images/work/franz-viegener/bg1-mobile@1x.jpg) no-repeat center 0; background-image: -webkit-image-set ( url(../../images/work/franz-viegener/bg1-mobile@1x.jpg) 1x, url(../../images/work/franz-viegener/bg1-mobile@1x.jpg) 2x ); }
}