@font-face { font-family: "Futura"; src: url('/research/exhibitions_events/exhibitions/ww1/tour/fonts/Futura.ttc') format('truetype'); }
@font-face { font-family: "FuturaStd Book"; src: url('/research/exhibitions_events/exhibitions/ww1/tour/fonts/FuturaStd-Book.otf') format('opentype'); }
@font-face { font-family: "FuturaStd Heavy"; src: url('/research/exhibitions_events/exhibitions/ww1/tour/fonts/FuturaStd-Heavy.otf') format('opentype'); }
@media screen and (min-width: 300px) /*/mediaquery*/ {
	body {
		font-family: "FuturaStd Book", "Trebuchet MS", Arial, sans-serif !important;
		margin: 0 !important;
	}
	button:hover, button:focus, .button:hover, .button:focus {
    	background-color: none; 
	}
	.textcenter {
		text-align: center;
	}
	.hide-small, .hide {
		display: none;
		visibility: none;
	}
	.mfp-title a {
		color: #ffffff;
		text-decoration: underline;
	}
	#black {
	 	background-color: #000000;
	 	color: #ffffff;
	 	width: 100%;
		height: 84px;
		float: left;
		font-size: 1.6em;
	}
	#logo {
		width: 70%;
		padding-top: .8em;
	}
	#red, #red-2 {
		height: 84px;
		width: 84px;
		float: right;
		background: #ff0000;
		color: #ffffff;
		padding: 27px 0;
		margin: 0;
		font-size: 3.0em;
		text-align: center;
	}
	.doubledigits {
		letter-spacing: -15px;
	}
	.doubledigits span {
		margin-right: 15px;
	}
	#grey {
		min-height: 36px;
		background-color: #7f7f7f;
		color: #000000;
		text-align: center;
		font-size: 1.4em;
		font-weight: 500;	
		margin-right: 84px !important;
		max-width: 100%;
		margin-bottom: 1.5em;
		line-height: 1.5em;
	}
	
	p {
		font-weight: 500;
		font-size: 1.2rem;
		line-height: 1.3;
	}
	
	section {
		margin-bottom: 30px !important;
	}
	
	#logo img {
		max-height: 84px;
		padding: 0;
		margin: 0;	
		width: auto;
		height: auto;
	}
	
	#header1-bottom {
		width: 80%;
		min-height: 36px;
		background-color: #7f7f7f;
		color: #000000;
		text-align: center;
		font-size: 1.4em;
		padding-top: 5px;
		font-weight: 500;	
	}
	#header1-bottom.long {
		font-size: 1.2em !important;
	}
	
	.no-padding {
		padding: 0 !important;
	}
	#header2 {
		height: 36px;
		padding: 0;
		margin: 0;
	}
	#header2-top {
		width: 84px; /* important */
		height: 84px;
	
	}
	
	
	.home {
		float: left;
		width: 32%;
		height: 20%;
		padding-right: 2px;
		background: red;
	}
	
	span.digit {
		font-weight: normal;
	}
	span.digit a {
		color: #ffffff;
	}
	.center {
		margin-left: auto;
		margin-right: auto;
	}
	
	#object-info > div:first-of-type {
		padding-left: 25px !important;
	}
	#object {
		float: right; width: 50%;
		margin-left: 1em;
	}
	picture p, picture img {
		font-size: .8em;
		color: #656565;
	}
	picture p {
		margin-top: 1em;
	}
	#share {
		width: 100%;
		text-align: center;
		padding: 0 2.5em;
		overflow: hidden;
	}
	#share p {
		font-size: 1.3em;
		font-weight: 500;
		font-family: "FuturaStd Heavy", "Trebuchet MS", Arial, sans-serif !important;
	}
	#share img {
		cursor: pointer;
	}
	#next-previous {
		background-color: #fd0100;
		height: 5em;
		padding: 1em 0;
		font-weight: bold;
		text-align: center;
		width: 100%;
	}
	#navigation {
		width: 99%;
	}
	#aa, #cc, #ee, .container-of-square {
		float: left;
		height: 3em;
	}
	#aa, #ee {width: 9%; margin-left: auto; margin-right: auto; text-align: center;}
	#bb, #dd {height: 2.5em; }
	#cc {width: 52%; padding: .8em 0;}
		#cc a {color: #000; text-decoration: underline; font-size: 1.1em; }
	.container-of-square {width: 15%;}
	#bb { float: left; }
	#dd { float: right; }
	#next-previous .digit {
		padding: .1em .5em;
		text-align: center;	
	}
	#next-previous .digit a {
		font-size: 2.8em;
		color: #ffffff;
		letter-spacing: -5px;
		margin-left: -7px;
	}
	#next-previous img {
		margin: .25em 0;
		height: 75%;
	}
	#p-arrow {
		float: left;
		height: 3em;
	}
	#n-arrow {
		float: left;
		height: 3em;
	}
	#gohome {
		float: left;
		padding: 1em;
		height: 3em;
	}
	.n-p {
		margin-top: 10px;
		padding: 0;
		max-width: 5em;
		height: 3em;
	}
	.next {
		margin-left: -1.43em;
	}
	.np-dd {
		padding-left: 0;
		letter-spacing: -5px;
	}
	.np-dd .digit {
		padding-left: 0 !important;
	}
	.np-dd div:last-child {
		padding-left: .8rem;
	}
	.map {
		padding: 1em 2px;
		text-align: center;	
	}
	.map img {
		margin: 0 auto;
	}
	
	
	#exhibition-link {
		width: 100%;
		background-color: #000000;
		color: #ffffff;
		margin-bottom: 1em;
		
	}
	.ex1 {
		background-color: #666666;
		padding-left: 1em;
		font-size: .8em;
		letter-spacing: 1px;
	}
	#ex2 {
		padding: .9em 1.5em .9em .9em;
	}
	#ex2 a {
		color: #ffffff;
		font-size: 1.3em;
		line-height: 1.4em;
		text-decoration: underline;	
	}
	
	#footer {
		border-top: 3px solid #000000;
		background-color: #eeeeee;
		padding: 1em;
		bottom: 0;
		margin-bottom: 0 !important;
	}
	#footer ul {
		list-style-type: none;
		padding: 1em 0;
		margin: 0;
	}
	#footer ul li {
		border-bottom: 1px solid #b7b7b7;
		color: #333333;
		font-size: .9rem;
		padding: .5em 0;
	}
	#footer ul li a {
		color: #333333;
	}
	#footer:after {
		background-color: #eeeeee;
	}
	
	.gray {
		clear: both;
		background: #cccccc;
		padding: 1em;
	}
	.mfp-close-btn-in .mfp-close {
	
		right: 0;
	}
	
	button:hover, button: focus, .button:hover, .button:focus {
		background-color: none !important;
	}
	
	.mfp-image-holder .mfp-close {
		text-align: left;
	} 
	.mfp-title {
		padding-right: 1px;
		font-size: .9em;
	}

}

@media screen and (min-width: 475px) /*/mediaquery*/ { 
	#logo {
		padding-top: .4em;
	}
}

@media screen and (min-width: 642px) /*/mediaquery*/ { 
	section {
		margin-bottom: 0 !important;
	}
	.row {
		max-width: 100%;
	}
	.hide-medium {
		display: none;
		visibility: hidden;
	}
	.hide-small {
		display: block;
		visibility: visible;
	}
	#black {
		 	width: 58.3%;
	}
	#grey {
		float: left;
		margin-right: 0 !important;
		width: 41.7%;
		max-width: 42%;
		margin-bottom: 0;
	}
	#grey p {
		font-size: 1.2em;
		padding-top: .8em;
	}
	#grey p.cest {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	#red-2 {
		text-align: center;
	}
	#logo {
		width: 90%;
		padding-top: 0;
	}
	/*#maincontent {
		height: auto;
		width: auto;
	}*/
	#img-large {
		background-color: #999;
		text-align: center;
	}
	#actual-large-image {
		max-height: 550px;
	}
	.object-p, .legalese {
		text-align: left;
		width: 98%;
		margin: 0 auto;
		padding-top: .25em;
	}	
	.legalese {
		font-size: 80%;
		color: #ffffff;
		line-height: 1.2;
		margin-top: 1em;
	}
	#object-info, #img-large {
		padding-top: 2em;
	}
	#object-info p {
		line-height: 1.5 !important;
	}
	#img-large, #tg {
		max-height: 100%;
		min-height: 625px;
	}	
	
	html.js body div.row div#img-large.medium-7 picture#object-lg p {
		font-size: 1em;
		color: #ffffff !important;
	}
	picture p a {
		color: #ffffff;
		text-decoration: underline;
	}
	#share {
		padding: 0 1em;
		bottom: 0;
		position: absolute;
	}
	#share ul {
		margin-bottom: 2em;
	}
	
	.ex1 {
		color: #ffffff;
		font-size: .7em;
	}
	.blank-gray {
		background-color: #999;
	}
	#next-previous {
		width: 58.3%;
		float: left;
		min-height: 5.5em;
	}
	#bb, #dd {height: 3em; }
	#exhibition-link {
		width: 41.7%;
		float: left;
		min-height: 5.5em;
		margin-bottom: 0;
	}
	#footer {
		clear: both;
		color: #646464;
		padding-top: 2em;
	}
	.iconG-getty-logo-r {
		font-size: 42px;
	}
	#footer span + span {
		font-size: 13px;
	    position: relative;
	    top: -3px;
	}
	#footer ul {
		list-style: none outside none;
		margin: 1.0625em 0;
		line-height: 1.6;
	}
	#footer ul li {
		color: #646464;
		font-size: 70%;
		padding: 0 8px;
		border-bottom: none;
		float: left;
	}
	#footer ul li + li {
		border-left: 1px solid #b7b7b7;
		border-bottom: none;
	}
	#footer ul li a {
		color: #404040;
	}
	#footer ul li a:hover {
		text-decoration: underline;
	}
	
}

@media screen and (min-width: 783px) {
	.ex1 {
		font-size: .8em;
	}
}