@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=2946d25e-64f5-4428-bacc-08bffb64ddba");

@font-face { font-family: 'Adobe Caslon'; src:url("/wp-content/themes/aci/assets/fonts/ef429e53-4846-40b9-a3fe-4295cefc7e94.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/ef429e53-4846-40b9-a3fe-4295cefc7e94.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/3531483a-a370-4cac-bcd3-9cbd5c0aa8fe.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/29fc7b6f-c777-4db4-99c7-98a753629a74.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/492aae7f-5ec2-484f-8c4a-5dceb929def5.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/27231d8a-1ac1-4ede-8e91-c7bb60852443.svg#27231d8a-1ac1-4ede-8e91-c7bb60852443") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Adobe Caslon'; src:url("/wp-content/themes/aci/assets/fonts/bb872a9e-1155-401e-97d8-bfbce038c2b6.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/bb872a9e-1155-401e-97d8-bfbce038c2b6.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/9d01967b-4fbb-49ab-86d2-183a809cab94.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/04f7c3ea-f813-4a3d-b9e6-fdb1c5b29c99.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/4bfd503f-2ea3-4cd3-b35d-b4f3e92dd847.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/814bab73-b355-48a1-9680-68d921dbc34a.svg#814bab73-b355-48a1-9680-68d921dbc34a") format("svg"); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Adobe Caslon'; src:url("/wp-content/themes/aci/assets/fonts/f836877b-9052-4543-aab9-0b9118d2bbb7.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/f836877b-9052-4543-aab9-0b9118d2bbb7.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/3f46d85a-d74b-4644-b444-8ed0015edc6c.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/d0cb96f2-3c0c-45ee-9014-d3e87cff2f80.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/107a8de2-bc10-4dfe-b4a2-24277160ac3f.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/ff11bb4d-1a82-4d73-95d8-688bb65795e9.svg#ff11bb4d-1a82-4d73-95d8-688bb65795e9") format("svg"); font-weight: bold; font-style: italic; }

@font-face{ font-family: 'Avenir Next'; src:url("/wp-content/themes/aci/assets/fonts/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/276b3566-1c3b-4bc1-8915-15314f091f29.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/5d02f5f4-46e7-453a-aef9-3e7106d7bb68.svg#5d02f5f4-46e7-453a-aef9-3e7106d7bb68") format("svg"); font-weight: 400; font-style: normal; }
@font-face{ font-family: 'Avenir Next'; src:url("/wp-content/themes/aci/assets/fonts/78f55966-cc8e-4f4c-bf8b-8fe59be9fe96.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/78f55966-cc8e-4f4c-bf8b-8fe59be9fe96.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/b17468ea-cf53-4635-984b-4d930a68ed4d.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/4d1d0d0d-9ea6-4117-901f-8b32ca1ab936.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/66b50093-e606-427c-a42a-a44b2f9ff219.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/78695677-7ebb-4ef8-8996-eff09dc64f26.svg#78695677-7ebb-4ef8-8996-eff09dc64f26") format("svg"); font-weight: 400; font-style: italic; }
@font-face{ font-family: 'Avenir Next'; src:url("/wp-content/themes/aci/assets/fonts/c6970a14-8b0f-4629-9072-71c7e123908f.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/c6970a14-8b0f-4629-9072-71c7e123908f.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/b0b84e4d-2164-45c7-a674-1662f19f3ba6.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/e91d1bbf-3fea-45e2-b003-a22b12ce6e5f.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/ead8b64b-1abd-4d5b-a642-a21dfe2f463b.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/e536e1c2-92a4-4db4-8a41-1c55354d11b7.svg#e536e1c2-92a4-4db4-8a41-1c55354d11b7") format("svg"); font-weight: 500; font-style: normal; }
@font-face{ font-family: 'Avenir Next'; src:url("/wp-content/themes/aci/assets/fonts/1f022c78-180e-4c6b-b5ee-e1573f17e4b6.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/1f022c78-180e-4c6b-b5ee-e1573f17e4b6.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/349e5647-5161-46bb-a19f-8a609ae235e4.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/cc0a88c2-524b-4c90-b6f0-a80570222c30.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/03aefdc0-0198-4662-a9c7-640a4734063e.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/132a539d-37fa-48fb-92ec-1f4591f98ee1.svg#132a539d-37fa-48fb-92ec-1f4591f98ee1") format("svg"); font-weight: 500; font-style: italic; }
@font-face{ font-family: 'Avenir Next'; src:url("/wp-content/themes/aci/assets/fonts/fbf4298d-ef75-419c-b615-47f209a48ed2.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/fbf4298d-ef75-419c-b615-47f209a48ed2.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/40d36b4a-60c6-460a-bf43-4c948c23563e.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/45b78f45-e639-4836-8612-e0892e120f14.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/cbc021cc-b96f-4c82-ba0d-59cb0b7449c0.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/c6778bcf-ca82-4a86-8a5f-08b70c9a71fd.svg#c6778bcf-ca82-4a86-8a5f-08b70c9a71fd") format("svg"); font-weight: 600; font-style: normal; }
@font-face{ font-family: 'Avenir Next'; src:url("/wp-content/themes/aci/assets/fonts/6fe465ee-8bf8-4fb1-b3c9-be94e71375e6.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/6fe465ee-8bf8-4fb1-b3c9-be94e71375e6.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/553b4ee3-b700-43b9-946e-f48d29a14959.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/0ee6969c-805b-4b51-8340-7e7bcecec99e.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/4f41e5bd-7b7e-4e8a-bdde-0688fcdec93f.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/ab92199b-7296-43db-8910-aebba5069daa.svg#ab92199b-7296-43db-8910-aebba5069daa") format("svg"); font-weight: 600; font-style: italic; }
@font-face{ font-family: 'Avenir Next'; src:url("/wp-content/themes/aci/assets/fonts/fbf4298d-ef75-419c-b615-47f209a48ed2.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/fbf4298d-ef75-419c-b615-47f209a48ed2.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/40d36b4a-60c6-460a-bf43-4c948c23563e.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/45b78f45-e639-4836-8612-e0892e120f14.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/cbc021cc-b96f-4c82-ba0d-59cb0b7449c0.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/c6778bcf-ca82-4a86-8a5f-08b70c9a71fd.svg#c6778bcf-ca82-4a86-8a5f-08b70c9a71fd") format("svg"); font-weight: bold; font-style: normal; }
@font-face{ font-family: 'Avenir Next'; src:url("/wp-content/themes/aci/assets/fonts/6fe465ee-8bf8-4fb1-b3c9-be94e71375e6.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/6fe465ee-8bf8-4fb1-b3c9-be94e71375e6.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/553b4ee3-b700-43b9-946e-f48d29a14959.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/0ee6969c-805b-4b51-8340-7e7bcecec99e.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/4f41e5bd-7b7e-4e8a-bdde-0688fcdec93f.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/ab92199b-7296-43db-8910-aebba5069daa.svg#ab92199b-7296-43db-8910-aebba5069daa") format("svg"); font-weight: bold; font-style: italic; }


@font-face { font-family: Circular; src:url("/wp-content/themes/aci/assets/fonts/lineto-circular-book.eot"); src:url("/wp-content/themes/aci/assets/fonts/lineto-circular-book.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/aci/assets/fonts/lineto-circular-book.woff2") format("woff2"), url("/wp-content/themes/aci/assets/fonts/lineto-circular-book.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: Circular; src:url("/wp-content/themes/aci/assets/fonts/lineto-circular-bookitalic.eot"); src:url("/wp-content/themes/aci/assets/fonts/lineto-circular-bookitalic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/aci/assets/fonts/lineto-circular-bookitalic.woff2") format("woff2"), url("/wp-content/themes/aci/assets/fonts/lineto-circular-bookitalic.woff") format("woff"); font-weight: normal; font-style: italic; }
@font-face { font-family: Circular; src:url("/wp-content/themes/aci/assets/fonts/lineto-circular-bold.eot"); src:url("/wp-content/themes/aci/assets/fonts/lineto-circular-bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/aci/assets/fonts/lineto-circular-bold.woff2") format("woff2"), url("/wp-content/themes/aci/assets/fonts/lineto-circular-bold.woff") format("woff"); font-weight: bold; font-style: normal; }
@font-face { font-family: Circular; src:url("/wp-content/themes/aci/assets/fonts/lineto-circular-bolditalic.eot"); src:url("/wp-content/themes/aci/assets/fonts/lineto-circular-bolditalic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/aci/assets/fonts/lineto-circular-bolditalic.woff2") format("woff2"), url("/wp-content/themes/aci/assets/fonts/lineto-circular-bolditalic.woff") format("woff"); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Trade Gothic'; src:url("/wp-content/themes/aci/assets/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix"); src:url("/wp-content/themes/aci/assets/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"),url("/wp-content/themes/aci/assets/fonts/1ba28851-f34b-4cb8-bf58-6a4b160ba249.woff2") format("woff2"),url("/wp-content/themes/aci/assets/fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),url("/wp-content/themes/aci/assets/fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),url("/wp-content/themes/aci/assets/fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: Wigrum; src:url("/wp-content/themes/aci/assets/fonts/wigrumweb-light.eot"); src:url("/wp-content/themes/aci/assets/fonts/wigrumweb-light.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/aci/assets/fonts/wigrumweb-light.woff2") format("woff2"), url("/wp-content/themes/aci/assets/fonts/wigrumweb-light.woff") format("woff"); font-weight: 300; font-style: normal; }
@font-face { font-family: Wigrum; src:url("/wp-content/themes/aci/assets/fonts/wigrumweb-lightitalic.eot"); src:url("/wp-content/themes/aci/assets/fonts/wigrumweb-lightitalic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/aci/assets/fonts/wigrumweb-lightitalic.woff2") format("woff2"), url("/wp-content/themes/aci/assets/fonts/wigrumweb-lightitalic.woff") format("woff"); font-weight: normal; font-style: italic; }
@font-face { font-family: Wigrum; src:url("/wp-content/themes/aci/assets/fonts/wigrumweb-medium.eot"); src:url("/wp-content/themes/aci/assets/fonts/wigrumweb-medium.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/aci/assets/fonts/wigrumweb-medium.woff2") format("woff2"), url("/wp-content/themes/aci/assets/fonts/wigrumweb-medium.woff") format("woff"); font-weight: 500; font-style: normal; }
@font-face { font-family: Wigrum; src:url("/wp-content/themes/aci/assets/fonts/wigrumweb-mediumitalic.eot"); src:url("/wp-content/themes/aci/assets/fonts/wigrumweb-mediumitalic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/aci/assets/fonts/wigrumweb-mediumitalic.woff2") format("woff2"), url("/wp-content/themes/aci/assets/fonts/wigrumweb-mediumitalic.woff") format("woff"); font-weight: 500; font-style: italic; }


/** Initialization **************************************************/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
	code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
	form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure,
	section, nav, input, select, textarea, button,
	header, footer, article, aside, section { border: 0; box-sizing: border-box; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
	:focus { outline: 0; }
	q::before, q::after { content: ''; }
	button { margin: 0; padding: 0; }
	body { background: white; color: #000; line-height: 1; }
	ol, ul { list-style: none; }
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { font-weight: normal; text-align: left; }
	article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; }
	.clearfix:before, .clearfix:after { content: " "; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }
	.hidden { display: none; }
	code { display: none; height: 1px; left: 0; pointer-events: none; position: fixed; top: 1px; width: 1px; opacity: 0; filter: alpha(opacity=0); }
	a { color: inherit; text-decoration: none; }
	a[href] { cursor: pointer; }
	* { -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-text-size-adjust: 100%; }



/** Scaffolding **************************************************/
	body { color: #000; font-family: helvetica; font-style: normal; font-weight: normal; }
	
	body .m-scene .scene_element  { opacity: 0; transition: opacity ease 0.6s; }
	body .m-scene.ready .scene_element { opacity: 1; }
	body .m-scene.is-exiting .scene_element { opacity: 0; }
	body .m-scene.is-exiting .scene_element--noexiting { opacity: 1; }
	.is-loading, .is-loading a { cursor: progress; }
	
	.container { position: relative; z-index: 2; }
	
	section { position: relative; }
	
	span.background-image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; transition: opacity ease-out 0.2s; width: 100%; }
	span.background-image[data-style] { opacity: 0; }
	img { transition: opacity ease-out 0.2s; }
	img[data-src] { opacity: 0; }


	/** Mobile & Tablet **********/
		@media all and (max-width: 1279px){
			footer section { font-size: 10px; line-height: 15px; }
			footer #footer_logo a { height: 90px; margin-right: 15px; width: 69px; }
			footer #footer_logo strong { font-size: 18px; line-height: 18px; }
			footer .connect div { margin-top: 5px; }
			footer .connect a.facebook { height: 19px; width: 12px; }
			footer .connect a.twitter { height: 19px; width: 23px; }
			footer .connect a.youtube { height: 25px; width: 21px; }
			footer .connect a.instagram { height: 19px; width: 19px; }
			footer .connect a.vimeo { height: 19px; width: 19px; }
			footer .connect a.pinterest { height: 19px; width: 19px; }
		}
	
	
	/** Mobile & Tablet 768px **********/
		@media all and (max-width: 1023px){
			.container { padding: 0 18px; }
		}
	
	
	/** Mobile **********/
		@media all and (max-width: 767px){
			.not-mobile { display: none !important; }
			#_mobile { display: block; }
		
			body { padding-top: 60px; }
		
			body.nav { overflow: hidden; }
			body.nav header nav { transform: translateX(100%); -webkit-transform: translateX(100%); moz-transform: translateX(100%); }
			body.nav footer::after { pointer-events: auto; opacity: 0.5; filter: alpha(opacity=50); transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; }
		}
	
	
	/** Tablet & Desktop **********/
		@media all and (min-width: 768px){
			.mobile-only { display: none !important; }
		}
	
	
	/** Tablet 768px **********/
		@media all and (min-width: 768px) and (max-width: 1023px){
			.not-tablet768,
			.tablet1024-only { display: none !important; }
		
			#_tablet { display: block; }
		}
	
	
	/** Tablet 1024px & Desktop **********/
		@media all and (min-width: 1024px){
			.container { padding: 0 32px; }
		}
	
	
	/** Tablet 1024px **********/
		@media all and (min-width: 1024px) and (max-width: 1279px){
			.not-tablet1024,
			.tablet768-only { display: none !important; }
		
			#_laptop { display: block; }
		}
	
	
	/** Desktop **********/
		@media all and (min-width: 1280px){
			.tablet768-only,
			.tablet1024-only { display: none !important; }
		
			#_desktop { display: block; }
		
			#aci { min-height: calc(100vh - 366px - 113px - 68px); }
		}
		


/** Global Modules **************************************************/

	/** Header **************************************************/
		header { background: #fff; font-family: Circular; font-weight: normal; text-transform: uppercase; }
		header::before { border-bottom: 1px solid #ccc; bottom: 0; content: ''; display: block; height: 1px; left: 0; position: absolute; width: 100%; z-index: 101;}
		header #logo { background-position: top left; background-repeat: no-repeat; background-size: contain; display: inline-block; overflow: hidden; position: relative; text-indent: -999px; }
		header nav ul li a { cursor: pointer; }
		header nav ul li a.selected { color: #e7244c; }
		header nav > div div a { color: #000; }
		header section { float: right; font-size: 0; position: relative; text-align: right; }
		header section a,
		header section form { display: inline-block; position: relative; vertical-align: bottom; }
		header section a:not(:last-of-type)::after,
		header section form::after { content: ''; display: block; height: 100%; position: absolute; top: 0; width: 0; }
		header section a:not(:last-of-type)::after { border-right: 1px solid #acaaab; right: 0; }
		header section a.language { transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; }
		header section a:hover { color: #e7244c; }
		header section form { background: #fff url('../img/icons_search.svg') center center no-repeat; cursor: pointer; margin: 0; padding: 0; position: absolute; right: 0; text-indent: -999px; transition: background-image ease 0.2s, width ease 0.2s; }
		
		header section form::before { content: ''; }
		header section form::after { background: #fff; pointer-events: none; right: -50px; width: 50px; }
		header section form input { font-family: 'Trade Gothic'; font-weight: bold; height: 100%; pointer-events: none; position: absolute; text-transform: uppercase; top: 0; }
		header section form button { background: none; cursor: pointer; font-family: 'Trade Gothic'; font-weight: bold; height: 100%; pointer-events: none; position: absolute; text-align: center; text-transform: uppercase; top: 0; }
		header section form.active input,
		header section form.active button { pointer-events: auto; }
			
		
		/** Mobile & Tablet 768px **********/
			@media all and (max-width: 1023px){
				header section p,
				header section a:not(.language),
				header section div.connect { display: none; }
			}
		
		
		/** Mobile **********/
			@media all and (max-width: 767px){
				header { height: 60px; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; }
				header #logo { background-image: url('../img/icons_logo_mobile.jpg'); display: block; height: 41px; left: calc(50% - 10px); position: absolute; top: 10px; width: 25px; }
				header button.menu { background: none; border-top: 2px solid #000; border-bottom: 2px solid #000; cursor: pointer; display: block; height: 16px; left: 18px; margin: 0; padding: 0; position: absolute; text-indent: -999px; top: 22px; width: 27px; }
				header button.menu::after { border-top: 2px solid #000; content: ''; display: block; left: 0; position: absolute; top: 5px; width: 100%; }
				header button.menu::before { content: ''; display: block; height: 40px; left: -9px; position: absolute; top: -15px; width: 40px; }
				header nav { background: #fff; display: block; height: calc(100vh - 54px); left: -80%; overflow-y: scroll; padding: 11px 0 34px; position: absolute; top: 60px; width: 80%; -webkit-overflow-scrolling: touch; transition: transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease; }
				header nav ul { margin-bottom: 17px; }
				header nav ul li { font-size: 16px; line-height: 46px; }
				header nav ul li > a { border-bottom: none !important; color: #959595; display: block; padding: 0 18px; position: relative; }
				header nav ul li > a.selected span { border-bottom: 1px solid #e7244c; }
				header nav ul li div { height: 0; line-height: 46px; overflow: hidden; position: relative; }
				header nav ul li div a { display: block; line-height: 24px; margin-top: 11px; margin-left: 0; padding: 0 18px; opacity: 0; filter: alpha(opacity=0); transition: none; -webkit-transition: none; -moz-transition: none; }
				header nav ul li div a:not(:last-child) { margin-bottom: 22px; }
				header nav ul li div a:last-child { margin-bottom: 11px; }
				header nav ul li div a:not([href]) { display: none; }
				header nav ul li > a.selected + div { height: auto; }
				header nav ul li > a.selected + div a { padding-left: 36px; opacity: 1; filter: alpha(opacity=100); transition: opacity 0.2s ease, padding 0.2s ease; }
				header nav ul li > a.selected + div a:nth-child(3) { transition-delay: 0.1s; }
				header nav ul li > a.selected + div a:nth-child(4) { transition-delay: 0.13s; }
				header nav ul li > a.selected + div a:nth-child(5) { transition-delay: 0.16s; }
				header nav ul li > a.selected + div a:nth-child(6) { transition-delay: 0.19s; }
				header nav ul li > a.selected + div a:nth-child(7) { transition-delay: 0.22s; }
				header nav ul li > a.selected + div a:nth-child(8) { transition-delay: 0.25s; }
				header nav ul li > a.selected + div a:nth-child(9) { transition-delay: 0.28s; }
				header nav ul li > a.selected + div a:nth-child(10) { transition-delay: 0.31s; }
				header nav ul li > a.selected + div a:nth-child(11) { transition-delay: 0.34s; }
				header nav ul li > a.selected + div a:nth-child(12) { transition-delay: 0.37s; }
				header nav ul li > a.selected + div a:nth-child(13) { transition-delay: 0.4s; }
				header nav ul li > a.selected + div a:nth-child(14) { transition-delay: 0.43s; }
				header nav ul li > a.selected + div a:nth-child(15) { transition-delay: 0.46s; }
				header nav div.connect { border-top: 2px solid #000; font-family: 'Avenir Next'; font-size: 12px; font-weight: 600; margin: 0 18px; padding-top: 32px; }
				header nav div.connect div { margin-top: 9px; }
				header nav div.connect div a.facebook { height: 20px; margin-right: 22px; width: 10px; }
				header nav div.connect div a.twitter { height: 18px; margin-right: 18px; width: 22px; }
				header nav div.connect div a.youtube { height: 24px; margin-right: 21px; width: 20px; }
				header nav div.connect div a.instagram { height: 20px; margin-right: 21px; width: 20px; }
				header nav div.connect div a.vimeo { height: 20px; margin-right: 21px; width: 20px; }
				header nav div.connect div a.pinterest { height: 20px; width: 20px; }
				header nav #submenu { display: none; }
				header section { position: relative; top: 18px; }
				header section a.language { margin-right: 34px; padding: 0 10px; }
				header section a.language span { display: block; height: 24px; font-size: 19px; padding-top: 2px; }
				header section form { background-position: 10px center; background-size: auto 16px; height: 24px; width: 34px; }
				header section form.active { width: 112px; }
				header section form input { font-size: 13px; left: 34px; width: calc(100% - 17px); }
				header section form button { font-size: 13px; left: 95px; width: 17px; }
			}
		
		
		/** Tablet & Desktop **********/
			@media all and (min-width: 768px){
				/* Sticky Header */
					.sticky header #logo { background-image: url('../img/icons_logo-sticky.svg'); display: block; position: absolute; }
					.sticky header button.menu { display: block; }
					.sticky header nav { color: #000; pointer-events: none; position: absolute; text-align: center; opacity: 0; filter: alpha(opacity=0); transform: translateY(5px); -webkit-transform: translateY(5px); -moz-transform: translateY(5px); }
					.sticky header nav.animate { transition: transform 0.3s ease, opacity 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; -moz-transition: transform 0.3s ease, opacity 0.3s ease; }
					.sticky header nav ul li:not(:last-of-type)::after { border-right-color: #000; }
					.sticky header nav #submenu { pointer-events: none; }
					.sticky header section p { display: none; }
			
				/* Navigation */
					.sticky.nav header::after  { transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transition: transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease; }
					.sticky.nav header button.menu { color: #e7244c; }
					.sticky.nav header nav { pointer-events: auto; opacity: 1 ; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
					.sticky.nav header nav.animate { transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s; -webkit-transition: -webkit-transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s; -moz-transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s; }
					header.submenu.active-submenu nav #submenu { pointer-events: auto; opacity: 1; filter: alpha(opacity=100); transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s; -webkit-transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s; -moz-transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s; }
					.sticky	header.submenu nav ul { pointer-events: none; opacity: 0; filter: alpha(opacity=0); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transition: transform 0.3s ease, opacity 0.3s ease; -webkit-transition: transform 0.3s ease, opacity 0.3s ease; -moz-transition: transform 0.3s ease, opacity 0.3s ease; }
			
				header nav ul li.submenu div { background: #fff; border: 1px solid #ccc; border-top: none; line-height: 19px; position: absolute; text-align: left; width: 280px; }
				header nav ul li.submenu div a:first-child { display: none; }
				header nav ul li.submenu div a:not(:last-child) { margin-bottom: 11px; }
				header nav ul li.submenu:hover div { display: flex; flex-direction: column; }
			
				header button.menu,
				header section { letter-spacing: .035em; }
			
				header { left: 0; position: fixed; top: 0; width: 100%; z-index: 100; transform: translateY(0); -webkit-transform: translateY(0); moz-transform: translateY(0); }
				header.animate { transition: transform 0.6s ease; -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: transform 0.6s ease; }
				header::after { background: #fff; border-bottom: 1px solid #ccc; content: ''; display: block; left: 0; position: absolute; width: 100%; z-index: 100; transition: transform 0.3s ease 0.3s; -webkit-transition: -webkit-transform 0.3s ease 0.3s; -moz-transition: transform 0.3s ease 0.3s; }
				header div.container { z-index: 102; }
				header button.menu { background: url('../img/icons_menu.gif') top left no-repeat; background-size: contain; color: #000; cursor: pointer; font-family: Circular; font-weight: normal; margin: 0; padding: 0; position: absolute; text-transform: uppercase; transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; }
				header button.menu:hover { color: #e7244c; }
				header button.menu::after { border-color: #000; border-style: solid; border-width: 0; content: ''; display: block; left: 0; position: absolute; width: 100%; }
				header button.menu::before { content: ''; display: block; height: 21px; left: 0; position: absolute; }
			
				header nav { display: inline-block; vertical-align: bottom; }
				header nav ul { font-size: 0; transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s; -webkit-transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s; -moz-transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s; }
				header nav ul li { display: inline-block; position: relative; }
				header nav ul li:not(:last-of-type)::after { border-right: 1px solid #000; content: ''; display: block; position: absolute; right: 0; top: 2px; width: 0; }
				header nav ul li a { transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; }
				header nav ul li a:hover { color: #e7244c; }
				header nav ul li div { display: none; }
				header nav #submenu { color: #000; font-size: 0; pointer-events: none; opacity: 0; filter: alpha(opacity=0); transition: transform 0.3s ease, opacity 0.3s ease; -webkit-transition: transform 0.3s ease, opacity 0.3s ease; -moz-transition: transform 0.3s ease, opacity 0.3s ease; }
				header nav #submenu a { display: inline-block; position: relative; }
				header nav #submenu a:not(:last-of-type)::after { border-right: 1px solid #000; content: ''; display: block; position: absolute; right: 0; top: 2px; width: 0; }
				header nav #submenu a:hover { color: #e7244c; }
				header nav #submenu a:not([href]) { color: #e7244c; }
				header nav div.connect { display: none; }
			}
		
		
		/** Tablet **********/
			@media all and (min-width: 768px) and (max-width: 1279px){
				header::after { height: 47px; }
				header nav ul li.submenu:not(:nth-last-child(-n+2)) div { left: -13px; }
				header nav ul li.submenu:nth-last-child(-n+2) div { right: -13px; }
			
				.sticky header { height: 73px; }
				.sticky header::after { height: 47px; top: 25px; }
				.sticky header #logo { height: 26px; left: calc(50% - 184px); width: 368px; }
				.sticky header nav { height: 47px; }
				.sticky header button.menu { height: 12px; line-height: 8px; text-indent: 32px; }
				.sticky header button.menu::after,
				.sticky header button.menu::before { display: none; }
			}
		
		
		/** Tablet 768px **********/
			@media all and (min-width: 768px) and (max-width: 1023px){
				header { font-size: 13px; height: 96px; margin-right: 96px; padding-top: 15px; }
			
				.sticky header #logo { top: 8px; }
				.sticky header button.menu { font-size: 13px; left: 18px; top: 17px; }
				.sticky header nav { padding-top: 17px; top: 58px; width: calc(100% - 36px); }
				.sticky header section { top: 16px; }
			
				.sticky header.submenu nav #submenu { transform: translateY(-13px); -webkit-transform: translateY(-13px); -moz-transform: translateY(-13px); }
			
				.transition header { transform: translateY(-96px); -webkit-transform: translateY(-96px); -moz-transform: translateY(-96px); }
			
				header nav { margin-bottom: -1px; }
				header nav ul { height: 31px; }
				header nav ul li { height: 31px; font-size: 13px; padding: 0 5px; }
				header nav ul li::after { height: 9px; }
				header nav ul li.submenu div { padding: 12px 80px 17px 18px; top: 30px; }
				
				header nav #submenu { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); }
				header nav #submenu a { font-size: 13px; padding: 0 5px; }
				header #submenu a::after { height: 9px; }
				header section a { font-size: 13px; }
				header section a.language { height: 14px; margin-right: 29px; padding: 1px 8px 0 8px; }
				header section form { background-size: 11px 13px; height: 16px; margin-top: -1px; width: 29px; }
				header section form::before,
				header section form::after { height: calc(100% - 2px); top: 1px; }
				header section form.active { width: 146px; }
				header section form input { font-size: 12px; left: 29px; width: calc(100% - 20px); }
				header section form button { font-size: 12px; left: 126px; width: 20px; }
			}
		
		
		/** Tablet 1024px & Desktop **********/
			@media all and (min-width: 1024px){		
				.sticky header nav { width: calc(100% - 64px); }
			
				header nav ul li { letter-spacing: .035em; padding: 0 7px; }
				header nav #submenu a { padding: 0 7px; }
				header section p { color: #e7244c; font-family: Circular; white-space: pre-line; }
				header section p span { display: inline-block; }
				header section div.connect { display: inline-block; position: relative; vertical-align: bottom; }
				header section form::before { border-left: 1px solid #acaaab; content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; }
			}
		
		
		/** Tablet 1024px **********/
			@media all and (min-width: 1024px) and (max-width: 1279px){
				header { font-size: 14px; height: 115px; margin-right: 115px; padding-top: 17px; }
			
				.sticky header #logo { top: 6px; }
				.sticky header button.menu { font-size: 14px; left: 32px; top: 15px; }
				.sticky header nav { padding-top: 17px; top: 56px; }
				.sticky header section { top: 14px; }
			
				.sticky	header.submenu nav #submenu { transform: translateY(-14px); -webkit-transform: translateY(-14px); -moz-transform: translateY(-14px); }
			
				.transition header { transform: translateY(-115px); -webkit-transform: translateY(-115px); -moz-transform: translateY(-115px); }
			
				header nav { margin-bottom: -1px; }
				header nav ul { height: 30px; }
				header nav ul li { font-size: 14px; height: 30px; }
				header nav ul li::after { height: 10px; }
				header nav #submenu { transform: translateY(-4px); -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); }
				header nav #submenu a { font-size: 14px; }
				header #submenu a::after { height: 10px; }
				header section { margin-right: -14px; padding-top: 0; top: 14px; }
				header section p { display:none; font-size: 11px; line-height: 12px; margin: 27px 0 14px 0; }
				header section p span { width: 6.5px; }
				header section a { font-size: 14px; height: 15px; padding: 1px 8px 0 8px; }
				header section a:last-of-type { margin-right: 29px; }
				header section div.connect { display: none; height: 15px; margin-right: 29px; padding: 0 12px; }
				header section div.connect a.facebook { height: 14px; margin-right: 11px; top: -1px; width: 7px; }
				header section div.connect a.twitter { height: 14px; margin-right: 11px; top: -1px; width: 16px; }
				header section div.connect a.youtube { height: 16px; margin-right: 12px; top: -2px; width: 14px; }
				header section div.connect a.instagram { height: 14px; margin-right: 12px; top: -1px; width: 15px; }
				header section div.connect a.vimeo { height: 14px; margin-right: 12px; top: -1px; width: 15px; }
				header section div.connect a.pinterest { height: 14px; top: -1px; width: 15px; }
				header section form { background-size: 11px 14px; height: 19px; margin-top: -2px; width: 29px; }
				header section form::before,
				header section form::after { height: calc(100% - 4px); top: 2px; }
				header section form.active { width: 200px; }
				header section form input { font-size: 14px; left: 29px; width: calc(100% - 25px); }
				header section form button { font-size: 14px; left: 175px; width: 25px; }
			
				header nav ul li.submenu div { padding: 12px 80px 17px 20px; top: 30px; }
			}
		
		/** Desktop **********/
			@media all and (min-width: 1280px){
				header { font-size: 17px; margin-right: 144px; padding-top: 22px; }
			
				.sticky header { height: 89px; }
				.sticky header::after { top: 29px; }
				.sticky header #logo { height: 33px; left: calc(50% - 230px); width: 460px; top: 8px; }
				.sticky header button.menu { font-size: 14px; height: 14px; left: 32px; line-height: 10px; text-indent: 40px; top: 19px; }
				.sticky header button.menu::after,
				.sticky header button.menu::before { display: none; }
				.sticky header nav { height: 59px; padding-top: 21px; top: 67px; }
				.sticky header section { top: 17px; }
			
				.sticky header.submenu nav #submenu { transform: translateY(-17px); -webkit-transform: translateY(-17px); -moz-transform: translateY(-17px); }
			
				.transition header { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); }
			
				header::after { height: 59px; }
				header #logo { height: 97px; margin-right: 23px; width: 73px; }
				header nav { margin-bottom: -2px; }
				header nav ul li { font-size: 14px; height: 39px; }
				header nav ul li::after { height: 12px; }
				header nav #submenu { transform: translateY(-7px); -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); }
				header nav #submenu a { font-size: 14px; }
				header #submenu a::after { height: 12px; }
				header section p { font-size: 13px; line-height: 15px; margin: 31px 0 19px 0; }
				header section p span { width: 7.5px; }
				header section a { font-size: 14px; height: 19px; padding: 2px 12px 0 12px; }
				header section a:last-of-type { margin-right: 38px; }
				header section div.connect { height: 19px; margin-right: 38px; padding: 0 15px; }
				header section div.connect a.facebook { height: 18px; margin-right: 16px; top: -3px; width: 9px; }
				header section div.connect a.twitter { height: 17px; margin-right: 17px; top: -3px; width: 21px; }
				header section div.connect a.youtube { height: 21px; margin-right: 12px; top: -1px; width: 17px; }
				header section div.connect a.instagram { height: 18px; margin-right: 12px; top: -3px; width: 18px; }
				header section div.connect a.vimeo { height: 18px; margin-right: 12px; top: -3px; width: 18px; }
				header section div.connect a.pinterest { height: 18px; top: -3px; width: 18px; }
				header section form { background-size: auto 15px; height: 22px; margin-top: -1px; width: 38px; }
				header section form::before,
				header section form::after { height: calc(100% - 2px); top: 1px; }
				header section form.active { width: 250px; }
				header section form input { font-size: 17px; left: 38px; width: calc(100% - 30px); }
				header section form button { font-size: 17px; left: 220px; width: 30px; }
			
				header nav ul li.submenu div { left: -13px; padding: 17px 80px 23px 20px; top: 38px; }
			}
			
			
	/** Footer **************************************************/
		footer { background: #fff; font-family: 'Circular'; font-size: 0; font-weight: normal; letter-spacing: .035em; position: relative; text-transform: uppercase; }
		footer div.container { border-top: 1px solid #999; }
		footer section:not(#footer_logo):not(.connect)::after,
		footer #address::before { border-right: 1px solid #999; content: ''; display: block; position: absolute; right: 0; }
		footer #address::after { height: 46px; top: -4px; }
		footer #footer_logo a { background: url('../img/icons_logo-vertical.svg') top left no-repeat; background-size: contain; display: inline-block; overflow: hidden; position: relative; text-indent: -999px; vertical-align: bottom; }
		footer #footer_logo p { display: inline-block; letter-spacing: .035em; vertical-align: bottom; white-space: pre-line; }
		footer #footer_logo p strong { font-family: 'Trade Gothic'; font-weight: bold; }
		footer #address { letter-spacing: .035em; white-space: pre-line; }
		footer #links { display: -webkit-inline-flex !important; display: inline-flex !important; flex-wrap: wrap; }
		footer #links span { display: block; width: 50%; }
		footer #links a:hover { color: #e7244c; }
		footer #connect { letter-spacing: .035em; }
		
		.connect a { background-position: top left; background-repeat: no-repeat; background-size: contain; display: inline-block; overflow: hidden; position: relative; text-align: left; text-indent: -999px; vertical-align: bottom; }
		.connect a::before { content: ''; }
		.connect a.facebook { background-image: url('../img/icons_social_facebook.svg'); }
		.connect a.twitter { background-image: url('../img/icons_social_twitter.svg'); }
		.connect a.youtube { background-image: url('../img/icons_social_youtube.svg'); }
		.connect a.instagram { background-image: url('../img/icons_social_instagram.svg'); }
		.connect a.vimeo { background-image: url('../img/icons_social_vimeo.svg'); }
		.connect a.pinterest { background-image: url('../img/icons_social_pinterest.svg'); }
		
		.connect a.facebook::before,
		.connect a.facebook:hover { background-image: url('../img/icons_social_facebook-hover.svg'); }
		.connect a.twitter::before,
		.connect a.twitter:hover { background-image: url('../img/icons_social_twitter-hover.svg'); }
		.connect a.youtube::before,
		.connect a.youtube:hover { background-image: url('../img/icons_social_youtube-hover.svg'); }
		.connect a.instagram::before,
		.connect a.instagram:hover { background-image: url('../img/icons_social_instagram-hover.svg'); }
		.connect a.vimeo::before,
		.connect a.vimeo:hover { background-image: url('../img/icons_social_vimeo-hover.svg'); }
		.connect a.pinterest::before,
		.connect a.pinterest:hover { background-image: url('../img/icons_social_pinterest-hover.svg'); }
	
	
		/** Mobile & Tablet **********/
			@media all and (max-width: 1279px){
				footer section { font-size: 10px; line-height: 15px; }
				footer #footer_logo a { height: 90px; margin-right: 15px; width: 69px; }
				footer #footer_logo strong { font-size: 18px; line-height: 18px; }
				footer .connect div { margin-top: 5px; }
				footer .connect a.facebook { height: 19px; width: 12px; }
				footer .connect a.twitter { height: 19px; width: 23px; }
				footer .connect a.youtube { height: 25px; width: 21px; }
				footer .connect a.instagram { height: 19px; width: 19px; }
				footer .connect a.vimeo { height: 19px; width: 19px; }
				footer .connect a.pinterest { height: 19px; width: 19px; }
			}
		
		
		/** Mobile & Tablet 768px **********/
			@media all and (max-width: 1023px){
				footer div.container { margin: 0 18px; }
				footer section:not(#footer_logo):not(.connect) { display: inline-block; vertical-align: bottom; }
				footer .connect a:not(:last-of-type) { margin-right: 22px; }
			}
		
		
		/** Mobile **********/
			@media all and (max-width: 767px){
				footer { padding: 26px 0; }
				footer::after { background: #000; content: ''; display: block; height: 100%; left: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 99; opacity: 0; filter: alpha(opacity=0); }
				footer div.container { padding: 25px 0 0 0; }
				footer section:not(#address)::after,
				footer #address::before { display: none; }
				footer #footer_logo { margin-bottom: 20px; }
				footer #address { margin-bottom: 17px; width: 136px; }
				footer #links { margin-bottom: 17px; padding-left: 20px; }
				footer .connect { display: block; }
			}
		
		
		/** Tablet & Desktop **********/
			@media all and (min-width: 768px){
				footer #footer_logo::after { display: none; }
				footer #address::before { left: 0; right: auto; }
			}
		
		
		/** Tablet **********/
			@media all and (min-width: 768px) and (max-width: 1279px){
				footer section:not(#footer_logo) { padding-left: 20px; }
				footer .connect { display: inline-block; vertical-align: bottom; }
			}
		
		
		/** Tablet 768px **********/
			@media all and (min-width: 768px) and (max-width: 1023px){
				footer { padding: 50px 0 45px 0; }
				footer div.container { padding: 40px 0 0 40px; }
				footer section:not(#footer_logo)::after,
				footer #address::before { height: 47px; top: -6px; }
				footer #footer_logo { margin-bottom: 40px; }
				footer #address { width: 180px; }
				footer #links { padding-right: 8px; width: 216px; }
				footer .connect { width: 270px; }
				footer .connect a.facebook { height: 19px; margin-right: 24px; top: -4px; width: 10px; }
				footer .connect a.twitter { height: 18px; margin-right: 20px; top: -4px; width: 21px; }
				footer .connect a.youtube { height: 25px; margin-right: 22px; top: -3px; width: 20px; }
				footer .connect a.instagram { height: 19px; margin-right: 22px; top: -4px; width: 19px; }
				footer .connect a.vimeo { height: 19px; margin-right: 22px; top: -4px; width: 19px; }
				footer .connect a.pinterest { height: 19px; top: -4px; width: 19px; }
			}
		
		
		/** Tablet 1024px & Desktop **********/
			@media all and (min-width: 1024px){
				footer div.container { margin: 0 32px; }
				footer section { display: inline-block; vertical-align: bottom; }
				footer #footer_logo { align-items: flex-end; display: -webkit-inline-flex; display: inline-flex; }
				footer #footer_logo a { top: -4px; }
				footer #footer_logo p { flex: 1; padding-right: 20px; white-space: normal; }
				footer #footer_logo p span { display: inline-block; }
			}
		
		
		/** Tablet 1024px **********/
			@media all and (min-width: 1024px) and (max-width: 1279px){
				footer { padding: 90px 0 53px 0; }
				footer div.container { padding: 58px 0 0 54px; }
				footer section:not(#footer_logo)::after,
				footer #address::before { height: 47px; top: -6px; }
				footer #footer_logo { width: calc(100% - 179px - 209px - 188px - 54px); }
				footer #footer_logo p { max-width: 275px; }
				footer #address { width: 178px; }
				footer #links { padding-right: 12px; width: 209px; }
				footer .connect { width: 242px; }
				footer .connect a.facebook { height: 19px; margin-right: 18px; top: -4px; width: 10px; }
				footer .connect a.twitter { height: 18px; margin-right: 14px; top: -4px; width: 21px; }
				footer .connect a.youtube { height: 25px; margin-right: 16px; top: -3px; width: 20px; }
				footer .connect a.instagram { height: 19px; margin-right: 16px; top: -4px; width: 19px; }
				footer .connect a.vimeo { height: 19px; margin-right: 16px; top: -4px; width: 19px; }
				footer .connect a.pinterest { height: 19px; top: -4px; width: 19px; }
			}
		
		
		/** Desktop **********/
			@media all and (min-width: 1280px){
				footer { padding: 113px 0 58px 0; }
				footer div.container { padding: 70px 0 0 66px; }
				footer section:not(#footer_logo)::after,
				footer #address::before { height: 59px; top: -6px; }
				footer section { font-size: 13px; line-height: 19px; }
				footer section:not(#footer_logo) { padding-left: 26px; }
				footer #footer_logo { width: calc(100% - 237px - 268px - 190px - 66px); }
				footer #footer_logo a { height: 113px; margin-right: 20px; width: 86px; }
				footer #footer_logo strong { font-size: 23px; line-height: 23px; }
				footer #footer_logo p.en { max-width: 320px; }
				footer #footer_logo p.fr { max-width: 404px; }
				footer #address { width: 222px; }
				footer #links { padding-right: 20px; width: 268px; }
				footer .connect { width: 270px; }
				footer .connect div { margin-top: 8px; }
				footer .connect a.facebook { height: 24px; margin-right: 15px; top: -7px; width: 13px; }
				footer .connect a.twitter { height: 24px; margin-right: 10px; top: -5px; width: 28px; }
				footer .connect a.youtube { height: 30px; margin-right: 14px; top: -5px; width: 25px; }
				footer .connect a.instagram { height: 24px; margin-right: 14px; top: -5px; width: 24px; }
				footer .connect a.vimeo { height: 24px; margin-right: 14px; top: -5px; width: 24px; }
				footer .connect a.pinterest { height: 24px; top: -5px; width: 24px; }
			}
		


/** Global Styles **************************************************/

	/** Base Styles **************************************************/
		h2.section-title { border-bottom: 2px solid #000; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
		
		
		/** Mobile & Tablet **********/
			@media all and (max-width: 1279px){
				h2.section-title { font-size: 22px; margin-bottom: 16px; }
			}
		
		/** Desktop **********/
			@media all and (min-width: 1280px){
				h2.section-title { font-size: 27px; margin-bottom: 18px; }
			}
		

	/** Ambase Styles **************************************************/
		#gallery em {
			font-style: italic!important;
		}
		
		aside#share.nostick {
			position: absolute;
			top: 0;
		}
		aside#share.nostick.sticky {
			position: absolute;
			top: 0;
		}
		
		sup { font-weight: bold!important; font-size: smaller!important; vertical-align: super!important; }
		sub { font-weight: bold!important; font-size: smaller!important; vertical-align: sub!important; }



	/** Component Styles **************************************************/
	
		/** Banner **************************************************/
			section.banner.landing a.content { background: #fff; display: block; position: relative; text-align: center; z-index: 2; }
			section.banner.landing a.content div { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
			
			section.banner > h1 { color: #fff; font-family: 'Trade Gothic'; font-weight: bold; position: absolute; text-transform: uppercase; white-space: pre-line; z-index: 2; }
			section.banner > h1.black { color: #000; }
			
			section.banner a.breadcrumb { color: #fff; font-family: 'Trade Gothic'; font-weight: bold; position: absolute; text-transform: uppercase; white-space: pre-line; z-index: 2; }
			section.banner a.breadcrumb.black { color: #000; }
			section.banner a.breadcrumb::before { background: url('../img/icons_arrow_white.svg') center center no-repeat; background-size: contain; content: ''; display: block; left: 0; position: absolute; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
			section.banner a.breadcrumb.black::before { background-image: url('../img/icons_arrow_black.svg'); }
			
			section.banner div.article { background: rgba(255,255,255,0.6); position: absolute; text-align: center; z-index: 2; }
			section.banner div.article::after { border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-color: inherit; content: ''; display: block; position: absolute; z-index: -1; }
			section.banner div.article strong { color: inherit; display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
			section.banner div.article p { display: block; font-family: Circular; font-weight: bold; }
			section.banner div.article a { border-bottom-width: 1px; border-style: solid; color: inherit; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
					
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					section.banner > h1 { bottom: 14px; font-size: 45px; left: 18px; line-height: 39px; }
				
					section.banner a.breadcrumb { font-size: 18px; left: 18px; padding-left: 17px; top: 16px; }
					section.banner a.breadcrumb::before { height: 12px; top: 3px; width: 13px; }
				
					section.banner div.article { font-size: 14px; line-height: 17px; padding: 29px 10px 33px; width: 200px; }
					section.banner div.article::after { height: calc(100% - 32px); left: 16px; top: 14px; width: calc(100% - 32px); }
					section.banner div.article strong { font-size: 20px; line-height: 20px; margin-bottom: 2px; }
					section.banner div.article p { margin-bottom: 5px; }
					section.banner div.article a { line-height: 12px; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					section.banner.image { height: 320px; }
					section.banner.image.landing { display: -webkit-flex; display: flex; flex-direction: column; height: auto; margin-bottom: 24px; }
					section.banner.image.landing span.mobile-only { display: block; height: 338px; order: -1; margin-bottom: 24px; position: relative; }
					section.banner.image.landing > h1 { bottom: 0; position: relative; text-align: left; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					section.banner.image { height: 466px; }
					section.banner.image.landing { height: 514px; margin-bottom: 46px; }
					section.banner a.breadcrumb { top: 89px; }
				}
			
			/** Tablet 1024px & Desktop **********/
				@media all and (min-width: 1024px){
					section.banner > h1 { left: 32px; }
				
					section.banner div.article { bottom: 32px; right: 32px; }
				
					section.banner a.breadcrumb { left: 32px; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					section.banner.image { height: 540px; }
					section.banner.image.landing { height: 592px; margin-bottom: 64px; }
				
					section.banner > h1 { bottom: 28px; font-size: 60px; line-height: 51px; }
				
					section.banner div.article { font-size: 14px; line-height: 17px; padding: 32px 10px; width: 220px; }
					section.banner div.article::after { height: calc(100% - 28px); left: 16px; top: 14px; width: calc(100% - 32px); }
					section.banner div.article strong { font-size: 20px; line-height: 20px; }
					section.banner div.article p { margin-bottom: 5px; }
					section.banner div.article a { line-height: 12px; }
				
					section.banner a.breadcrumb { font-size: 24px; padding-left: 23px; top: 95px; }
					section.banner a.breadcrumb::before { height: 15px; top: 4px; width: 17px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					section.banner > h1 { line-height: 64px; }
				
					section.banner div.article { font-size: 17px; line-height: 20px; padding: 38px 15px; width: 250px; }
					section.banner div.article::after { height: calc(100% - 38px); left: 20px; top: 17px; width: calc(100% - 40px); }
					section.banner div.article strong { font-size: 25px; line-height: 25px; }
					section.banner div.article p { margin-bottom: 9px; }
					section.banner div.article a { line-height: 14px; }
				
					section.banner a.breadcrumb { font-size: 30px; padding-left: 30px; top: 115px; }
					section.banner a.breadcrumb::before { height: 19px; top: 7px; width: 22px; }
				}
			
			/** Desktop Small **********/
				@media all and (min-width: 1280px) and (max-width: 1439px) {
					section.banner.image { height: 734px; }
				
					section.banner > h1 { bottom: 24px; font-size: 60px; }
				}
			
			/** Desktop Large **********/
				@media all and (min-width: 1440px){
					section.banner.image { height: 774px; }
				
					section.banner > h1 { bottom: 27px; font-size: 75px; }
				}
	
	
		/** Navigation **************************************************/
			section.navigation div.container div { border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative; }
			section.navigation a { font-family: 'Trade Gothic'; font-weight: bold; position: relative; text-transform: uppercase; vertical-align: top; }
			section.navigation a:not([href]) { display: none; }
			section.navigation a::after { background: url('../img/icons_arrow_black.svg') center center no-repeat; background-size: contain; content: ''; display: block; position: absolute; }
			section.navigation a:first-of-type { float: left; }
			section.navigation a:first-of-type::after { left: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
			section.navigation a:last-of-type { float: right; }
			section.navigation a:last-of-type::after { right: 0; }
			section.navigation a[href=""] { display: none; }
			
			/** Mobile & Tablet **********/
				@media all and (max-width: 1279px){
					section.navigation div.container div { height: 44px; line-height: 44px; }
					section.navigation a::after { height: 15px; top: 14px; width: 18px; }
				}
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					section.navigation a:first-of-type { padding-left: 24px; }
					section.navigation a:last-of-type { padding-right: 24px; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					section.navigation { font-size: 14px; overflow: hidden; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					section.navigation { font-size: 15px; pointer-events: none; }
					section.navigation a { pointer-events: auto; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					section.navigation { font-size: 17px; }
					section.navigation a:first-of-type { padding-left: 27px; }
					section.navigation a:last-of-type { padding-right: 27px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					section.navigation { font-size: 21px; }
					section.navigation div.container div { height: 55px; line-height: 55px; }
					section.navigation a::after { height: 19px; top: 18px; width: 23px; }
					section.navigation a:first-of-type { padding-left: 35px; }
					section.navigation a:last-of-type { padding-right: 35px; }
				}
	
	
		/** Scroller **************************************************/
			
			section.scroller { text-align: center; }
			section.scroller div.scroller { overflow: hidden; position: relative; }
			section.scroller div.scroller ul { -webkit-display: flex; display: flex; font-size: 0; left: 0; position: relative; text-align: left; transition: left ease-out 0.2s; top: 0; width: 200000px; }
			section.scroller div.scroller ul li { display: inline-block; vertical-align: top; }
			section.scroller div.scroller ul li a { display: block; position: relative; text-align: center; }
			section.scroller div.scroller ul li a img { display: block; width: 100%; }
			section.scroller div.scroller ul li a > strong { display: block; }
			section.scroller div.scroller button { background: rgba(255, 255, 255, 0.5); cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -999px; z-index: 2; }
			section.scroller div.scroller button::after { border-style: solid; content: ''; display: block; position: absolute; z-index: 2; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
			section.scroller div.scroller button.prev { left: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
			section.scroller div.scroller button.next { right: 0; }
			
			section.scroller.spotlight div.scroller ul li a { font-family: Circular; }
			section.scroller.spotlight div.scroller ul li a em { display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; }
			section.scroller.spotlight div.scroller ul li a strong { font-weight: bold; }
			
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					section.scroller { padding: 24px 0; }
					section.scroller:not(.mobile-scroll) div.scroller button { display: none; }
				
					section.scroller.mobile-scroll div.scroller button { height: 34px; width: 34px; }
					section.scroller.mobile-scroll div.scroller button::after { border-width: 2px 2px 0 0; height: 8px; left: calc(50% - 6px); top: calc(50% - 5px); width: 8px; }
				
					section.scroller.library div.scroller button { top: 67px; }
				
					section.scroller.spotlight div.scroller ul { left: 18px; margin-right: 18px; }
					section.scroller.spotlight div.scroller ul li { margin-right: 10px; width: 134px; }
					section.scroller.spotlight div.scroller ul li a { font-size: 13px; }
					section.scroller.spotlight div.scroller ul li a img { height: 134px; margin-bottom: 17px; }
					section.scroller.spotlight div.scroller ul li a em { font-size: 17px; margin-bottom: 5px; }
					section.scroller.spotlight div.scroller ul li a p { line-height: 16px; }
					section.scroller.spotlight div.scroller button { top: 50px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					section.scroller div.scroller > div { transition: left 0.3s ease; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; }
				
					section.scroller.spotlight div.scroller ul li { position: relative; }
					section.scroller.spotlight div.scroller ul li::after { border-top: 2px solid #000; bottom: 0; content: ''; display: block; left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
					section.scroller.spotlight div.scroller ul li a p strong { font-weight: bold; }
				}
			
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1279px){
					section.scroller.spotlight div.scroller a p { line-height: 20px; margin-bottom: 10px; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					section.scroller { padding-top: 47px; }
				
					section.scroller div.scroller button { height: 34px; width: 34px; }
					section.scroller div.scroller button::after { border-width: 3px 3px 0 0; height: 8px; left: calc(50% - 8px); top: calc(50% - 7px); width: 8px; }
				
					section.scroller.spotlight div.scroller ul { left: 18px; margin-right: 18px; }
					section.scroller.spotlight div.scroller ul li { font-size: 14px; margin-right: 18px; padding-bottom: 6px; width: 220px; }
					section.scroller.spotlight div.scroller ul li::after { width: 80px; }
					section.scroller.spotlight div.scroller ul li a img { margin-bottom: 28px; }
					section.scroller.spotlight div.scroller ul li a em { font-size: 25px; margin-bottom: 1px; }
					section.scroller.spotlight div.scroller button { top: 87px; }
				}
			
			/** Tablet 1024px & Desktop **********/
				@media all and (min-width: 1024px){
					section.scroller { padding-top: 120px; }
					section.scroller.spotlight div.scroller ul li::after { width: 98px; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					section.scroller div.scroller button { height: 44px; width: 44px; }
					section.scroller div.scroller button::after { border-width: 3px 3px 0 0; height: 10px; left: calc(50% - 8px); top: calc(50% - 7px); width: 10px; }
				
					section.scroller.spotlight div.scroller ul { left: 24px; margin-right: 24px; }
					section.scroller.spotlight div.scroller ul li { font-size: 14px; margin-right: 24px; padding-bottom: 31px; width: 300px; }
					section.scroller.spotlight div.scroller ul li a img { margin-bottom: 28px; }
					section.scroller.spotlight div.scroller ul li a em { font-size: 25px; margin-bottom: 2px; }
					section.scroller.spotlight div.scroller button { top: 127px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					section.scroller div.scroller button { height: 55px; width: 55px; }
					section.scroller div.scroller button::after { border-width: 3px 3px 0 0; height: 12px; left: calc(50% - 11px); top: calc(50% - 7px); width: 12px; }
				
					section.scroller.spotlight div.scroller ul { left: 32px; margin-right: 32px; }
					section.scroller.spotlight div.scroller ul li { font-size: 17px; margin-right: 32px; padding-bottom: 34px; width: 376px; }
					section.scroller.spotlight div.scroller ul li a img { margin-bottom: 34px; }
					section.scroller.spotlight div.scroller ul li a em { font-size: 32px; margin-bottom: 4px; }
					section.scroller.spotlight div.scroller ul li a p { line-height: 24px; margin-bottom: 14px; }
					section.scroller.spotlight div.scroller button { top: 160px; }
				}
	
	
		/** Media **************************************************/
			section.media ul li a { background: #e7dec8; display: block; font-family: Circular; font-weight: bold; position: relative; }
			section.media ul li figure { background-position: center center; background-repeat: no-repeat; background-size: cover; }
			section.media ul li > em { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
			section.media ul li strong { display: block; }
			section.media ul li p { white-space: pre-line; }
			section.media ul li p em { font-style: italic; }
			section.media ul li span { border-bottom: 1px solid #000; display: inline-block; font-family: 'Trade Gothic'; text-transform: uppercase; }
			
			/** Mobile & Tablet **********/
				@media all and (max-width: 1279px){
					section.media ul li a { font-size: 14px; line-height: 18px; }
					section.media ul li p { margin-bottom: 6px; }
					section.media ul li span { line-height: 13px; }
				}
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					section.media ul li:not(:last-of-type) { margin-bottom: 18px; }
					section.media ul li strong { font-size: 19px; line-height: 22px; margin-bottom: 12px; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					section.media ul li a { padding: 0 22px 20px; }
					section.media ul li figure { height: 160px; left: -22px; margin-bottom: 14px; position: relative; width: calc(100% + 44px); }
					section.media ul li em { margin-bottom: 4px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					section.media ul li figure { height: 100%; left: 0; position: absolute; top: 0; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					section.media ul li a { height: 190px; padding: 16px 0 0 186px; }
					section.media ul li figure { width: 168px; }
					section.media ul li strong { padding-right: 80px; }
					section.media ul li p { padding-right: 18px; }
				}
			
			/** Tablet 1024px & Desktop **********/
				@media all and (min-width: 1024px){
					section.media ul li strong { max-width: 680px; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					section.media ul li a { height: 264px; padding: 24px 32px 0 252px; }
					section.media ul li:not(:last-of-type) { margin-bottom: 22px; }
					section.media ul li figure { width: 222px; }
					section.media ul li strong { font-size: 21px; line-height: 24px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body section.media ul { max-width: 1250px; }
					body:not(.about) section.media ul { margin-left: auto; margin-right: auto; }
					section.media ul li a { font-size: 17px; height: 320px; line-height: 23px; padding: 36px 100px 0 314px; }
					section.media ul li:not(:last-of-type) { margin-bottom: 30px; }
					section.media ul li figure { width: 278px; }
					section.media ul li strong { font-size: 26px; line-height: 30px; }
					section.media ul li p { margin-bottom: 8px; max-width: 680px; }
					section.media ul li span { line-height: 15px; }
				}
				
				
		/** Aside **************************************************/
			aside#archive { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
			aside#archive nav { width: 100%; }
			aside#archive nav a { transition: color ease-out 0.2s; }
			aside#archive nav > a:first-of-type { border-top: 1px solid #000; }
			aside#archive nav > a { border-bottom: 1px solid #000; display: block; }
			aside#archive nav a:hover,
			aside#archive nav a.active { color: #e7244c; }
			
			aside#share a { background-position: center center; background-repeat: no-repeat; position: relative; text-indent: -9999px; }
			aside#share a::before { content: ''; }
			aside#share a.facebook { background-image: url('../img/icons_social_facebook.svg'); }
			aside#share a.twitter { background-image: url('../img/icons_social_twitter.svg'); }
			aside#share a.email { background-image: url('../img/icons_social_email.svg'); }
			aside#share a.facebook::before,
			aside#share a.facebook:hover { background-image: url('../img/icons_social_facebook-hover.svg'); }
			aside#share a.twitter::before,
			aside#share a.twitter:hover { background-image: url('../img/icons_social_twitter-hover.svg'); }
			aside#share a.email::before,
			aside#share a.email:hover { background-image: url('../img/icons_social_email-hover.svg'); }
			
			/** Mobile & Tablet **********/
				@media all and (max-width: 1279px){
					aside#archive { font-size: 14px; }
					aside#archive nav a { line-height: 32px; }
				}
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					aside#archive { padding: 0 18px; }
				
					aside#share a.facebook { background-size: 7px 11px; }
					aside#share a.twitter { background-size: 13px 11px; }
					aside#share a.email { background-size: 12px 9px; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					aside#archive { margin-bottom: 27px; }
				
					aside#share { border-left: 1px solid #000; margin-left: 18px; }
					aside#share a { border-right: 1px solid #000; display: inline-block; height: 32px; vertical-align: top; width: 32px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					#aside { position: relative; }
				
					aside#share { border-top: 1px solid #000; position: absolute; top: 0; z-index: 5; }
					aside#share a { border-bottom: 1px solid #000; display: block; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					aside#archive { margin-bottom: 34px; }
				
					aside#share { margin-top: 25px; margin-right: 96px; right: -96px; width: 30px; }
					aside#share a { height: 30px; width: 30px; }
				}
			
			/** Tablet 1024px & Desktop **********/
				@media all and (min-width: 1024px){
					aside#archive { padding-left: 32px; position: absolute; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					section.aside { margin-left: 234px; width: calc(100% - 234px); }
				
					aside#archive { margin-right: 115px; margin-top: 40px; width: 234px; }
				
					aside#share { margin-top: 35px; margin-right: 115px; right: -115px; width: 40px; }
					aside#share a { height: 40px; width: 40px; }
					aside#share a.facebook { background-size: 7px 14px; }
					aside#share a.twitter { background-size: 16px 14px; }
					aside#share a.email { background-size: 16px 11px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					section.aside { margin-left: 302px; width: calc(100% - 302px); }
				
					aside#archive { font-size: 17px; margin-right: 144px; margin-top: 40px; width: 302px; }
					aside#archive.sticky { position: fixed; top: 144px; }
					aside#archive.sticky.locked { bottom: 0; position: absolute; top: auto; }
					aside#archive nav a { line-height: 40px; }
				
					aside#share { margin-top: 56px; margin-right: 144px; right: -144px; width: 52px; }
					aside#share.sticky { position: fixed; top: 144px; }
					aside#share.sticky.locked { bottom: 0; position: absolute; top: auto; }
					aside#share a { height: 52px; width: 52px; }
					aside#share a.facebook { background-size: 9px 18px; }
					aside#share a.twitter { background-size: 20px 17px; }
					aside#share a.email { background-size: 20px 14px; }
				}
				
				
		/** Podcast **************************************************/
			#podcast { background: #969696; border-bottom: 3px solid #c7c7c7; bottom: 0; font-size: 0; position: fixed; right: 0; z-index: 5; transform: translateY(100%); -webkit-transform: translateY(100%); transition: transform ease-out 0.2s; -webkit-transition: transform ease-out 0.2s; }			
			#podcast.reveal { transform: translateY(0); -webkit-transform: translateY(0); }
			#podcast button[podcast-play],
			#podcast button[podcast-rw],
			#podcast button[podcast-ff] { background-color: #969696; background-position: center center; background-repeat: no-repeat; background-size: contain; cursor: pointer; display: inline-block; vertical-align: middle; }
			#podcast button[podcast-rw] { background-image: url('../img/icons_podcast-rewind.svg'); }
			#podcast button[podcast-ff] { background-image: url('../img/icons_podcast-fastforward.svg'); }
			#podcast button[podcast-play] { background-image: url('../img/icons_podcast-play.svg'); margin: 0; }
			#podcast button[podcast-mute] { cursor: pointer; position: absolute; }
			#podcast.playing button[podcast-play] { background-image: url('../img/icons_podcast-pause.svg'); }
			#podcast img { display: inline-block; max-height: 100%; vertical-align: middle; }
			#podcast strong { color: #fff; display: inline-block; font-family: Circular; font-size: 12px; font-weight: bold; line-height: 16px; vertical-align: middle; white-space: pre-line; }
			#podcast strong em { color: #000; display: inline; font-style: normal; }
			#podcast span { background: #e7244c; display: block; height: 3px; left: 0; position: absolute; transition: width ease 0.2s; }
			#podcast a { background: url('../img/icons_download.svg') top left no-repeat; background-size: contain; border-bottom: none; overflow: hidden; padding: 0 !important; position: absolute; text-indent: -9999px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
				

			/** Mobile & Tablet **********/
				@media all and (max-width: 1279px){
					#podcast button[podcast-play] { height: 28px; width: 28px; }
					#podcast button[podcast-rw],
					#podcast button[podcast-ff] { height: 22px; width: 22px; }
					#podcast strong { width: calc(100% - 203px); }
					#podcast a { height: 15px; width: 12px; }
				}
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					#podcast span { bottom: 0; }
					#podcast a { right: 10px; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					#podcast { height: 60px; width: 100%; }
					#podcast button[podcast-rw],
					#podcast button[podcast-ff] { margin: 0 8px; }
					#podcast img { margin-right: 8px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					#podcast span { bottom: -3px; }
				}
			
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1279px){
					#podcast { height: 52px; }
					#podcast button[podcast-rw],
					#podcast button[podcast-ff] { margin: 0 10px; }
					#podcast img { margin-right: 10px; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					#podcast { width: 308px; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					#podcast { width: 350px; }
					#podcast strong { width: calc(100% - 217px); }
					#podcast a { right: 17px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					#podcast { height: 65px; width: 438px; }
					#podcast button[podcast-play] { height: 34px; width: 34px; }
					#podcast button[podcast-rw],
					#podcast button[podcast-ff] { height: 22px; margin: 0 14px; width: 22px; }
					#podcast button[podcast-mute] { height: 26px; right: 39px; top: 19px; width: 26px; }
					#podcast img { margin-right: 14px; }
					#podcast strong { width: calc(100% - 263px); }
					#podcast a { height: 18px; right: 19px; width: 15px; }
				}
				
				
		/** Article Page **************************************************/
			body.article section.banner div.content { background: #fff; }
			body.article section.banner div.content.standard > strong,
			body.article section.banner div.content.standard h1 { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
			body.article section.banner div.content.standard > strong { border-bottom: 2px solid #000; display: inline-block;  }
			body.article section.banner div.content.standard > em { display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; }
			body.article section.banner div.content.standard p { font-family: Circular; font-weight: normal; white-space: pre-line; }
			
			body.article section.article { font-family: 'Adobe Caslon'; font-style: normal; font-weight: normal; }
			body.article section.article figure img { display: block; max-width: 100%; }
			body.article section.article article em { font-style: italic; }
			body.article section.article article a { border-bottom: 1px solid #000; display: inline-block; line-height: 10px; }
			body.article section.article article small { display: block; }
			body.article section.article article sub { font-weight: bold; }
			body.article section.article article strong { font-weight: bold; }
			body.article section.article.first-letter article > p:first-child:first-letter { float: left; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
			body.article section.article article figure img { margin: 0 auto; }
			body.article section.article article figure figcaption { font-family: Circular; font-weight: normal; font-style: normal; text-align: center; }
			body.article section.article article figure figcaption::after { border-bottom: 2px solid #000; content: ''; display: block; margin: 0 auto; }
			
			body.article section.article aside figure figcaption { font-family: Circular; font-weight: normal; font-style: normal; }
			body.article section.article aside figure figcaption strong { font-weight: bold; }
			body.article section.article aside figure figcaption em { font-style: italic; }
			body.article section.article aside > figure img { width: 100%; }
			body.article section.article aside div.art-book	{ text-align: center; }
			body.article section.article aside div.art-book figure img { margin: 0 auto; width: auto; }
			body.article section.article aside div.art-book figcaption strong { white-space: pre-line; }
			
			body.article section.article article div.art-book figure { padding: 0; }
			body.article section.article article div.art-book div { border-style: solid; text-align: center; }
			
			body.article section.article div.art-book { border-style: solid; font-family: Circular; }
			body.article section.article div.art-book figcaption { font-weight: normal; text-align: center; }
			body.article section.article div.art-book figcaption strong { display: block; font-family: Wigrum; font-weight: 500; text-transform: uppercase; }
			body.article section.article div.art-book figcaption strong em { font-style: normal; font-weight: 300; }
			body.article section.article div.art-book p { font-weight: bold; text-align: left; }
			body.article section.article div.art-book a { border-bottom: 1px solid #000; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; position: relative; text-transform: uppercase; }
			
			
			/** Mobile & Tablet **********/
				@media all and (max-width: 1279px){
					body.article section.article div.art-book a { font-size: 14px; line-height: 11px; }
				}
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					body.article section.banner div.content.standard { padding: 26px 18px 0; }
					body.article section.banner div.content.standard > strong { font-size: 16px; margin-bottom: 9px; }
					body.article section.banner div.content.standard h1 { font-size: 34px; line-height: 32px; margin-bottom: 11px; }
					body.article section.banner div.content.standard > em { font-size: 16px; line-height: 17px; margin-bottom: 8px; }
					body.article section.banner div.content.standard p { font-size: 14px; line-height: 19px; }
					body.article section.article article small { font-size: 11px; line-height: 13px; }
					body.article section.article article sub { font-size: 10px; line-height: 12px; }
				
					body.article section.article article figure figcaption { font-size: 11px; line-height: 13px; }
					body.article section.article article figure figcaption::after { padding-top: 12px; width: 106px; }
				
					body.article section.article aside > figure figcaption { font-size: 11px; line-height: 13px; }
					body.article section.article aside > figure img { margin-bottom: 5px; }
					body.article section.article aside div.art-book figure img { margin-bottom: 13px; }
				
					body.article section.article div.art-book { font-size: 11px; }
					body.article section.article div.art-book figure img { height: 170px; margin-bottom: 13px; }
					body.article section.article div.art-book figcaption { margin-bottom: 13px; }
					body.article section.article div.art-book figcaption strong { font-size: 15px; line-height: 16px; margin-bottom: 5px; }
					body.article section.article div.art-book p { line-height: 13px; margin-bottom: 10px; }
					body.article section.article div.art-book a:first-of-type { margin-right: 10px; }
					body.article section.article div.art-book a:first-of-type::after { right: -8px; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					body.article section.banner { height: auto; padding-top: 338px; }
					body.article section.banner div.content.standard { position: relative; }
					body.article section.banner span { height: 338px; }
				
					body.article section.article { font-size: 16px; line-height: 22px; padding-top: 28px; }
					body.article section.article article { margin-bottom: 19px; }
					body.article section.article article div.banner-caption p { font-family: Circular; font-size: 11px; line-height: 13px; margin-bottom: 24px; }
					body.article section.article.first-letter article > p:first-child:first-letter { font-size: 76px; line-height: 50px; padding-top: 6px; padding-right: 6px; }
					body.article section.article article figure { padding-top: 7px; }
					body.article section.article article > figure img { height: auto !important; margin-bottom: 12px; width: 100% !important; }
					body.article section.article article figure + p { margin-top: 23px; }
				
					body.article section.article aside.right { margin-bottom: 24px; }
					body.article section.article aside > figure { width: 225px; }
				
					body.article section.article article div.art-book figcaption strong { white-space: pre-line; }
				
					body.article section.article div.art-book { border-width: 1px 0; margin-top: 20px; padding: 18px 0; }
					body.article section.article div.art-book figure { width: 100%; }
					body.article section.article div.art-book figure img { margin: 0 auto 13px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					body.article section.banner div.content.standard { bottom: 0; left: 0; position: absolute; z-index: 2; }
				
					body.article section.article { font-size: 0; }
					body.article section.article article,
					body.article section.article aside { display: inline-block; vertical-align: top; }
					body.article section.article aside.right { position: absolute; }
					body.article section.article aside div.art-book { position: absolute; }
				
					body.article section.article article div.art-book { font-size: 0; }
					body.article section.article article div.art-book figure,
					body.article section.article article div.art-book div { display: inline-block; vertical-align: top; }
					body.article section.article article div.art-book figure img { height: 100%; }
				
					body.article section.article aside div.art-book { bottom: 0; }
				}
				
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1279px){
					body.article section.article article div.art-book { padding-top: 40px; }
				}
				
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					body.article section.banner div.content.standard { width: 400px; }
				
					body.article section.article { padding-top: 25px; width: calc(100% - 44px); }
					body.article section.article article { font-size: 16px; line-height: 22px; padding-right: 30px; width: calc(100% - 225px); }
					body.article section.article.first-letter article > p:first-child:first-letter { font-size: 70px; line-height: 50px; padding-right: 6px; }
					body.article section.article article figure { padding-top: 15px; }
					body.article section.article article figure img { margin-bottom: 16px; max-height: 300px; }
					body.article section.article article figure + p { margin-top: 28px; }
				
					body.article section.article aside { width: 225px; }
					body.article section.article aside.right { right: 18px; }
					body.article section.article aside div.art-book { margin-right: 18px; padding: 18px 0; }
				
					body.article section.article article div.art-book { width: calc(100% + 30px); }
					body.article section.article article div.art-book figure { height: 170px; margin-right: 22px; width: 136px; }
					body.article section.article article div.art-book div { border-width: 1px 0; font-size: 12px; height: 170px; padding: 18px 0; width: calc(100% - 192px); }
				}
			
			/** Tablet 1024px & Desktop **********/
				@media all and (min-width: 1024px){
					body.article section.article article { font-size: 19px; line-height: 27px; }
					body.article section.article.first-letter article > p:first-child:first-letter { font-size: 84px; line-height: 66px; padding-right: 10px; }
				
					body.article section.article aside.right { right: 32px; }
					body.article section.article aside figure img { margin-bottom: 11px; }
				
					body.article section.article article div.art-book figure { margin-right: 30px; }
					body.article section.article article div.art-book div { border-width: 2px 0; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					body.article section.banner div.content.standard { padding: 32px 32px 0; width: 540px; }
					body.article section.banner div.content.standard > strong { font-size: 21px; margin-bottom: 10px; }
					body.article section.banner div.content.standard h1 { font-size: 45px; line-height: 43px; margin-bottom: 14px; }
					body.article section.banner div.content.standard > em { font-size: 21px; line-height: 23px; margin-bottom: 9px; }
					body.article section.banner div.content.standard p { font-size: 19px; line-height: 25px; }
				
					body.article section.article { padding-top: 35px; width: calc(100% - 50px); }
					body.article section.article article { padding-right: 40px; width: calc(100% - 300px); }
					body.article section.article article figure { padding-top: 4px; }
					body.article section.article article figure img { margin-bottom: 30px; max-height: 400px; }
					body.article section.article article figure figcaption { font-size: 11px; line-height: 14px; }
					body.article section.article article figure figcaption::after { padding-top: 14px; width: 142px; }
					body.article section.article article figure + p { margin-top: 36px; }
					body.article section.article article small { font-size: 14px; line-height: 18px; }
					body.article section.article article sub { font-size: 11px; line-height: 13px; }
				
					body.article section.article aside { width: 300px; }
					body.article section.article aside > figure figcaption { font-size: 11px; line-height: 14px; }
					body.article section.article aside div.art-book { font-size: 14px; padding: 22px 0; width: 300px; }
					body.article section.article aside div.art-book figure img { height: 225px; margin-bottom: 19px; }
				
					body.article section.article article div.art-book { width: calc(100% + 40px); }
					body.article section.article article div.art-book figure { height: 200px; width: 160px; }
					body.article section.article article div.art-book div { height: 200px; padding-top: 22px; width: calc(100% - 190px); }
				
					body.article section.article div.art-book div { font-size: 14px; }
					body.article section.article div.art-book figcaption { margin-bottom: 8px; }
					body.article section.article div.art-book figcaption strong { font-size: 20px; margin-bottom: 2px; }
					body.article section.article div.art-book p { line-height: 18px; margin-bottom: 10px; }
					body.article section.article div.art-book a:first-of-type { margin-right: 12px; }
					body.article section.article div.art-book a:first-of-type::after { right: -8px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body.article section.banner div.content.standard { padding: 32px 32px 0; width: 540px; }
					body.article section.banner div.content.standard > strong { font-size: 21px; margin-bottom: 10px; }
					body.article section.banner div.content.standard h1 { font-size: 45px; line-height: 43px; margin-bottom: 14px; }
					body.article section.banner div.content.standard > em { font-size: 21px; line-height: 23px; margin-bottom: 9px; }
					body.article section.banner div.content.standard p { font-size: 19px; line-height: 25px; }
					body.article section.article article small { font-size: 14px; line-height: 22px; }
					body.article section.article article sub { font-size: 11px; line-height: 13px; }
				
					body.article section.article { padding-top: 56px; }
					body.article section.article article { padding-right: 50px; width: calc(100% - 478px); }
					body.article section.article article figure { padding-top: 6px; }
					body.article section.article article figure img { max-height: 500px; margin-bottom: 39px; }
					body.article section.article article figure figcaption { font-size: 14px; line-height: 18px; }
					body.article section.article article figure figcaption::after { padding-top: 25px; width: 176px; }
					body.article section.article article figure + p { margin-top: 48px; }
				
					body.article section.article aside { padding-right: 102px; width: 478px; }
					body.article section.article aside > figure figcaption { font-size: 14px; line-height: 18px; }
					body.article section.article aside div.art-book { font-size: 17px; padding: 28px 0; width: 367px; }
					body.article section.article aside div.art-book figure img { height: 282px; margin-bottom: 23px; }
				
					body.article section.article article div.art-book { width: calc(100% + 50px); }
					body.article section.article article div.art-book { padding-top: 50px; }
					body.article section.article article div.art-book figure { height: 250px; width: 200px; }
					body.article section.article article div.art-book div { height: 250px; padding-top: 28px; width: calc(100% - 230px); }
				
					body.article section.article div.art-book div { font-size: 17px; font-weight: normal; }
					body.article section.article div.art-book figcaption { margin-bottom: 16px; }
					body.article section.article div.art-book figcaption strong { font-size: 25px; margin-bottom: 10px; }
					body.article section.article div.art-book p { line-height: 22px; margin-bottom: 23px; }
					body.article section.article div.art-book a { font-size: 18px; line-height: 16px; }
					body.article section.article div.art-book a:first-of-type { margin-right: 14px; }
					body.article section.article div.art-book a:first-of-type::after { right: -9px; }
				}
			
			/** Desktop Small **********/
				@media all and (min-width: 1280px) and (max-width: 1439px) {
					body.article section.article article > p,
					body.article section.article article figure,
					body.article section.article article div.art-book { max-width: 720px; }
				}
			
			/** Desktop Large **********/
				@media all and (min-width: 1440px){
					body.article section.article article > p,
					body.article section.article article figure,
					body.article section.article article div.art-book { padding-right: 102px; max-width: 900px; }
				}
			
			/** Desktop Larger **********/
				@media all and (min-width: 1604px){
					body.article section.banner div.content.standard { margin-left: calc(100% - 1590px); width: 900px; }
					body.article section.article { margin-left: auto; width: 1590px; }
				}
				
		/** Catalogue Page Heros (& Homepage Banners) **************************************************/
		
			body.art-book section.banner[series="Cities & Places"] div.content strong { text-transform: none; }
				
			body.art-book section.banner[series="Themes & Topics"] div.content h1 { font-family: 'Circular'; font-weight: bold; text-transform: none; }
			body.art-book section.banner[series="Themes & Topics"] div.content strong { font-weight: 500; }
			body.art-book section.banner[series="Themes & Topics"] div.content a { color: inherit !important; transition: none; }
			
			body.art-book section.banner[series="Cities & Places"] div.content { border-style: solid; }	
			body.art-book section.banner[series="Cities & Places"] div.content h1 { font-family: 'Trade Gothic'; font-weight: bold; }
			body.art-book section.banner[series="Cities & Places"] div.content strong { font-family: Circular; font-weight: bold; }
			body.art-book section.banner[series="Cities & Places"] div.content em { font-family: Circular; font-weight: 400; }
			body.art-book section.banner[series="Cities & Places"] div.content a { color: inherit !important; transition: none; }
			
			body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content em,
			body.homepage section#banner div.slide.book[series="Cities & Places"] a.content em { text-transform: none; }
				
			body.homepage section#banner div.slide.book[series="Cities & Places"] a.content { border-style: solid; }
			body.homepage section#banner div.slide.book[series="Cities & Places"] a.content h3 { font-family: 'Trade Gothic'; font-weight: bold; }
			body.homepage section#banner div.slide.book[series="Cities & Places"] a.content em { font-family: Circular; font-weight: bold; }
			body.homepage section#banner div.slide.book[series="Cities & Places"] a.content small { font-family: Circular; font-weight: 400; }
			
			body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content h3 { text-transform: none; }
			body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content em { font-family: Wigrum; font-weight: 500; text-transform: uppercase; }
			
			body.homepage section.book[series="Themes & Topics"] div.book a.content em,
			body.homepage section.book[series="Cities & Places"] div.book a.content em { text-transform: none; }
				
			body.homepage section.book[series="Cities & Places"] div.book a.content { border-style: solid; }
			body.homepage section.book[series="Cities & Places"] div.book a.content h3 { font-family: 'Trade Gothic'; font-weight: bold; }
			body.homepage section.book[series="Cities & Places"] div.book a.content em { font-family: Circular; font-weight: bold; }
			body.homepage section.book[series="Cities & Places"] div.book a.content small { font-family: Circular; font-weight: 400; }
			
			body.homepage section.book[series="Themes & Topics"] div.book a.content h3 { text-transform: none; }
			body.homepage section.book[series="Themes & Topics"] div.book a.content em { font-family: Wigrum; font-weight: 500; text-transform: uppercase; }
			
				
			/** Mobile **********/
				@media all and (max-width: 767px){
					body.art-book section.banner[series="Themes & Topics"] div.content h1 span,
					body.art-book section.banner[series="Cities & Places"] div.content h1 span { padding: 0 10px; }
					
					body.art-book section.banner[series="Themes & Topics"] div.content { padding: 26px 32px; }
					body.art-book section.banner[series="Themes & Topics"] div.content h1 { font-size: 32px; line-height: 29px; margin-bottom: 16px; }
					body.art-book section.banner[series="Themes & Topics"] div.content strong { font-size: 15px; margin-bottom: 10px; }
					body.art-book section.banner[series="Themes & Topics"] div.content em { margin-bottom: 5px; }
			
					body.art-book section.banner[series="Cities & Places"] div.content { border-width: 5px; }
					body.art-book section.banner[series="Cities & Places"] div.content h1 { font-size: 42px; line-height: 34px; margin-bottom: 13px; }
					body.art-book section.banner[series="Cities & Places"] div.content strong { font-size: 15px; margin-bottom: 12px; }
					body.art-book section.banner[series="Cities & Places"] div.content em { margin-bottom: 8px; }
										
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content h3 span,
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content h3 span { padding: 0 10px; }
					
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content { padding-top: 26px; padding-bottom: 26px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content h3 { font-size: 27px; line-height: 27px; margin-bottom: 11px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content em { font-size: 18px; margin-bottom: 12px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content small { font-size: 14px; }
					
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content { border-width: 8px; padding-top: 19px; padding-bottom: 19px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content h3 { font-size: 35px; line-height: 31px; margin-bottom: 14px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content em { font-size: 18px; margin-bottom: 13px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content small { font-size: 14px; }
										
					body.homepage section.book[series="Themes & Topics"] div.book a.content h3 span,
					body.homepage section.book[series="Cities & Places"] div.book a.content h3 span { padding: 0 10px; }
					
					body.homepage section.book[series="Themes & Topics"] div.book a.content { padding-top: 26px; padding-bottom: 26px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content h3 { font-size: 27px; line-height: 27px; margin-bottom: 11px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content em { font-size: 18px; margin-bottom: 12px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content small { font-size: 14px; }
					
					body.homepage section.book[series="Cities & Places"] div.book a.content { border-width: 8px; padding-top: 19px; padding-bottom: 19px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content h3 { font-size: 35px; line-height: 31px; margin-bottom: 14px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content em { font-size: 18px; margin-bottom: 13px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content small { font-size: 14px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					body.art-book section.banner[series="Themes & Topics"] div.content h1 span,
					body.art-book section.banner[series="Cities & Places"] div.content h1 span { white-space: pre; }
					
					
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content h3 span,
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content h3 span { white-space: pre; }
					
					body.homepage section.book[series="Themes & Topics"] div.book a.content h3 span,
					body.homepage section.book[series="Cities & Places"] div.book a.content h3 span { white-space: pre; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					body.art-book section.banner[series="Themes & Topics"] div.content { padding: 26px 32px; }
					body.art-book section.banner[series="Themes & Topics"] div.content h1 { font-size: 46px; line-height: 42px; margin-bottom: 15px; }
					body.art-book section.banner[series="Themes & Topics"] div.content strong { font-size: 15px; margin-bottom: 15px; }
					body.art-book section.banner[series="Themes & Topics"] div.content em { margin-bottom: 9px; }
			
					body.art-book section.banner[series="Cities & Places"] div.content { border-width: 5px; }
					body.art-book section.banner[series="Cities & Places"] div.content h1 { font-size: 68px; line-height: 57px; margin-bottom: 13px; }
					body.art-book section.banner[series="Cities & Places"] div.content strong { font-size: 15px; margin-bottom: 12px; }
					body.art-book section.banner[series="Cities & Places"] div.content em { margin-bottom: 8px; }
					
					
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content { padding-top: 26px; padding-bottom: 26px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content h3 { font-size: 46px; line-height: 46px; margin-bottom: 11px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content em { font-size: 20px; margin-bottom: 14px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content small { font-size: 14px; }
					
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content { border-width: 5px; padding-top: 19px; padding-bottom: 19px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content h3 { font-size: 59px; line-height: 52px; margin-bottom: 14px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content em { font-size: 20px; margin-bottom: 14px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content small { font-size: 14px; }
					
					
					body.homepage section.book[series="Themes & Topics"] div.book a.content { padding-top: 26px; padding-bottom: 26px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content h3 { font-size: 46px; line-height: 46px; margin-bottom: 11px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content em { font-size: 20px; margin-bottom: 14px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content small { font-size: 14px; }
					
					body.homepage section.book[series="Cities & Places"] div.book a.content { border-width: 5px; padding-top: 19px; padding-bottom: 19px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content h3 { font-size: 59px; line-height: 52px; margin-bottom: 14px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content em { font-size: 20px; margin-bottom: 14px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content small { font-size: 14px; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					body.art-book section.banner[series="Themes & Topics"] div.content { padding: 29px 42px 35px; }
					body.art-book section.banner[series="Themes & Topics"] div.content h1 { font-size: 62px; line-height: 55px; margin-bottom: 22px; }
					body.art-book section.banner[series="Themes & Topics"] div.content strong { font-size: 19px; line-height: 25px; margin-bottom: 13px; }
					body.art-book section.banner[series="Themes & Topics"] div.content em { margin-bottom: 9px; }
			
					body.art-book section.banner[series="Cities & Places"] div.content { border-width: 6px; }
					body.art-book section.banner[series="Cities & Places"] div.content h1 { font-size: 91px; line-height: 76px; margin-bottom: 17px; }
					body.art-book section.banner[series="Cities & Places"] div.content strong { font-size: 21px; margin-bottom: 15px; }
					body.art-book section.banner[series="Cities & Places"] div.content em { margin-bottom: 10px; }
					
					
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content { padding-top: 32px; padding-bottom: 32px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content h3 { font-size: 61px; line-height: 61px; margin-bottom: 14px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content em { font-size: 26px; margin-bottom: 18px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content small { font-size: 18px; }
					
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content { border-width: 6px; padding-top: 24px; padding-bottom: 24px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content h3 { font-size: 79px; line-height: 69px; margin-bottom: 19px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content em { font-size: 26px; margin-bottom: 18px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content small { font-size: 18px; }
					
					
					body.homepage section.book[series="Themes & Topics"] div.book a.content { padding-top: 32px; padding-bottom: 32px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content h3 { font-size: 61px; line-height: 61px; margin-bottom: 14px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content em { font-size: 26px; margin-bottom: 18px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content small { font-size: 18px; }
					
					body.homepage section.book[series="Cities & Places"] div.book a.content { border-width: 6px; padding-top: 24px; padding-bottom: 24px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content h3 { font-size: 79px; line-height: 69px; margin-bottom: 19px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content em { font-size: 26px; margin-bottom: 18px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content small { font-size: 18px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body.art-book section.banner[series="Themes & Topics"] div.content { padding: 38px 52px 54px; }
					body.art-book section.banner[series="Themes & Topics"] div.content h1 { font-size: 77px; line-height: 69px; margin-bottom: 26px; }
					body.art-book section.banner[series="Themes & Topics"] div.content strong { font-size: 19px; line-height: 25px; margin-bottom: 21px; }
					body.art-book section.banner[series="Themes & Topics"] div.content em { margin-bottom: 15px; }
			
					body.art-book section.banner[series="Cities & Places"] div.content { border-width: 8px; }
					body.art-book section.banner[series="Cities & Places"] div.content h1 { font-size: 114px; line-height: 95px; margin-bottom: 24px; }
					body.art-book section.banner[series="Cities & Places"] div.content strong { font-size: 27px; margin-bottom: 23px; }
					body.art-book section.banner[series="Cities & Places"] div.content em { margin-bottom: 15px; }
					
					
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content { padding-top: 40px; padding-bottom: 40px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content h3 { font-size: 76px; line-height: 76px; margin-bottom: 18px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content em { font-size: 33px; margin-bottom: 23px; }
					body.homepage section#banner div.slide.book[series="Themes & Topics"] a.content small { font-size: 23px; }
					
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content { border-width: 8px; padding-top: 31px; padding-bottom: 31px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content h3 { font-size: 99px; line-height: 86px; margin-bottom: 24px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content em { font-size: 33px; margin-bottom: 23px; }
					body.homepage section#banner div.slide.book[series="Cities & Places"] a.content small { font-size: 23px; }
					
					
					body.homepage section.book[series="Themes & Topics"] div.book a.content { padding-top: 40px; padding-bottom: 40px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content h3 { font-size: 76px; line-height: 76px; margin-bottom: 18px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content em { font-size: 33px; margin-bottom: 23px; }
					body.homepage section.book[series="Themes & Topics"] div.book a.content small { font-size: 23px; }
					
					body.homepage section.book[series="Cities & Places"] div.book a.content { border-width: 8px; padding-top: 31px; padding-bottom: 31px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content h3 { font-size: 99px; line-height: 86px; margin-bottom: 24px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content em { font-size: 33px; margin-bottom: 23px; }
					body.homepage section.book[series="Cities & Places"] div.book a.content small { font-size: 23px; }
				}
		


/** Pages **************************************************/

	/** About Section **************************************************/
	
		/** Section Styles **************************************************/
			body.about section.banner.logo { background-repeat: no-repeat; }
			body.about section.banner.logo h1 { color: #000; font-family: 'Trade Gothic'; font-weight: bold; left: 0; text-align: center; text-transform: uppercase; width: 100%; }
			
			/** Mobile & Tablet **********/
				@media all and (max-width: 1279px){
					body.about section.banner.logo h1 { font-size: 29px; line-height: 30px; }
				
					body.about section.navigation { margin-bottom: 19px; }
				}
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					body.about section.banner.logo { background-size: auto 98px; }
				
					body.about aside#nav { display: none; }
				}
				
			/** Mobile **********/
				@media all and (max-width: 767px){
					body.about section.banner.logo { background-position: center 45px; height: 237px; line-height: 404px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					body.about section.banner.logo { background-position: center 58px; }		
				}
			
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1279px){
					body.about section.banner.logo { line-height: 434px; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					body.about section.banner.logo { height: 252px; margin-top: 96px; }
				}
			
			/** Tablet 1024px & Desktop **********/
				@media all and (min-width: 1024px){
					body.about section.banner.logo { margin-left: 234px; width: calc(100% - 234px); }
				
					body.about section.navigation { display: none; }
				
					body.about aside#nav { font-family: 'Trade Gothic'; font-weight: bold; padding-left: 32px; position: absolute; text-transform: uppercase; }
					body.about aside#nav h2 { color: #e7244c; white-space: pre-line; }
					body.about aside#nav nav a { transition: color ease-out 0.2s; }
					body.about aside#nav nav a::after { content: ''; display: block; }
					body.about aside#nav nav a:hover,
					body.about aside#nav nav a.active { color: #e7244c; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					body.about section.banner.logo { height: 236px; margin-top: 99px; }
					body.about section.banner.logo h1 { bottom: -29px; }
				
					body.about section.banner.logo + aside#nav { top: 16px; }
				
					body.about aside#nav { margin-right: 115px; margin-top: 4px; width: 234px; }
					body.about aside#nav h2 { font-size: 33px; line-height: 28px; margin-bottom: 13px; }
					body.about aside#nav nav { font-size: 13px; line-height: 28px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body.about section.banner.logo { height: 260px; line-height: 514px; margin-top: 132px; margin-left: 302px; max-width: 1410px; width: calc(100% - 302px); }
					body.about section.banner.logo h1 { bottom: -13px; font-size: 36px; }
				
					body.about aside#nav { margin-right: 144px; margin-top: 40px; width: 302px; }
					body.about aside#nav:not(.no-stick).sticky { position: fixed; top: 144px; }
					body.about aside#nav:not(.no-stick).sticky.locked { bottom: 0; position: absolute; top: auto; }
					body.about aside#nav h2 { font-size: 41px; line-height: 35px; margin-bottom: 16px; }
					body.about aside#nav nav { font-size: 16px; line-height: 24px; }
				}
		
		
		/** About: Welcome **************************************************/
			body.about.welcome section#intro p { font-family: Circular; font-weight: bold; }
			body.about.welcome section#intro p em { font-style: italic; }
			body.about.welcome section#intro p a { color: #e7244c; text-decoration: underline; }
			body.about.welcome section#welcome article { font-family: Circular; }
			body.about.welcome section#welcome article strong { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
			body.about.welcome section#welcome article p span[style] { font-weight: bold; }
			body.about.welcome section#welcome article p a { text-decoration: underline; }
			body.about.welcome section#welcome article p a:hover { color: #e7244c; }
			body.about.welcome section#welcome article p sup { font-weight: inherit !important; }
			
			body.about.welcome section#welcome article div.ctas { display: -webkit-flex; display: flex; }
			body.about.welcome section#welcome article div.ctas div.cta p { font-size: 14px; line-height: 21px; margin-bottom: 15px; }
			body.about.welcome section#welcome article div.ctas div.cta a { background: #e7244c; color: #fff; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-align: center; text-transform: uppercase; }
			
			body.about.welcome section#welcome article div#sponsors img { display: block; margin-top: 16px; width: 100%; }
			
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					body.about.welcome section#intro h2 { color: #e7244c; font-family: 'Trade Gothic'; font-size: 27px; font-weight: bold; line-height: 28px; text-transform: uppercase; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					body.about.welcome section.banner { margin-bottom: 24px; }
				
					body.about.welcome section#intro { margin-bottom: 19px; }
					body.about.welcome section#intro h2 { margin-bottom: 15px; white-space: pre-line; }
					body.about.welcome section#intro p { font-size: 17px; line-height: 24px; }
				
					body.about.welcome section#welcome { margin-bottom: 20px; }
					body.about.welcome section#welcome article { font-size: 14px; line-height: 19px; }
					body.about.welcome section#welcome aside { display: none; }
					body.about.welcome section#welcome article strong { font-size: 17px; }
					
					body.about.welcome section#welcome article div.ctas { flex-direction: column; padding-top: 38px; }
					body.about.welcome section#welcome article div.ctas div.cta:not(:last-child) { margin-bottom: 30px; }
					body.about.welcome section#welcome article div.ctas div.cta p { white-space: pre-line; }
					body.about.welcome section#welcome article div.ctas div.cta a { font-size: 18px; height: 42px; line-height: 42px; min-width: 124px; padding: 0 22px; }
					
					body.about.welcome section#welcome article div#sponsors { padding-top: 38px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					body.about.welcome section#welcome { font-size: 0; }
					body.about.welcome section#welcome article,
					body.about.welcome section#welcome aside { display: inline-block; vertical-align: top; }
					body.about.welcome section#welcome aside { padding-top: 4px; }
					body.about.welcome section#welcome aside q { color: #e7244c; display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; white-space: pre-line; }
					body.about.welcome section#welcome aside small { display: block; font-family: 'Trade Gothic'; font-weight: bold; padding-left: 14px; position: relative; text-transform: uppercase; white-space: pre-line; }
					body.about.welcome section#welcome aside small::before { border-top: 1px solid #000; content: ''; display: block; height: 0; left: 0; position: absolute; }
					
					body.about.welcome section#welcome article div.ctas { padding-top: 48px; }
					body.about.welcome section#welcome article div.ctas div.cta { align-items: flex-start; display: -webkit-flex; display: flex; flex-direction: column; width: calc(50% - 35px); }
					body.about.welcome section#welcome article div.ctas div.cta:first-child { margin-right: 70px; }
					body.about.welcome section#welcome article div.ctas div.cta p { flex: 1; }
					body.about.welcome section#welcome article div.ctas div.cta a { font-size: 23px; height: 57px; line-height: 57px; min-width: 167px; padding: 0 25px; }
					
					body.about.welcome section#welcome article div#sponsors { padding-top: 48px; }
				}
			
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1279px){
					body.about.welcome section#intro { margin-bottom: 27px; }
				
					body.about.welcome section#intro p { font-size: 24px; line-height: 30px; }
				
					body.about.welcome section#welcome article { font-size: 15px; line-height: 22px; }
					body.about.welcome section#welcome aside small { font-size: 13px; line-height: 16px; }
					body.about.welcome section#welcome aside small::before { top: 9px; width: 13px; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					body.about.welcome section#intro { margin-bottom: 27px; }
					body.about.welcome section#intro h2 { margin-bottom: 29px; }
					body.about.welcome section#intro p { font-size: 19px; line-height: 27px; width: calc(100% - 120px); }
				
					body.about.welcome section#welcome { margin-bottom: 33px; }
					body.about.welcome section#welcome article { padding-right: 20px; width: calc(100% - 170px); }
					body.about.welcome section#welcome aside { width: 170px; }
					body.about.welcome section#welcome aside q { font-size: 17px; line-height: 19px; margin-bottom: 10px; }
					body.about.welcome section#welcome aside small:not(:last-child) { margin-bottom: 17px; }
				}
			
			/** Tablet 1024px & Desktop **********/
				@media all and (min-width: 1024px){
					body.about.welcome section#intro h2 { display: none; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					body.about.welcome section#intro { margin-bottom: 36px; }
					body.about.welcome section#intro p { width: calc(100% - 150px); }
				
					body.about.welcome section#welcome article { font-size: 17px; line-height: 24px; padding-right: 34px; width: calc(100% - 230px); }
					body.about.welcome section#welcome aside { width: 200px; }
					body.about.welcome section#welcome aside q { font-size: 19px; line-height: 21px; }
					body.about.welcome section#welcome aside small { margin-bottom: 7px; }
					body.about.welcome section#welcome aside small:not(:last-child) { margin-bottom: 28px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body.about.welcome section.banner { margin-bottom: 4px; }
				
					body.about.welcome section#intro { margin-bottom: 44px; padding-top: 40px; }
				
					body.about.welcome section#intro p { font-size: 24px; line-height: 30px; max-width: 1000px; /*padding-right: 50px; width: calc(100% - 260px);*/ }
				
					body.about.welcome section#welcome article { font-size: 17px; line-height: 24px; max-width: 1000px; padding-right: 50px; width: calc(100% - 260px); }
					body.about.welcome section#welcome aside { width: 200px; }
					body.about.welcome section#welcome aside q { font-size: 21px; line-height: 24px; margin-bottom: 3px; }
					body.about.welcome section#welcome aside small { font-size: 14px; line-height: 17px; nargin-bottom: 8px; }
					body.about.welcome section#welcome aside small:not(:last-child) { margin-bottom: 28px; }
					body.about.welcome section#welcome aside small::before { top: 9px; width: 13px; }
					
					body.about.welcome section#welcome article div.ctas div.cta p { white-space: pre-line; }
				}
			
			/** Desktop Large **********/
				@media all and (min-width: 1770px){
					body.about.welcome section#welcome aside { margin-left: calc((100% - 260px - 1000px) / 2); }
				}
		
		
		/** About: Jobs **************************************************/
			body.about.jobs section#intro p { font-family: Circular; font-weight: bold; }
			body.about.jobs section#intro p em { font-style: italic; }
			body.about.jobs section#intro p a { color: #e7244c; text-decoration: underline; }
			body.about.jobs section#jobs article { font-family: Circular; }
			body.about.jobs section#jobs article h3 { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
			body.about.jobs section#jobs article p strong { font-weight: bold; }
			body.about.jobs section#jobs article p em { font-style: italic; }
			body.about.jobs section#jobs article p span[style] { font-weight: bold; }
			body.about.jobs section#jobs article p a { text-decoration: underline; }
			body.about.jobs section#jobs article p a:hover { color: #e7244c; }
			body.about.jobs section#jobs article p sup { font-weight: inherit !important; }
			body.about.jobs section#jobs article p small { display: block; font-family: Circular; }
			body.about.jobs section#jobs article ul { padding-left: 17px; }
			body.about.jobs section#jobs article ul li { list-style-type: disc; }
			body.about.jobs section#jobs article ul li:not(:last-child) { margin-bottom: 3px; }
			
			body.about.jobs section#jobs article div.ctas { display: -webkit-flex; display: flex; }
			body.about.jobs section#jobs article div.ctas div.cta p { font-size: 14px; line-height: 21px; margin-bottom: 15px; }
			body.about.jobs section#jobs article div.ctas div.cta a { background: #e7244c; color: #fff; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-align: center; text-transform: uppercase; }
			
			body.about.jobs section#jobs article div#sponsors img { display: block; margin-top: 16px; width: 100%; }
			body.about.jobs.fellowships section#jobs article div#sponsors strong { font-family: 'Trade Gothic'; text-transform: uppercase; }
			
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					body.about.jobs section#intro h2 { color: #e7244c; font-family: 'Trade Gothic'; font-size: 27px; font-weight: bold; line-height: 28px; text-transform: uppercase; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					body.about.jobs section.banner { margin-bottom: 24px; }
				
					body.about.jobs section#intro { margin-bottom: 19px; }
					body.about.jobs section#intro h2 { margin-bottom: 15px; }
					body.about.jobs section#intro p { font-size: 17px; line-height: 24px; }
				
					body.about.jobs section#jobs { margin-bottom: 20px; }
					body.about.jobs section#jobs article { font-size: 14px; line-height: 19px; }
					body.about.jobs section#jobs aside { display: none; }
					body.about.jobs section#jobs article strong { font-size: inherit; }
					body.about.jobs section#jobs article p small { font-size: 11px; line-height: 13px; }
					
					body.about.jobs section#jobs article div.ctas { flex-direction: column; padding-top: 38px; }
					body.about.jobs section#jobs article div.ctas div.cta:not(:last-child) { margin-bottom: 30px; }
					body.about.jobs section#jobs article div.ctas div.cta p { white-space: pre-line; }
					body.about.jobs section#jobs article div.ctas div.cta a { font-size: 18px; height: 42px; line-height: 42px; min-width: 124px; padding: 0 22px; }
					
					body.about.jobs section#jobs article div#sponsors { padding-top: 38px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					body.about.jobs section#jobs { font-size: 0; }
					body.about.jobs section#jobs article,
					body.about.jobs section#jobs aside { display: inline-block; vertical-align: top; }
					body.about.jobs section#jobs aside { padding-top: 4px; }
					body.about.jobs section#jobs aside q { color: #e7244c; display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; white-space: pre-line; }
					body.about.jobs section#jobs aside small { display: block; font-family: 'Trade Gothic'; font-weight: bold; padding-left: 14px; position: relative; text-transform: uppercase; white-space: pre-line; }
					body.about.jobs section#jobs aside small::before { border-top: 1px solid #000; content: ''; display: block; height: 0; left: 0; position: absolute; }
					
					body.about.jobs section#jobs article div.ctas { padding-top: 48px; }
					body.about.jobs section#jobs article div.ctas div.cta { align-items: flex-start; display: -webkit-flex; display: flex; flex-direction: column; width: calc(50% - 35px); }
					body.about.jobs section#jobs article div.ctas div.cta:first-child { margin-right: 70px; }
					body.about.jobs section#jobs article div.ctas div.cta p { flex: 1; }
					body.about.jobs section#jobs article div.ctas div.cta a { font-size: 23px; height: 57px; line-height: 57px; min-width: 167px; padding: 0 25px; }
					
					body.about.jobs section#jobs article div#sponsors { padding-top: 48px; }
				}
			
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1279px){
					body.about.jobs section#intro { margin-bottom: 27px; }
				
					body.about.jobs section#intro p { font-size: 24px; line-height: 30px; }
				
					body.about.jobs section#jobs article { font-size: 15px; line-height: 22px; }
					body.about.jobs section#jobs aside small { font-size: 13px; line-height: 16px; }
					body.about.jobs section#jobs aside small::before { top: 9px; width: 13px; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					body.about.jobs section#intro { margin-bottom: 27px; }
					body.about.jobs section#intro h2 { margin-bottom: 29px; }
					body.about.jobs section#intro p { font-size: 19px; line-height: 27px; width: calc(100% - 120px); }
				
					body.about.jobs section#jobs { margin-bottom: 33px; }
					body.about.jobs section#jobs article { padding-right: 20px; width: calc(100% - 170px); }
					body.about.jobs section#jobs article p small { font-size: 11px; line-height: 13px; }
					body.about.jobs section#jobs aside { width: 170px; }
					body.about.jobs section#jobs aside q { font-size: 17px; line-height: 19px; margin-bottom: 10px; }
					body.about.jobs section#jobs aside small:not(:last-child) { margin-bottom: 17px; }
				}
			
			/** Tablet 1024px & Desktop **********/
				@media all and (min-width: 1024px){
					body.about.jobs section#intro h2 { display: none; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					body.about.jobs section#intro { margin-bottom: 36px; }
					body.about.jobs section#intro p { width: calc(100% - 150px); }
				
					body.about.jobs section#jobs article { font-size: 17px; line-height: 24px; padding-right: 34px; width: calc(100% - 230px); }
					body.about.jobs section#jobs article p small { font-size: 14px; line-height: 18px; }
					body.about.jobs section#jobs aside { width: 200px; }
					body.about.jobs section#jobs aside q { font-size: 19px; line-height: 21px; }
					body.about.jobs section#jobs aside small { margin-bottom: 7px; }
					body.about.jobs section#jobs aside small:not(:last-child) { margin-bottom: 28px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body.about.jobs section.banner { margin-bottom: 4px; }
				
					body.about.jobs section#intro { margin-bottom: 44px; padding-top: 40px; }
				
					body.about.jobs section#intro p { font-size: 24px; line-height: 30px; max-width: 1000px; /*padding-right: 50px; width: calc(100% - 260px);*/ }
				
					body.about.jobs section#jobs article { font-size: 17px; line-height: 24px; max-width: 1000px; padding-right: 50px; width: calc(100% - 260px); }
					body.about.jobs section#jobs article p small { font-size: 14px; line-height: 22px; max-width: 900px; }
					body.about.jobs section#jobs aside { width: 200px; }
					body.about.jobs section#jobs aside q { font-size: 21px; line-height: 24px; margin-bottom: 3px; }
					body.about.jobs section#jobs aside small { font-size: 14px; line-height: 17px; nargin-bottom: 8px; }
					body.about.jobs section#jobs aside small:not(:last-child) { margin-bottom: 28px; }
					body.about.jobs section#jobs aside small::before { top: 9px; width: 13px; }
					
					body.about.jobs section#jobs article div.ctas div.cta p { white-space: pre-line; }
				}
			
			/** Desktop Large **********/
				@media all and (min-width: 1770px){
					body.about.jobs section#jobs aside { margin-left: calc((100% - 260px - 1000px) / 2); }
				}
		
		
		/** About: Our Programs **************************************************/
			body.about.our-programs section#our-programs li { font-family: Circular; text-align: center; }
			body.about.our-programs section#our-programs li h2 { display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
			body.about.our-programs section#our-programs li figure { background-position: center top; background-repeat: no-repeat; background-size: contain; }
			body.about.our-programs section#our-programs li p { font-family: Circular; text-align: left; }
			body.about.our-programs section#our-programs li p strong { font-weight: bold; }
			body.about.our-programs section#our-programs li p em { font-style: italic; }
			body.about.our-programs section#our-programs li a { display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
			
			/** Mobile & Tablet **********/
				@media all and (max-width: 1279px){
					body.about.our-programs section#our-programs li { line-height: 19px; }
					body.about.our-programs section#our-programs li p { font-size: 14px; }
					body.about.our-programs section#our-programs li a { font-size: 15px; }
				}
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					body.about.our-programs section#our-programs li { margin-bottom: 35px; }
					body.about.our-programs section#our-programs li h2 { font-size: 17px; margin-bottom: 12px; }
					body.about.our-programs section#our-programs li figure { height: calc(((100vw - 36px) * .44) * .63); margin-bottom: 15px; }
					body.about.our-programs section#our-programs li p { margin-bottom: 6px; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					body.about.our-programs section.banner { margin-bottom: 32px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					body.about.our-programs section#our-programs ul { font-size: 0; margin: 0 auto; }
					body.about.our-programs section#our-programs li { display: inline-block; vertical-align: top; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					body.about.our-programs section.banner { margin-bottom: 37px; }
				
					body.about.our-programs section#our-programs li { width: 44%; }
					body.about.our-programs section#our-programs li:nth-child(odd) { margin-right: 12%; }
					body.about.our-programs section#our-programs li figure { margin-left: 25px; margin-right: 25px; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					body.about.our-programs section.banner { margin-top: 27px; }
				
					body.about.our-programs section#our-programs { padding-top: 40px; }
					body.about.our-programs section#our-programs ul li { margin-bottom: 38px; width: 44%; }
					body.about.our-programs section#our-programs li:nth-child(odd) { margin-right: 12%; }
					body.about.our-programs section#our-programs li:last-child,
					body.about.our-programs section#our-programs li:nth-last-of-type(-n+2):not(:nth-child(even)) { margin-bottom: 0; }
					body.about.our-programs section#our-programs li h2 { font-size: 18px; margin-bottom: 15px; }
					body.about.our-programs section#our-programs li figure { height: 236px; margin-bottom: 21px; }
					body.about.our-programs section#our-programs li p { margin-bottom: 5px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body.about.our-programs section.banner { margin-bottom: 24px; }
				
					body.about.our-programs section#our-programs { margin-left: 302px; padding-top: 40px; width: calc(100% - 302px); }
					body.about.our-programs section#our-programs div.container { max-width: 1410px; }
					body.about.our-programs section#our-programs ul { max-width: 950px; }
					body.about.our-programs section#our-programs li { line-height: 24px; margin-bottom: 43px; width: 420px; }
					body.about.our-programs section#our-programs li:nth-child(odd) { margin-right: calc(100% - 840px); }
					body.about.our-programs section#our-programs li h2 { font-size: 23px; margin-bottom: 14px; }
					body.about.our-programs section#our-programs li figure { height: 296px; margin-bottom: 16px; }
					body.about.our-programs section#our-programs li p { font-size: 16px; margin-bottom: 8px; }
					body.about.our-programs section#our-programs li a { font-size: 17px; }
				}
		
		
		/** About: Sara Angel **************************************************/
			body.about.sara-angel section#sara-angel article { font-family: Circular; text-align: justify; }
			body.about.sara-angel section#sara-angel article h1 { color: #000; font-family: 'Trade Gothic'; font-weight: bold; left: 0; text-align: center; text-transform: uppercase; }
			body.about.sara-angel section#sara-angel article h2 { border-bottom: 1px solid #e7244c; font-weight: bold; text-align: center; }
			body.about.sara-angel section#sara-angel article img { display: block; }
			body.about.sara-angel section#sara-angel article p em { font-style: italic; }
			body.about.sara-angel section#sara-angel article p sup { font-size: smaller; vertical-align: super; }
			
			/** Mobile & Tablet **********/
				@media all and (max-width: 1279px){
					body.about.sara-angel section#sara-angel article h1 { font-size: 29px; line-height: 30px; }
					body.about.sara-angel section#sara-angel article h2 { font-size: 15px; }
				}
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					body.about.sara-angel section#sara-angel article h2 { padding-bottom: 21px; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					body.about.sara-angel section#sara-angel { margin-bottom: 20px; }
					body.about.sara-angel section#sara-angel article { font-size: 14px; line-height: 19px; }
					body.about.sara-angel section#sara-angel article h2 { margin-bottom: 23px; }
					body.about.sara-angel section#sara-angel article img { margin-bottom: 15px; width: 100%; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					body.about.sara-angel section#sara-angel article img { float: right;  }
				}
			
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1279px){
					body.about.sara-angel section#sara-angel article { font-size: 15px; line-height: 22px; }
					body.about.sara-angel section#sara-angel article img { margin: 0 0 25px 25px; width: 275px; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					body.about.sara-angel section#sara-angel { margin-bottom: 33px; padding-top: 110px; }
					body.about.sara-angel section#sara-angel article h2 { margin-bottom: 71px; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					body.about.sara-angel aside#nav { top: 79px; }
				
					body.about.sara-angel section#sara-angel article { font-size: 17px; line-height: 24px; padding-top: 117px; }
					body.about.sara-angel section#sara-angel article h2 { margin-bottom: 84px; padding-bottom: 28px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body.about.sara-angel section#sara-angel div.container { max-width: 1410px; }
					body.about.sara-angel section#sara-angel article { font-size: 17px; line-height: 24px; margin: 0 auto; max-width: 1000px; padding-top: 115px; }
					body.about.sara-angel section#sara-angel article h1 { font-size: 36px; line-height: 40px; }
					body.about.sara-angel section#sara-angel article h2 { font-size: 19px; margin-bottom: 106px; padding-bottom: 27px; }
					body.about.sara-angel section#sara-angel article img { margin: 0 0 35px 35px; width: 330px; }
				}
		
		
		/** About: Contributors / Institutional Partners / Who We Are **************************************************/
			body.about section#contributors div.container > ul { border-top: 2px solid #000; }
			body.about section#contributors h2 { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
			body.about section#contributors ul li { font-family: Circular; text-align: center; }
			body.about section#contributors ul li strong { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
			body.about section#contributors ul li p { font-family: Circular; white-space: pre-line; }
			
			
			/** Mobile & Tablet **********/
				@media all and (max-width: 1279px){
					body.about section#contributors ul li h2 { font-size: 21px; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					body.about section#contributors div.column { border-top: 2px solid #000; }
					body.about section#contributors div.column ul li:first-of-type { border-bottom: 1px solid #000; }
				
					body.about section#contributors ul li { padding: 28px 0 26px; }
					body.about section#contributors ul li:nth-child(n+2) { border-top: 1px solid #000; }
					body.about section#contributors ul li strong { font-size: 17px; margin-bottom: 3px; }
					body.about section#contributors ul li p { font-size: 14px; line-height: 18px; }
				
					body.about section#contributors.institutional-partners ul li strong { margin-bottom: 1px; }
				}
			
			/** Tablet & Desktop **********/
				@media all and (min-width: 768px){
					body.about section#contributors { font-size: 0; }
					body.about section#contributors div.column { border-top: 2px solid #000; display: inline-block; vertical-align: top; width: 50%; }
					body.about section#contributors div.column:first-of-type { padding-right: 45px; }
					body.about section#contributors div.column:last-of-type { padding-left: 45px; }
					body.about section#contributors div.column ul li:nth-child(n+2) { border-top: 1px solid #000; }
				
					body.about section#contributors div.container > ul li { display: inline-block; vertical-align: top; width: calc(50% - 45px); }
					body.about section#contributors div.container > ul li:nth-child(odd) { margin-right: 90px; }
					body.about section#contributors div.container > ul li:nth-child(n+3) { border-top: 1px solid #000; }
				
					body.about section#contributors.institutional-partners ul li:last-child { border-bottom: 1px solid #000; }
				}
			
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1279px){
					body.about section#contributors ul li { padding: 28px 0 27px; }
					body.about section#contributors ul li strong { font-size: 17px; margin-bottom: 1px; }
					body.about section#contributors ul li p { font-size: 15px; line-height: 19px; }
				
					body.about section#contributors.institutional-partners ul li { padding: 15px 0 13px; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					body.about section#contributors div.column { margin-bottom: 24px; }
				
					body.about section#contributors.institutional-partners { margin-bottom: 50px; }
				
					body.about section#contributors.contributors { margin-bottom: 34px; }
				}
			
			/** Tablet 1024px & Desktop **********/
				@media all and (min-width: 1024px){
					body.about section#contributors { padding-top: 40px; }
					body.about section#contributors:not(.institutional-partners) ul li:last-child,
					body.about section#contributors:not(.who-we-are):not(.institutional-partners) ul li:nth-last-of-type(-n+2):not(:nth-child(even)) { padding-bottom: 0; }
				}
			
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body.about section#contributors { padding-top: 40px; }
					body.about section#contributors div.container { max-width: 1410px; }
					body.about section#contributors ul li { padding: 32px 0; }
					body.about section#contributors ul li h2 { font-size: 26px; }
					body.about section#contributors ul li strong { font-size: 21px; margin-bottom: 3px; }
					body.about section#contributors ul li p { font-size: 16px; line-height: 23px; }
				}
		
		
		/** About: Executive Bios **************************************************/
			body.about section#executive-bios ul { margin: 0 auto; }
			body.about section#executive-bios ul li { font-family: Circular; }
			body.about section#executive-bios ul li > strong  { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-align: center; text-transform: uppercase; }
			body.about section#executive-bios ul li > em { border-bottom: 1px solid #e8244c; display: block; font-weight: bold; text-align: center; }
			body.about section#executive-bios ul li p { text-align: justify; }
			body.about section#executive-bios ul li p em { font-style: italic; }
			
			/** Mobile & Tablet **********/
				@media all and (max-width: 1279px){
					body.about section#executive-bios ul li { line-height: 20px; padding-top: 9px; }
					body.about section#executive-bios ul li > strong  { font-size: 17px; margin-bottom: 1px; }
					body.about section#executive-bios ul li > em { margin-bottom: 10px; padding-bottom: 10px; }
				}
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					body.about section#executive-bios ul li:not(:last-of-type) { margin-bottom: 16px; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					body.about section#executive-bios ul { margin-bottom: 23px; }
					body.about section#executive-bios ul li { font-size: 14px; line-height: 19px; }
				}
			
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1279px){
					body.about section#executive-bios ul li { font-size: 15px; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					body.about section#executive-bios ul { margin-bottom: 45px; width: calc(100% - 200px); }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					body.executive-bios section.banner { margin-bottom: 9px; }
					body.about section#executive-bios { padding-top: 29px; }
					body.about section#executive-bios ul { width: 564px; }
					body.about section#executive-bios ul li:not(:last-of-type) { margin-bottom: 25px; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body.about section#executive-bios { padding-top: 24px; }
					body.about section#executive-bios div.container { max-width: 1410px; }
					body.about section#executive-bios ul { width: 750px; }
					body.about section#executive-bios ul li { font-size: 16px; line-height: 24px; padding-top: 14px; }
					body.about section#executive-bios ul li:not(:last-of-type) { margin-bottom: 17px; }
					body.about section#executive-bios ul li > strong  { font-size: 21px; margin-bottom: 1px; }
					body.about section#executive-bios ul li > em { margin-bottom: 10px; padding-bottom: 12px; }
				}
		
		
		/** About: Praise for ACI Landing Page **************************************************/
			body.praise-for-aci.landing section.banner::after { border-color: transparent transparent #fff transparent; border-style: solid; bottom: 0; content: ''; display: block; height: 0; left: 50%; opacity: 0.5; position: absolute; width: 0; z-index: 3; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
			body.praise-for-aci.landing section.banner h1 { color: #fff; font-family: 'Trade Gothic'; font-weight: bold; position: absolute; text-transform: uppercase; z-index: 2; }
			
			body.praise-for-aci.landing section#intro { font-family: Circular; font-weight: bold; }
			
			body.about section.media#praise-for-aci ul li > em { display: block; font-family: 'Trade Gothic'; text-transform: uppercase; }
			
			
			/** Mobile & Tablet 768px **********/
				@media all and (max-width: 1023px){
					body.praise-for-aci.landing section.banner h1 { bottom: 18px; left: 18px; }
				
					body.praise-for-aci.landing section#intro h2 { color: #e7244c; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
				}
			
			/** Mobile **********/
				@media all and (max-width: 767px){
					body.praise-for-aci.landing section.banner::after { border-width: 0 18px 18px 18px; }
					body.praise-for-aci.landing section.banner h1 { font-size: 38px; }
				
					body.praise-for-aci.landing section#intro { font-size: 16px; line-height: 22px; padding: 28px 0; }
					body.praise-for-aci.landing section#intro h2 { display: none; }
				
					body.about section.media#praise-for-aci { margin-bottom: 26px; }
				}
			
			/** Tablet 768px **********/
				@media all and (min-width: 768px) and (max-width: 1023px){
					body.praise-for-aci.landing section.banner::after { border-width: 0 23px 23px 23px; }
					body.praise-for-aci.landing section.banner h1 { font-size: 45px; }
				
					body.praise-for-aci.landing section#intro { font-size: 18px; line-height: 25px; padding: 40px 0; }
					body.praise-for-aci.landing section#intro h2 { font-size: 30px; margin-bottom: 27px; }
				
					body.about section.media#praise-for-aci { margin-bottom: 50px; }
				}
			
			/** Tablet 1024px & Desktop **********/
				@media all and (min-width: 1024px){
					body.praise-for-aci.landing section.banner h1 { bottom: 32px; left: 32px; }
					body.praise-for-aci.landing section#intro h2 { display: none; }
				
					body.about section.media#praise-for-aci ul li > em,
					body.about section.media#praise-for-aci ul li strong { margin-bottom: 4px; }
				}
			
			/** Tablet 1024px **********/
				@media all and (min-width: 1024px) and (max-width: 1279px){
					body.praise-for-aci.landing section.banner::after { border-width: 0 31px 31px 31px; }
					body.praise-for-aci.landing section.banner h1 { font-size: 60px; }
				
					body.praise-for-aci.landing section#intro { font-size: 20px; line-height: 26px; padding: 51px 0; }
				}
			
			/** Desktop **********/
				@media all and (min-width: 1280px){
					body.praise-for-aci.landing section.banner::after { border-width: 0 38px 38px 38px; }
					body.praise-for-aci.landing section.banner h1 { font-size: 75px; }
				
					body.praise-for-aci.landing aside#nav { margin-top: 70px; }
				
					body.praise-for-aci.landing section#intro { font-size: 25px; line-height: 33px; padding: 62px 0; }
					body.praise-for-aci.landing section#intro p { max-width: none; }
				}
			
			

/** Art Books **************************************************/
body.art-books_landing section.banner div.art-book { background: rgba(255, 255, 255, 0.6); color: #000; display: block; font-family: 'Trade Gothic'; font-weight: bold; position: absolute; text-align: center; text-transform: uppercase; z-index: 2; }
body.art-books_landing section.banner div.art-book strong { border-top-width: 2px; border-style: solid; display: block; white-space: pre-line; }
body.art-books_landing section.banner div.art-book small { border-bottom-width: 2px; border-style: solid; display: block; font-family: Circular; text-transform: none; white-space: pre-line; }

body.art-books_landing section.banner div.article::after { border-color: inherit; }

body.art-books_landing section.intro p { font-family: Circular; font-weight: bold; margin: 0 auto; }
body.art-books_landing section.intro p em { font-style: italic; }
body.art-books_landing section.intro p a { color: #e7244c; text-decoration: underline; }

body.art-books_landing section#art-books ul { margin: 0 auto; }
body.art-books_landing section#art-books ul li { text-align: center; }
body.art-books_landing section#art-books ul li a img { display: block; height: auto; width: 100%; }
body.art-books_landing section#art-books ul li a:nth-child(2) { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; font-family: Circular; }
body.art-books_landing section#art-books ul li a strong { font-weight: bold; }
body.art-books_landing section#art-books ul li a small { border-bottom: 1px solid #000; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.art-books_landing section#art-books ul li:hover a small { border-bottom-color: #e7244c; color: #e7244c; }

/** Mobile & Tablet **********/
@media all and (max-width: 1279px){
    body.art-books_landing section.banner div.art-book { font-size: 14px; padding: 16px 14px; }
    body.art-books_landing section.banner div.art-book strong { font-size: 19px; line-height: 18px; margin-bottom: 7px; padding-top: 9px; }
    body.art-books_landing section.banner div.art-book small { font-size: 12px; line-height: 15px; margin-top: 7px; padding-bottom: 8px; }
}

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.art-books_landing section.banner div.art-book { bottom: 18px; right: 18px; }

    body.art-books_landing section#art-books ul li { font-size: 13px; line-height: 15px; }
    body.art-books_landing section#art-books ul li img { margin-bottom: 20px; }
    body.art-books_landing section#art-books ul li small { margin-bottom: 8px; }
    body.art-books_landing section#art-books ul li strong,
    body.art-books_landing section#art-books ul li em { font-size: 15px; line-height: 17px; }
    body.art-books_landing section#art-books ul li em { margin-bottom: 6px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.art-books_landing section.banner > h1 { color: #000; font-size: 28px; left: 0; line-height: 28px; padding-left: 18px; white-space: normal; }
    body.art-books_landing.english section.banner > h1 { width: 210px; }
    body.art-books_landing.french section.banner > h1 { width: 280px; }
    body.art-books_landing section.banner > h1 strong { display: block; }

    body.art-books_landing section.intro { margin-bottom: 30px; }
    body.art-books_landing section.intro p { font-size: 16px; line-height: 22px; }

    body.art-books_landing section#art-books ul li:not(:last-of-type) { margin-bottom: 30px; }
}

/** Mobile **********/
@media all and (min-width: 375px) and (max-width: 767px){
    body.art-books_landing section#art-books ul { -webkit-display: flex; display: flex; flex-wrap: wrap; margin-left: -18px; padding-left: 18px; width: calc(100% + 36px); }
    body.art-books_landing section#art-books ul li { margin-right: 18px; width: calc(50% - 18px - 9px); }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.art-books_landing section#art-books ul { font-size: 0; }
    body.art-books_landing section#art-books ul li { display: inline-block; vertical-align: top; }
}

/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
    body.art-books_landing section#art-books ul { margin-bottom: -34px; }
    body.art-books_landing section#art-books ul li { margin-bottom: 34px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.art-books_landing section.banner > h1 { width: 190px; }

    body.art-books_landing section.intro { margin-bottom: 40px; }
    body.art-books_landing section.intro p { font-size: 18px; line-height: 25px; }

    body.art-books_landing section#art-books ul { margin-left: -20px; padding-left: 20px; width: calc(100% + 40px); }
    body.art-books_landing section#art-books ul li { margin-right: 20px; width: calc((100% - 20px - 60px) / 4); }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.art-books_landing section.banner div.art-book { bottom: 32px; right: 32px; }
    body.art-books_landing section#art-books ul li { font-size: 17px; line-height: 20px; }
    body.art-books_landing section#art-books ul li small { margin-bottom: 10px; }
    body.art-books_landing section#art-books ul li strong,
    body.art-books_landing section#art-books ul li em { font-size: 20px; line-height: 23px; }
    body.art-books_landing section#art-books ul li em { margin-bottom: 8px; }

}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.art-books_landing.english section.banner > h1 { width: 210px; }
    body.art-books_landing.french section.banner > h1 { width: 260px; }
    body.art-books_landing section.banner div.art-book strong { line-height: 18px; }
    body.art-books_landing section.banner div.art-book small { line-height: 14px; }

    body.art-books_landing section.intro { margin-bottom: 50px; }
    body.art-books_landing section.intro p { font-size: 20px; line-height: 26px; width: calc(100% - 148px); }

    body.art-books_landing section#art-books ul { margin-bottom: -54px; margin-left: -22px; padding-left: 22px; width: calc(100% + 44px); }
    body.art-books_landing section#art-books ul li { font-size: 17px; margin-right: 22px; margin-bottom: 54px; width: calc((100% - 22px - 66px) / 4); }
    body.art-books_landing section#art-books ul li img { margin-bottom: 23px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.art-books_landing.english section.banner > h1 { width: 300px; }
    body.art-books_landing.french section.banner > h1 { width: 320px; }
    body.art-books_landing section.banner div.art-book { font-size: 17px; padding: 19px 17px; }
    body.art-books_landing section.banner div.art-book strong { font-size: 24px; line-height: 22px; margin-bottom: 10px; padding-top: 13px; }
    body.art-books_landing section.banner div.art-book small { font-size: 15px; line-height: 18px; margin-top: 10px; padding-bottom: 9px; }

    body.art-books_landing section.intro { margin-bottom: 62px; }
    body.art-books_landing section.intro p { font-size: 25px; line-height: 32px; }

    body.art-books_landing section#art-books ul { margin-bottom: -67px; padding-left: 32px; }
    body.art-books_landing section#art-books ul li { font-size: 17px; margin-right: 32px; margin-bottom: 67px; }
    body.art-books_landing section#art-books ul li img { margin-bottom: 23px; }
}

/** Desktop Small **********/
@media all and (min-width: 1280px) and (max-width: 1439px) {
    body.art-books_landing section.intro p { width: 934px; }

    body.art-books_landing section#art-books ul li { width: calc((100% - 32px - 96px) / 4); }
}

/** Desktop Large **********/
@media all and (min-width: 1440px){
    body.art-books_landing section.intro p { width: 1130px; }

    body.art-books_landing section#art-books ul { max-width: 1590px; }
    body.art-books_landing section#art-books ul li { width: calc((100% - 32px - 128px) / 5); }
}


/** Art Book **************************************************/
body.art-book section.banner div.content { background: #fff; left: 50%; position: absolute; text-align: center; z-index: 2; transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0); }
body.art-book section.banner div.content h1 { font-family: Wigrum; font-weight: 500; text-transform: uppercase; }
body.art-book section.banner div.content h1 span { display: block; }
body.art-book section.banner div.content strong { display: block; font-family: Wigrum; font-weight: 300; text-transform: uppercase; }
body.art-book section.banner div.content em { display: block; font-family: Circular; }
body.art-book section.banner div.content div { border-top: 1px solid #000; border-bottom: 1px solid #000; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; margin: 13px 0; position: relative; text-align: center; text-transform: uppercase; }
body.art-book section.banner div.content div a { display: inline-block; transition: color ease-out 0.2s; }
body.art-book section.banner div.content div a[href]:hover { color: #e7244c; }
body.art-book section.banner div.content small { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }

body.art-book section.article article { font-family: Circular; }
body.art-book section.article article figure { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; }
body.art-book section.article article strong { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.art-book section.article article p em { font-style: italic; }
body.art-book section.article article small,
body.art-book section.article article sub { display: block; font-weight: bold; }
body.art-book section.article article blockquote { font-weight: bold; text-align: center; }
body.art-book section.article article blockquote::before,
body.art-book section.article article blockquote::after { border-top-width: 1px; border-bottom-width: 1px; border-style: solid; content: ''; display: block; margin: 0 auto; }
body.art-book section.article article blockquote strong { color: #000; display: block; }

body.art-book section.article article div#sponsors { padding-top: 30px; }
body.art-book section.article article div#sponsors img { max-width: 100%; }

body.art-book section.article aside fieldset.share { border-top: 1px solid #000; border-bottom: 1px solid #000; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.art-book section.article aside fieldset.share a.print { background: url('../img/icons_print.svg') left center no-repeat; background-size: contain; display: inline-block; position: relative; }
body.art-book section.article aside fieldset.share a.print::after { border-right: 1px solid #000; content: ''; display: block; position: absolute; top: 0; }
body.art-book section.article aside fieldset.share a:hover { color: #e7244c; }
body.art-book section.article aside fieldset.share small { display: inline-block; }
body.art-book section.article aside fieldset.share a.share { background-position: top left; background-repeat: no-repeat; background-size: contain; display: inline-block; overflow: hidden; position: relative; text-align: left; text-indent: -9999px; vertical-align: bottom; }
body.art-book section.article aside fieldset.share a.share::after { content: ''; }
body.art-book section.article aside fieldset.share a.facebook { background-image: url('../img/icons_social_facebook.svg'); }
body.art-book section.article aside fieldset.share a.twitter { background-image: url('../img/icons_social_twitter.svg'); }
body.art-book section.article aside fieldset.share a.email { background-image: url('../img/icons_social_email.svg'); }
body.art-book section.article aside fieldset.share a.facebook::after,
body.art-book section.article aside fieldset.share a.facebook:hover { background-image: url('../img/icons_social_facebook-hover.svg'); }
body.art-book section.article aside fieldset.share a.twitter::after,
body.art-book section.article aside fieldset.share a.twitter:hover { background-image: url('../img/icons_social_twitter-hover.svg'); }
body.art-book section.article aside fieldset.share a.email::after,
body.art-book section.article aside fieldset.share a.email:hover { background-image: url('../img/icons_social_email-hover.svg'); }

body.art-book section.article aside div.reference { border-bottom: 1px solid #000; }
body.art-book section.article aside a.reference { align-items: center; display: -webkit-inline-flex; display: inline-flex; font-family: 'Trade Gothic'; font-weight: bold; position: relative; text-transform: uppercase; }
body.art-book section.article aside a.reference span { margin-left: 2ch; }
body.art-book section.article aside a.reference:hover { color: #e7244c; }
body.art-book section.article aside a.reference span { background-position: center center; background-repeat: no-repeat; background-size: contain; display: inline-block; }
body.art-book section.article aside a.reference.teacher-resource span { background-image: url('../img/icons_apple-black.svg'); }
body.art-book section.article aside a.reference.teacher-resource:hover span { background-image: url('../img/icons_apple-red.svg'); }
body.art-book section.article aside a.reference.print-book span { background-image: url('../img/icons_book-black.svg'); }
body.art-book section.article aside a.reference.print-book:hover span { background-image: url('../img/icons_book-red.svg'); }

body.art-book section.article div.container > aside > a { border-bottom: 1px solid #000; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.art-book section.article div.container > aside figure { background-position: center center; background-repeat: no-repeat; background-size: cover; }
body.art-book section.article div.container > aside div.gallery figure { padding-bottom: 90%; }
body.art-book section.article div.container > aside div.gallery { cursor: pointer; }
body.art-book section.article div.container > aside div.gallery:hover strong { color: #e7244c; }
body.art-book section.article div.container > aside > strong,
body.art-book section.article div.container > aside strong.gallery { background-position: left center; background-repeat: no-repeat; background-size: contain; display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.art-book section.article div.container > aside > strong.watch { background-image: url('../img/icons_video.svg'); }
body.art-book section.article div.container > aside > strong.podcast { background-image: url('../img/icons_podcast.svg'); }
body.art-book section.article div.container > aside div:not(.reference):not(.gallery) { background: #e6dec9; }
body.art-book section.article div.container > aside div:not(.reference) p { font-family: Circular; font-weight: bold; }
body.art-book section.article div.container > aside div:not(.reference) a { border-bottom: 1px solid #000; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.art-book section.article div.container > aside div:not(.reference) a:hover { color: #e7244c; }

body.art-book section.article div.container > aside form { border-color: #e7244c; border-style: solid; margin-top: 28px; padding: 16px 0 20px; text-align: center; }
body.art-book section.article div.container > aside form strong { color: #e7244c; display: block; font-weight: normal; margin: 0 auto 7px; text-transform: uppercase; }
body.art-book section.article div.container > aside form p { font-size: 14px; font-family: Circular; font-weight: bold; line-height: 20px; margin: 0 auto 14px; }
body.art-book section.article div.container > aside form input[type="text"] { background: #fff; border: 1px solid #a9a9a9; color: #000; display: block; font-family: Circular; font-size: 14px; font-weight: normal; height: 30px; margin: 0 auto; text-align: center; width: 204px; }
body.art-book section.article div.container > aside form fieldset { height: 0; overflow: hidden; transition: height ease-out 0.2s; }
body.art-book section.article div.container > aside form.active fieldset { height: 30px; }
body.art-book section.article div.container > aside form small { color: #e7244c; display: block; font-family: Circular; font-size: 14px; font-weight: normal; }
body.art-book section.article div.container > aside form.active small { margin-top: 10px; }
body.art-book section.article div.container > aside form small.text { margin-bottom: 10px; }
body.art-book section.article div.container > aside form button { background: #e7244c; color: #fff; cursor: pointer; display: inline-block; font-family: 'Trade Gothic'; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 17px; text-align: center; text-indent: 0; text-transform: uppercase; }


body.art-book .overlay-gallery { background: #e7dec8; font-family: Circular; left: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity ease-out 0.2s; width: 100%; }
body.art-book .overlay-gallery.active { opacity: 1; pointer-events: auto; }
body.art-book .overlay-gallery * { opacity: 1; transition: opacity ease-out 0.2s; }
body.art-book .overlay-gallery.transition * { opacity: 0; }
body.art-book .overlay-gallery figure { align-items: center; -webkit-display: flex; display: flex; }
body.art-book .overlay-gallery figure img { display: block; margin: 0 auto; max-height: 100%; max-width: 100%; }
body.art-book .overlay-gallery div { align-items: baseline; border-bottom: 1px solid #000; -webkit-display: flex; display: flex; flex-wrap: wrap; opacity: 1 !important; position: relative; }
body.art-book .overlay-gallery div * { opacity: 1 !important; }
body.art-book .overlay-gallery div strong { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
body.art-book .overlay-gallery div button { background-size: contain; cursor: pointer; }
body.art-book .overlay-gallery div button[gallery-prev],
body.art-book .overlay-gallery div button[gallery-next] { background: url('../img/icons_arrow_black.svg') center center no-repeat; background-size: contain; border: 1px solid transparent; content: ''; display: block; }
body.art-book .overlay-gallery div button[gallery-prev] { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
body.art-book .overlay-gallery div button[gallery-close] { background: url('../img/icons_close.svg') center center no-repeat; position: absolute; right: 0; }
body.art-book .overlay-gallery div small { flex: 1; font-family: Circular; font-size: 10px; font-weight: bold; text-align: right; text-transform: uppercase; }
body.art-book .overlay-gallery div small span { font-size: 13px; }
body.art-book .overlay-gallery strong { display: block; font-weight: bold; }

body.art-book .overlay-gallery#video-gallery figure { align-items: stretch; }
body.art-book .overlay-gallery#video-gallery figure iframe { width: 100%; }
body.art-book .overlay-gallery#gallery figure iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
body.art-book .overlay-gallery figure span { align-items: center; display: -webkit-flex; display: flex; }
	
body.art-book .overlay-gallery figure span.video { cursor: pointer; }
body.art-book .overlay-gallery figure span.video:not(.active)::after { background: url('../img/icons_play.png') center center no-repeat; background-size: contain; content: ''; display: block; left: 50%; pointer-events: none; position: absolute; top: 50%; z-index: 2; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); }
body.art-book .overlay-gallery figure span.video.active img { opacity: 0; pointer-events: none; }
body.art-book .overlay-gallery figure span.video iframe { transition: opacity ease-out .2s .2s; }
body.art-book .overlay-gallery#gallery figure span:not(.active) iframe { opacity: 0; pointer-events: none; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.art-book section.article aside fieldset.share { font-size: 13px; padding: 3px 0; }
    body.art-book section.article aside fieldset.share a:nth-child(1)::after { margin: 3px 0; }
    body.art-book section.article aside fieldset.share a.print { height: 15px; line-height: 15px; margin-right: 12px; padding-left: 20px; }
    body.art-book section.article aside fieldset.share a.print::after { height: 15px; right: -7px; }
    body.art-book section.article aside fieldset.share small { font-size: 13px; height: 15px; line-height: 15px; margin-right: 3px; }
    body.art-book section.article aside fieldset.share a.facebook { height: 12px; margin-right: 9px; width: 7px; }
    body.art-book section.article aside fieldset.share a.twitter { height: 12px; margin-right: 9px; width: 14px; }
    body.art-book section.article aside fieldset.share a.email { height: 10px; width: 15px; }

	body.art-book section.article aside a.reference { font-size: 13px; }
	body.art-book section.article aside a.reference.print-book span { height: 11px; width: 17px; }
	body.art-book section.article aside a.reference.teacher-resource span { height: 14px; width: 11px; }

    body.art-book section.article div.container > aside > a { font-size: 13px; line-height: 11px; margin-bottom: 6px; }
    body.art-book section.article div.container > aside > figure { height: 118px; margin-bottom: 9px; }
    body.art-book section.article div.container > aside > strong,
    body.art-book section.article div.container > aside strong.gallery { font-size: 13px; height: 15px; line-height: 15px; margin-bottom: 6px; }
    body.art-book section.article div.container > aside > strong:not(.gallery) { padding-left: 20px; }
    body.art-book section.article div.container > aside div:not(.reference):not(.gallery) { font-size: 11px; padding-bottom: 8px; }
    body.art-book section.article div.container > aside div:not(.reference):not(:last-of-type) { margin-bottom: 6px; }
    body.art-book section.article div.container > aside div:not(.reference):last-of-type { margin-bottom: 8px; }
    body.art-book section.article div.container > aside div:not(.reference):not(.gallery) figure { height: 85px; margin-bottom: 14px; }
    body.art-book section.article div.container > aside div:not(.reference) p { margin-bottom: 8px; padding: 0 14px; }
    body.art-book section.article div.container > aside div:not(.reference) a { line-height: 9px; margin-left: 14px; }
    body.art-book section.article div.container > aside form { border-top-width: 1px; border-bottom-width: 1px; }
    body.art-book section.article div.container > aside form strong { font-size: 24px; line-height: 24px; margin-bottom: 9px; width: 140px; }
    body.art-book section.article div.container > aside form p { width: 200px; }
	
    body.art-book .overlay-gallery { font-size: 13px; line-height: 16px; z-index: 99; }
    body.art-book .overlay-gallery div { height: 47px; }
    body.art-book .overlay-gallery div strong { border-bottom: 1px solid #000; height: 21px; width: 100%; }
    body.art-book .overlay-gallery div button::after { content : ''; display: block; height: 30px; left: 50%; position: absolute; top: 50%; width: 34px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
    body.art-book .overlay-gallery div button[gallery-prev],
    body.art-book .overlay-gallery div button[gallery-next] { height: 15px; margin-right: 15px; position: relative; top: -4px; width: 17px; }
    body.art-book .overlay-gallery div button[gallery-close] { height: 12px; top: 2px; width: 12px; }
	
	body.art-book .overlay-gallery figure span.video::after { height: 64px; width: 64px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.art-book section.banner { margin-bottom: 29px; }
    body.art-book section.banner div.content { padding: 27px 0 18px; top: 50%; width: calc(100% - 40px); }
    body.art-book section.banner div.content h1 { font-size: 40px; line-height: 37px; margin-bottom: 5px; }
    body.art-book section.banner div.content strong { font-size: 27px; margin-bottom: 9px; }
    body.art-book section.banner div.content em { font-size: 15px; margin-bottom: 8px; }
    body.art-book section.banner div.content div { font-size: 14px; padding: 4px; }
    body.art-book section.banner div.content div small { font-size: 13px; }

    body.art-book section.article article { font-size: 14px; line-height: 20px; margin-bottom: 23px; }
    body.art-book section.article article figure { height: 150px; margin-bottom: 8px; width: 100%; }
    body.art-book section.article article img { display: block; margin-bottom: 8px; width: 100%; }
    body.art-book section.article article strong { font-size: 14px; }
    body.art-book section.article article small { font-size: 11px; line-height: 13px; }
    body.art-book section.article article sub { font-size: 10px; line-height: 12px; }
    body.art-book section.article article blockquote { font-size: 16px; line-height: 19px; }
    body.art-book section.article article blockquote::before,
    body.art-book section.article article blockquote::after { width: 290px; }
    body.art-book section.article article blockquote::before { margin-bottom: 21px; }
    body.art-book section.article article blockquote::after { margin-top: 19px; }
    body.art-book section.article article blockquote strong { margin-top: 12px; }

    body.art-book section.article article aside { font-size: 0; margin-bottom: 29px; }
	body.art-book section.article aside article.mobile-only { font-size: 0; }
	body.art-book section.article aside div.reference { display: inline-block; padding: 3px 0 0; width: 50%; }
	body.art-book section.article aside div.reference:last-child:not(:nth-child(2)) { text-align: right; }
	body.art-book section.article aside div.reference:last-child:nth-child(2) { width: 100%; }
    body.art-book section.article div.container > aside form { margin-bottom: 24px; }
    body.art-book section.article aside	fieldset.share { text-align: right; }
    body.art-book section.article aside fieldset.share a:first-of-type { float: left; }
    body.art-book section.article aside fieldset.share a.facebook { top: -4px; }
    body.art-book section.article aside fieldset.share a.twitter { top: -3px; }
    body.art-book section.article aside fieldset.share a.email { top: -4px; }
	
    body.art-book .overlay-gallery { height: calc(100vh - 60px); padding: 23px 18px 18px; top: 60px; }
    body.art-book .overlay-gallery figure { margin-bottom: 12px; width: 100%; }
    body.art-book .overlay-gallery figure span { width: 100%; }
    body.art-book .overlay-gallery figure img { max-height: 300px; }
    body.art-book .overlay-gallery div { margin-bottom: 20px; padding-bottom: 18px; }
    body.art-book .overlay-gallery div strong { margin-bottom: 4px; }

	body.art-book .overlay-gallery#gallery figure div { padding-bottom: 56%; position: relative; }
	body.art-book .overlay-gallery#gallery figure iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	
}

/** Mobile **********/
@media all and (min-width: 375px) and (max-width: 767px){
    body.art-book section.article article figure { height: 220px; }
    body.art-book section.article div.container > aside div figure { height: 140px; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.art-book section.article { font-size: 0; }
    body.art-book section.article article figure { float: left; }

    body.art-book section.article article,
    body.art-book section.article div.container > aside { display: inline-block; vertical-align: top; }

    body.art-book section.article article aside { position: absolute; top: 0; }
    body.art-book section.article article aside fieldset.share a:nth-child(1)::after { border-bottom: 1px solid #000; content: ''; display: block; }
	
    body.art-book .overlay-gallery figure { position: absolute; }
    body.art-book .overlay-gallery#gallery figure iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	body.art-book .overlay-gallery figure span { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.art-book section.banner { margin-bottom: 40px; }
    body.art-book section.banner div.content { padding: 31px 32px 20px; top: calc(50% + 36px); }
    body.art-book section.banner div.content h1 { font-size: 52px; line-height: 47px; margin-bottom: 17px; }
    body.art-book section.banner div.content strong { font-size: 30px; margin-bottom: 11px; }
    body.art-book section.banner div.content em { font-size: 15px; margin-bottom: 13px; }
    body.art-book section.banner div.content div { font-size: 15px; padding: 5px 7px; }
    body.art-book section.banner div.content div small { font-size: 12px; }

    body.art-book section.article article { font-size: 14px; line-height: 18px; margin-right: 45px; width: calc(100% - 235px); }
    body.art-book section.article article figure { height: 120px; margin: 0 22px 15px 0; width: 120px; }
    body.art-book section.article article strong { font-size: 15px; }
    body.art-book section.article article small { font-size: 11px; line-height: 13px; }
    body.art-book section.article article sub { font-size: 10px; line-height: 12px; }
    body.art-book section.article article blockquote { font-size: 17px; line-height: 20px; }
    body.art-book section.article article blockquote::before,
    body.art-book section.article article blockquote::after { width: 290px; }
    body.art-book section.article article blockquote::before { margin-bottom: 21px; }
    body.art-book section.article article blockquote::after { margin-top: 19px; }
    body.art-book section.article article blockquote strong { margin-top: 8px; }
	
    body.art-book section.article aside { width: 190px; }
    body.art-book section.article article aside { right: 18px; }
    body.art-book section.article div.container > aside { margin-top: 66px; }
    body.art-book section.article div.container > aside.line-1 { margin-top: 97px; }
    body.art-book section.article div.container > aside.line-2 { margin-top: 128px; }
    body.art-book section.article aside fieldset.share a.facebook { top: -3px; }
    body.art-book section.article aside fieldset.share a.twitter { top: -2px; }
    body.art-book section.article aside fieldset.share a.email { top: -3px; }
	body.art-book section.article aside div.reference { padding: 3px 0; }
	body.art-book section.article article aside a.reference::after { width: 190px; }
	
    body.art-book .overlay-gallery { height: calc(100vh - 70px); padding-top: 18px; padding-left: calc(100% - 228px); top: 70px; }
    body.art-book .overlay-gallery figure { height: calc(100% - 36px); left: 18px; top: 18px; width: calc(100% - 278px); }
    body.art-book .overlay-gallery div,
    body.art-book .overlay-gallery strong,
    body.art-book .overlay-gallery p { width: 210px; }

}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.art-book section.banner div.content div { border-width: 2px; }

    body.art-book section.article div.container > aside form { border-top-width: 2px; border-bottom-width: 2px; }

    body.art-book section.article div.container > aside { font-size: 17px; }
    body.art-book section.article div.container > aside > a {line-height: 13px; margin-bottom: 13px; }
    body.art-book section.article div.container > aside > figure { height: 195px; margin-bottom: 10px; }
    body.art-book section.article div.container > aside > strong,
    body.art-book section.article div.container > aside strong.gallery { height: 24px; line-height: 24px; margin-bottom: 7px; }
    body.art-book section.article div.container > aside > strong:not(.gallery) { padding-left: 34px; }
    body.art-book section.article div.container > aside div:not(.gallery) { padding-bottom: 14px; }
    body.art-book section.article div.container > aside div:not(:last-of-type) { margin-bottom: 10px; }
    body.art-book section.article div.container > aside div:not(.gallery) figure { height: 140px; margin-bottom: 14px; }
    body.art-book section.article div.container > aside div p { margin-bottom: 8px; padding: 0 14px; }
    body.art-book section.article div.container > aside div a { margin-left: 14px; }
    body.art-book section.article div.container > aside form { padding: 14px 0 20px; }
    body.art-book section.article div.container > aside form strong { font-size: 27px; line-height: 26px; margin-bottom: 6px; width: 160px; }
    body.art-book section.article div.container > aside form p { margin-bottom: 13px; width: 200px; }
	body.art-book section.article article aside a.reference::after { width: 216px; }
	
    body.art-book .overlay-gallery { z-index: 100; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.art-book section.banner { margin-bottom: 53px; }
    body.art-book section.banner div.content { padding: 40px 42px 26px; top: calc(50% + 37px); }
    body.art-book section.banner div.content h1 { font-size: 69px; line-height: 65px; margin-bottom: 8px; }
    body.art-book section.banner div.content strong { font-size: 40px; margin-bottom: 13px; }
    body.art-book section.banner div.content em { font-size: 19px; margin-bottom: 13px; }
    body.art-book section.banner div.content div { font-size: 20px; padding: 7px 10px; }
    body.art-book section.banner div.content div a { line-height: 16px; }
    body.art-book section.banner div.content div small { font-size: 14px; }

    body.art-book section.article article { font-size: 17px; line-height: 24px; margin-right: 112px; width: calc(100% - 328px); }
    body.art-book section.article article figure { height: 160px; margin: 0 35px 20px 0; width: 160px; }
    body.art-book section.article article strong { font-size: 18px; line-height: 23px; }
    body.art-book section.article article small { font-size: 14px; line-height: 18px; }
    body.art-book section.article article sub { font-size: 11px; line-height: 13px; }
    body.art-book section.article article blockquote { font-size: 23px; line-height: 27px; }
    body.art-book section.article article blockquote::before,
    body.art-book section.article article blockquote::after { width: 290px; }
    body.art-book section.article article blockquote::before { margin-bottom: 29px; }
    body.art-book section.article article blockquote::after { margin-top: 24px; }
    body.art-book section.article article blockquote strong { margin-top: 13px; }

    body.art-book section.article aside { font-size: 14px; width: 216px; }
	body.art-book section.article article aside div.reference { padding: 4px 0; }
	body.art-book section.article aside a.reference.print-book span { height: 14px; width: 22px; }
	body.art-book section.article aside a.reference.teacher-resource span { height: 19px; width: 14px; }

    body.art-book section.article div.container > aside { margin-top: 94px; }
    body.art-book section.article div.container > aside.line-1 { margin-top: 123px; }
    body.art-book section.article div.container > aside.line-2 { margin-top: 156px; }
	
    body.art-book section.article article aside { right: 32px; }
    body.art-book section.article aside fieldset.share { padding: 4px 0; }
    body.art-book section.article aside fieldset.share a:nth-child(1)::after { margin: 4px 0; }
    body.art-book section.article aside fieldset.share a.print { height: 20px; line-height: 20px; margin-right: 19px; padding-left: 27px; }
    body.art-book section.article aside fieldset.share a.print::after { height: 20px; right: -13px; }
    body.art-book section.article aside fieldset.share small { height: 20px; line-height: 20px; margin-right: 5px; }
    body.art-book section.article aside fieldset.share a.facebook { height: 16px; margin-right: 13px; top: -4px; width: 9px; }
    body.art-book section.article aside fieldset.share a.twitter { height: 16px; margin-right: 13px; top: -3px; width: 19px; }
    body.art-book section.article aside fieldset.share a.email { height: 14px; top: -3px; width: 20px; }
	
    body.art-book .overlay-gallery { font-size: 14px; height: calc(100vh - 73px); line-height: 16px; padding-top: 34px; padding-left: calc(100% - 254px); top: 73px; }
    body.art-book .overlay-gallery figure { height: calc(100% - 68px); left: 34px; top: 34px; width: calc(100% - 354px); }
    body.art-book .overlay-gallery div,
    body.art-book .overlay-gallery strong,
    body.art-book .overlay-gallery p { width: 220px; }
    body.art-book .overlay-gallery div { height: 54px; margin-bottom: 20px; }
    body.art-book .overlay-gallery div strong { border-bottom: 1px solid #000; height: 24px; line-height: 16px; }
    body.art-book .overlay-gallery div button[gallery-prev],
    body.art-book .overlay-gallery div button[gallery-next] { height: 15px; margin-right: 14px; position: relative; top: 1px; width: 17px; }
    body.art-book .overlay-gallery div button[gallery-close] { height: 13px; top: 2px; width: 13px; }
	
	body.art-book .overlay-gallery figure span.video::after { height: 74px; width: 74px; }

}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.art-book section.banner { margin-bottom: 67px; }

    body.art-book section.banner div.content { padding: 47px 52px 33px; top: calc(50% + 45px); }
    body.art-book section.banner div.content h1 { font-size: 69px; line-height: 65px; margin-bottom: 8px; }
    body.art-book section.banner div.content strong { font-size: 40px; margin-bottom: 13px; }
    body.art-book section.banner div.content em { font-size: 19px; margin-bottom: 13px; }
    body.art-book section.banner div.content div { font-size: 20px; padding: 7px 10px; }
    body.art-book section.banner div.content div a { line-height: 16px; }
    body.art-book section.banner div.content div small { font-size: 14px; }

    body.art-book section.article article { font-size: 17px; line-height: 24px; padding-right: 120px; width: calc(100% - 376px); }
    body.art-book section.article article figure { height: 160px; margin: 0 35px 20px 0; width: 160px; }
    body.art-book section.article article p { max-width: 900px; }
    body.art-book section.article article strong { font-size: 18px; line-height: 23px; }
    body.art-book section.article article small { font-size: 14px; line-height: 22px; max-width: 900px; }
    body.art-book section.article article sub { font-size: 11px; line-height: 13px; max-width: 900px; }
    body.art-book section.article article blockquote { font-size: 23px; line-height: 27px; max-width: 900px; }
    body.art-book section.article article blockquote::before,
    body.art-book section.article article blockquote::after { width: 290px; }
    body.art-book section.article article blockquote::before { margin-bottom: 29px; }
    body.art-book section.article article blockquote::after { margin-top: 24px; }
    body.art-book section.article article blockquote strong { margin-top: 13px; }

    body.art-book section.article { padding-right: 102px; }
    body.art-book section.article aside { width: 376px; }
	body.art-book section.article article aside div.reference { padding: 6px 0; }

    body.art-book section.article article aside { font-size: 17px; right: 32px; }
	body.art-book section.article aside a.reference.print-book span { height: 17px; width: 27px; }
	body.art-book section.article aside a.reference.teacher-resource span { height: 15px; width: 17px; }
	
    body.art-book section.article div.container > aside { margin-top: 104px; }
    body.art-book section.article div.container > aside.line-1 { margin-top: 137px; }
    body.art-book section.article div.container > aside.line-2 { margin-top: 174px; }
	
    body.art-book section.article aside fieldset.share { padding: 6px 0; }
    body.art-book section.article aside fieldset.share a:nth-child(1)::after { margin: 6px 0; }
    body.art-book section.article aside fieldset.share a.print { height: 24px; line-height: 24px; margin-right: 26px; padding-left: 34px; }
    body.art-book section.article aside fieldset.share a.print::after { height: 24px; right: -17px; }
    body.art-book section.article aside fieldset.share small { font-size: 17px; height: 24px; line-height: 24px; margin-right: 8px; }
    body.art-book section.article aside fieldset.share a.facebook { height: 21px; margin-right: 17px; top: -1px; width: 11px; }
    body.art-book section.article aside fieldset.share a.twitter { height: 19px; margin-right: 17px; top: -2px; width: 24px; }
    body.art-book section.article aside fieldset.share a.email { height: 17px; top: -2px; width: 25px; }
	body.art-book section.article article aside a.reference::after { width: 376px; }
	
    body.art-book .overlay-gallery { font-size: 16px; height: calc(100vh - 89px); line-height: 19px; padding-top: 42px; padding-left: calc(100% - 310px); top: 89px; }
    body.art-book .overlay-gallery figure { height: calc(100% - 84px); left: 42px; top: 42px; width: calc(100% - 462px); }
    body.art-book .overlay-gallery div,
    body.art-book .overlay-gallery strong,
    body.art-book .overlay-gallery p { width: 268px; }
    body.art-book .overlay-gallery div { height: 56px; margin-bottom: 18px; }
    body.art-book .overlay-gallery div strong { border-bottom: 1px solid #000; font-size: 17px; height: 24px; line-height: 19px; }
    body.art-book .overlay-gallery div button[gallery-prev],
    body.art-book .overlay-gallery div button[gallery-next] { height: 19px; margin-right: 17px; position: relative; top: 3px; width: 22px; }
    body.art-book .overlay-gallery div button[gallery-close] { height: 16px; top: 2px; width: 16px; }
	
	body.art-book .overlay-gallery figure span.video::after { height: 94px; width: 94px; }
}

/** Desktop Larger **********/
@media all and (min-width: 1604px){
    body.art-book section.article { margin-left: auto; width: 1586px; }
}


/** Art Books **************************************************/
body.art-books header::after { display: none; }
body.art-books header div.container { height: 100%; }
body.art-books header a.artbook-logo { display: block; position: absolute; }
body.art-books header a.artbook-logo img { display: block; }

body.art-books header nav { font-family: 'Avenir Next'; }
body.art-books header nav ul li a { font-weight: bold; text-transform: none; }

body.art-books.chapter section.banner h1 { bottom: auto; left: 50%; text-align: center; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

body.art-books.chapter section.article { font-family: 'Avenir Next'; z-index: 3; }
body.art-books.chapter section.article strong { font-weight: bold; }
body.art-books.chapter section.article em { font-style: italic; }
body.art-books.chapter section.article a { border-bottom: 1px solid #000; color: #000; }
body.art-books.chapter section.article article blockquote { border-left: 1px solid #000; }

body.art-books.chapter section.article div.sources-resources { border-top: 1px solid #000; position: relative; }
body.art-books.chapter section.article div.sources-resources h5 { font-family: Wigrum; font-weight: bold; left: 0; position: absolute; }

body.art-books.chapter section.article div.where-to-see-gallery { border-top: 1px solid #000; }
body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-images > p { display: none; }
body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image { border-bottom: 1px solid #000; }
body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image:nth-child(4n) { margin-right: 0; }
body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image figure { flex: none !important; }
body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image figure img { display: block; height: auto !important; max-height: 100%; max-width: 100%; width: auto !important; }
body.art-books.chapter section.article div.where-to-see-gallery + p { display: none; }

body.art-books.chapter section.article figure img { display: block; max-width: 100%; width: 100%; }
body.art-books.chapter section.article figure span.video { display: block; position: relative; }
body.art-books.chapter section.article figure span.video::after { background: url('../img/icons_play.png') center center no-repeat; background-size: contain; content: ''; height: 54px; left: calc(50% - 27px); pointer-events: none; position: absolute; top: calc(50% - 27px); width: 54px; z-index: 2; }
body.art-books.chapter.biography section.article figure img,
body.art-books.chapter.significance-and-critical-issues section.article figure img,
body.art-books.chapter.style-and-technique section.article figure img,
body.art-books.chapter.key-work.key-work-gallery section.article figure img:not(.key-work),
body.art-books.chapter.key-work section.article figure span.video img:not(.key-work) { cursor: pointer; }
body.art-books.chapter section.article figure figcaption { font-weight: 500; }
body.art-books.chapter section.article figure.full-width,
body.art-books.chapter section.article div.inline-gallery.full-width { width: 100%; }
body.art-books.chapter section.article div.split-images { align-items: baseline; -webkit-display: flex; display: flex; }
body.art-books.chapter section.article div.split-images figure { width: calc(50% - 40px); }
body.art-books.chapter section.article div.split-images figure:first-of-type { margin-right: 40px; }
body.art-books.chapter section.article div.split-images.aside figure { width: calc(50% - 30px); }
body.art-books.chapter section.article div.split-images.aside figure:first-of-type { margin-right: 30px; }

body.art-books sup { font-size: smaller; vertical-align: super; }
body.art-books span[id] { display: block; pointer-events: none; position: relative; }
body.art-books span[id] span { pointer-events: auto; }
body.art-books span[glossary] { cursor: pointer; font-weight: 600; transition: color ease-out 0.2s; }
body.art-books span[footnote] { cursor: pointer; font-size: 10px; font-weight: 600; transition: color ease-out 0.2s; vertical-align: super; }
body.art-books span[glossary]:hover,
body.art-books span[glossary].active,
body.art-books span[footnote]:hover,
body.art-books span[footnote].active { color: #e7244c; }
body.art-books span[glossary].active,
body.art-books span[footnote].active { cursor: default; }
body.art-books span[footnote] div.glossary > sup { margin-right: 5px; }

body.art-books div.glossary { background: #ffffd1; box-shadow: 10px 10px 19px -5px rgba(0,0,0,0.6); color: #000; display: font-family: 'Avenir Next'; font-style: normal; font-weight: 500; cursor: default; position: absolute; z-index: 40; }
body.art-books span[footnote] div.glossary { -webkit-flex; display: flex; }
body.art-books div.glossary button { background: url('../img/icons_close.svg') center center no-repeat; background-size: contain; cursor: pointer; display: block; position: absolute; }
body.art-books div.glossary > strong { display: block; }
body.art-books section.article.large-intro article div.glossary p:first-child { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
body.art-books div.glossary p { padding-left: 0 !important; }
body.art-books div.glossary p small { color: #e92227; }

body.art-books section.navigation div { border: none; height: 42px; line-height: 42px; }
body.art-books section.navigation a { text-transform: none; }
body.art-books section.navigation a::after { background-image: url('../img/icons_chevron_black.png'); border: 1px solid transparent; height: 12px; width: 10px; }

body.art-books section#artbook_links { background: #e6dfca; }

body.art-books .overlay-gallery { background: #e7dec8; font-family: Circular; left: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity ease-out 0.2s; width: 100%; }
body.art-books .overlay-gallery.active { opacity: 1; pointer-events: auto; }
body.art-books .overlay-gallery * { opacity: 1; transition: opacity ease-out 0.2s; }
body.art-books .overlay-gallery.transition * { opacity: 0; }
body.art-books .overlay-gallery figure { align-items: center; -webkit-display: flex; display: flex; }
body.art-books .overlay-gallery figure span { margin: 0 auto; }
body.art-books .overlay-gallery figure img { display: block; margin: 0 auto; max-height: 100%; max-width: 100%; }
body.art-books .overlay-gallery div { align-items: baseline; border-bottom: 1px solid #000; -webkit-display: flex; display: flex; flex-wrap: wrap; opacity: 1 !important; position: relative; }
body.art-books .overlay-gallery div * { opacity: 1 !important; }
body.art-books .overlay-gallery div strong { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
body.art-books .overlay-gallery div button { background-size: contain; cursor: pointer; }
body.art-books .overlay-gallery div button[gallery-prev],
body.art-books .overlay-gallery div button[gallery-next] { background: url('../img/icons_arrow_black.svg') center center no-repeat; background-size: contain; border: 1px solid transparent; content: ''; display: block; }
body.art-books .overlay-gallery div button[gallery-prev] { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
body.art-books .overlay-gallery div button[gallery-close] { background: url('../img/icons_close.svg') center center no-repeat; position: absolute; right: 0; }
body.art-books .overlay-gallery strong { display: block; font-weight: bold; }
body.art-books .overlay-gallery figure span { align-items: center; display: flex; display: -webkit-flex; }
body.art-books .overlay-gallery figure span.video { cursor: pointer; }
body.art-books .overlay-gallery figure span.video:not(.active)::after { background: url('../img/icons_play.png') center center no-repeat; background-size: contain; content: ''; display: block; left: 50%; pointer-events: none; position: absolute; top: 50%; z-index: 2; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); }
body.art-books .overlay-gallery figure span.video.active img { opacity: 0; pointer-events: none; }
body.art-books .overlay-gallery figure span.video iframe { transition: opacity ease-out .2s .2s; }
body.art-books .overlay-gallery#gallery figure span:not(.active) iframe { opacity: 0; pointer-events: none; }


body.art-books.chapter section.article div.inline-gallery { clear: both; position: relative; }
body.art-books.chapter section.article div.inline-gallery-container { overflow: hidden; position: relative; }
body.art-books.chapter section.article div.inline-gallery ul { -webkit-display: flex; display: flex; left: 0; position: relative; transition: left ease-out 0.4s; }
body.art-books.chapter section.article div.inline-gallery div.inline-gallery-container ul { width: 10000%; }
body.art-books.chapter section.article div.inline-gallery div.inline-gallery-container ul li { width: calc(100% / 100); }
body.art-books.chapter section.article div.inline-gallery div.inline-gallery-container ul li p { max-width: none; }
body.art-books.chapter section.article div.inline-gallery ul li figure { background-position: center center; background-repeat: no-repeat; background-size: contain; cursor: pointer; display: block; max-width: none !important; padding: 0 0 57%; }
body.art-books.chapter section.article div.inline-gallery ul li figure.video { position: relative; }
body.art-books.chapter section.article div.inline-gallery ul li figure.video::after { background: url('../img/icons_play.png') center center no-repeat; background-size: contain; content: ''; height: 54px; left: calc(50% - 27px); pointer-events: none; position: absolute; top: calc(50% - 27px); width: 54px; z-index: 2; }
body.art-books.chapter section.article div.inline-gallery ul li p { font-family: Circular; margin-top: 0; text-align: center; }
body.art-books.chapter section.article div.inline-gallery ul li p strong { font-weight: bold; }
body.art-books.chapter section.article div.inline-gallery div.inline-control-container { padding-bottom: 57%; pointer-events: none; position: absolute; top: 0; width: 100%; }
body.art-books.chapter section.article div.inline-gallery div.inline-control-container button { background: rgba(255, 255, 255, 0.5); cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 0; pointer-events: auto; position: absolute; text-indent: -999px; top: 50%; z-index: 2; }
body.art-books.chapter section.article div.inline-gallery div.inline-control-container button::after { border-style: solid; content: ''; display: block; position: absolute; z-index: 2; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
body.art-books.chapter section.article div.inline-gallery div.inline-control-container button.prev { left: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
body.art-books.chapter section.article div.inline-gallery div.inline-control-container button.next { right: 0; }
body.art-books.chapter section.article div.inline-gallery div.gallery-controls { border-top-style: solid; font-size: 0; margin: 0 auto; text-align: center; }
body.art-books.chapter section.article div.inline-gallery div.gallery-controls button { background: #969696; border-radius: 50%; cursor: pointer; display: inline-block; transition: color ease-out 0.2s; vertical-align: middle; }
body.art-books.chapter section.article div.inline-gallery div.gallery-controls button.active { pointer-events: none; }

/** Mobile & Tablet **********/
@media all and (max-width: 1279px){
    body.art-books span[footnote] sup { font-size: 7px; }
}

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.art-books header a.artbook-logo { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    body.art-books header a.artbook-logo img { height: 34px; width: 21px; }

    body.art-books header nav { font-size: 14px; margin-top: -7px; }
    body.art-books header nav a { cursor: pointer; }
    body.art-books header nav ul li { padding: 0; }
    body.art-books header nav ul li.submenu div { display: none; }
    body.art-books header nav div.quicklinks { display: -webkit-flex; display: flex; flex-direction: column; font-family: 'Trade Gothic'; font-weight: bold; margin: 27px 0 34px 0; padding: 0 18px; }
    body.art-books header nav div.quicklinks a:not(:last-child) { margin-bottom: 14px; }

    body.art-books header section { padding-top: 0; position: absolute; right: 18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    body.art-books header section a:not(.language) { display: none; }
    body.art-books header section a.language { display: inline; height: auto; margin-right: 0; padding: 0; }
    body.art-books header section a.language::after { display: none; }

    body.art-books.chapter section.article { font-size: 14px; }
    body.art-books.chapter section.article.large-intro article > p:first-child { font-size: 16px; line-height: 24px; }

    body.art-books.chapter section.article article blockquote p { padding-left: 20px; }

    body.art-books.chapter section.article div.sources-resources { padding: 9px 0 12px 84px; }
    body.art-books.chapter section.article div.sources-resources h5 { font-size: 16px; line-height: 19px; }

    body.art-books.chapter section.article div.where-to-see-gallery { padding-top: 18px; }
    body.art-books.chapter section.article div.where-to-see-gallery h2 { font-size: 16px; margin-bottom: 16px; }
    body.art-books.chapter section.article div.where-to-see-gallery p { font-size: 12px; line-height: 14px; }

    body.art-books.chapter section.article figure figcaption { font-size: 10px; line-height: 12px; }

    body.art-books div.glossary { font-size: 11px; line-height: 13px; padding: 33px 24px 36px; }
    body.art-books div.glossary button { height: 7px; right: 13px; top: 13px; width: 7px; }
	body.art-books span[footnote] div.glossary > sup { margin-left: -20px; }

    body.art-books .overlay-gallery { font-size: 13px; line-height: 16px; z-index: 99; }
    body.art-books .overlay-gallery div { height: 63px; }
    body.art-books .overlay-gallery div strong { border-bottom: 1px solid #000; height: 37px; width: 100%; }
    body.art-books .overlay-gallery div button::after { content : ''; display: block; height: 30px; left: 50%; position: absolute; top: 50%; width: 34px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
    body.art-books .overlay-gallery div button[gallery-prev],
    body.art-books .overlay-gallery div button[gallery-next] { height: 15px; margin-right: 15px; position: relative; top: 1px; width: 17px; }
    body.art-books .overlay-gallery div button[gallery-close] { height: 12px; top: 43px; width: 12px; }
	
	body.art-books .overlay-gallery figure span.video::after { height: 64px; width: 64px; }
	
	
	
    body.art-books.chapter section.article div.inline-gallery { margin-bottom: 8px; }
    body.art-books.chapter section.article div.inline-gallery,
    body.art-books.chapter section.article div.inline-gallery-container { width: 100%; }
    body.art-books.chapter section.article div.inline-gallery div.inline-gallery-container { margin-bottom: 7px; }
    body.art-books.chapter section.article div.inline-gallery ul li figure { margin-bottom: 15px; }
    body.art-books.chapter section.article div.inline-gallery ul li p { font-size: 11px; line-height: 13px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button { height: 34px; margin-top: -17px; width: 34px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button::after { border-width: 3px 3px 0 0; height: 8px; left: calc(50% - 8px); top: calc(50% - 7px); width: 8px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button.prev { left: -17px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button.next { right: -17px; }
    body.art-books.chapter section.article div.inline-gallery div.gallery-controls { border-top-width: 1px; padding: 4px 0; width: 128px; }
    body.art-books.chapter section.article div.inline-gallery div.gallery-controls button { height: 4px; margin: 0 2px; width: 4px; }
	
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.art-books.no-banner { padding-top: 76px; }

    body.art-books header a.artbook-logo { top: 14px; }
    body.art-books header a.artbook-logo strong { display: none; }

    body.art-books header nav { left: -100%; top: 67px;width: 100%; }

    body.art-books footer { padding-top: 42px; }

    body.art-books.chapter section.banner { margin-bottom: 26px; }
    body.art-books.chapter section.banner h1 { font-size: 44px; line-height: 52px; }

    body.art-books.chapter section.article { line-height: 22px; }

    body.art-books.chapter section.article div.where-to-see-gallery { border-bottom: none; border-top: none; }
    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image { align-items: flex-start; -webkit-display: flex; display: flex; margin-top: 21px; margin-right: 22px; padding-bottom: 23px; width: 100%; }
    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image figure { margin-bottom: 0; margin-right: 10px; width: 105px; }

    body.art-books.chapter section.article h2 + figure,
    body.art-books.chapter section.article h2 + div.aside { margin-top: 6px; }
    body.art-books.chapter section.article figure { margin-bottom: 18px; }
    body.art-books.chapter section.article figure img { margin-bottom: 12px; }
    body.art-books.chapter section.article div.split-images figure,
    body.art-books.chapter section.article div.split-images.aside figure { width: calc(50% - 9px); }
    body.art-books.chapter section.article div.split-images figure:first-of-type,
    body.art-books.chapter section.article div.split-images.aside figure:first-of-type { margin-right: 18px; }
    body.art-books.chapter section.article div.split-images.aside,
    body.art-books.chapter section.article figure.aside,
    body.art-books.chapter section.article figure.aside.wide,
    body.art-books.chapter section.article div.inline-gallery.aside.wide { width: 100%; }

    body.art-books aside#share { margin-top: 24px; margin-bottom: 24px; }

    body.art-books section.navigation div { background: #f0f0f0; }
    body.art-books section.navigation a { text-indent: -9999px; }
    body.art-books section.navigation a.go-to-top { cursor: pointer; display: block; left: calc(50% - 5px); position: absolute; top: 0; }
    body.art-books section.navigation a.go-to-top::after { -webkit-transform: rotate(270deg); transform: rotate(270deg); }

    body.art-books section#artbook_links { padding: 14px 0 11px; }
    body.art-books section#artbook_links ul { display: none; }
    body.art-books section#artbook_links div.container > a { font-family: 'Avenir Next'; font-size: 13px; font-weight: bold; line-height: 26px; }
    body.art-books section#artbook_links div.container > a::after { content: ''; display: block; }

    body.art-books div.glossary { left: 18px; width: calc(100% - 36px); }

    body.art-books .overlay-gallery { height: calc(100vh - 60px); padding: 23px 18px 18px; top: 60px; }
    body.art-books .overlay-gallery figure { margin-bottom: 12px; width: 100%; }
    body.art-books .overlay-gallery figure img { max-height: 300px; }
    body.art-books .overlay-gallery div { margin-bottom: 20px; padding-bottom: 18px; }
    body.art-books .overlay-gallery div strong { margin-bottom: 4px; }
	body.art-books .overlay-gallery#video-gallery figure { padding-bottom: 56%; position: relative; }
	body.art-books .overlay-gallery#video-gallery figure iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	
	body.art-books .overlay-gallery#gallery figure div { padding-bottom: 56%; position: relative; }
	body.art-books .overlay-gallery#gallery figure iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	body.art-books .overlay-gallery figure span { position: relative; width: 100%; }
	
	
    body.features.article section.article div.inline-gallery ul li p br { display: none; }
	
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
	body.art-books header section { align-items: flex-end; display: -webkit-flex; display: flex; float: none; margin-top: 0; }
	body.art-books header section a { font-family: 'Trade Gothic'; font-weight: bold; letter-spacing: 0; }
	
	body.art-books header section a:last-child { margin-right: 0; padding-right: 0; }
	body.art-books header button.menu { display: none; }
	body.art-books header nav ul li div { background: transparent; border: none; width: auto; }
	body.art-books header nav ul li div a:first-child { display: block; }
	
/*	body.art-books header a.language { margin-right: 0; padding-right: 0; }*/

    body.art-books header a.artbook-logo figure { border-right: 1px solid #000; left: 0; position: absolute; top: 0; }
    body.art-books header a.artbook-logo strong { display: block; }
    body.art-books header a.artbook-logo strong small { display: block; font-family: 'Avenir Next'; font-weight: 500; text-transform: none; }
    body.art-books header a.artbook-logo strong small em { font-weight: 600; }

    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-images { -webkit-display: flex; display: flex; flex-wrap: wrap; margin-bottom: -1px; }

    body.art-books.chapter section.article figure.aside,
    body.art-books.chapter section.article div.inline-gallery.aside,
    body.art-books.chapter section.article div.split-images.aside { float: right; margin: 0 0 20px 30px; }

    body.art-books section.navigation a::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    body.art-books section.navigation a:first-of-type::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

    body.art-books section#artbook_links div.container > a { display: none; }
    body.art-books section#artbook_links ul { -webkit-display: flex; display: flex; justify-content: center; }
    body.art-books section#artbook_links ul li { font-family: 'Avenir Next'; }
    body.art-books section#artbook_links ul li strong { font-weight: 600; }
    body.art-books section#artbook_links ul li p a { border-bottom: 1px solid #000; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
    body.art-books section#artbook_links img { border-radius: 50%; display: block; }

    body.art-books .overlay-gallery figure { position: absolute; }
	body.art-books .overlay-gallery#video-gallery figure { align-items: stretch; }
	body.art-books .overlay-gallery#video-gallery figure iframe { width: 100%; }
    body.art-books .overlay-gallery#gallery figure iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	body.art-books .overlay-gallery figure span { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
}

/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
	body.art-books header nav ul li div { top: 46px; }
    body.art-books.chapter section.article figure img { margin-bottom: 8px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.art-books.no-banner { padding-top: 89px; }

    body.art-books section.banner.image { height: 346px; margin-top: 70px; }

    body.art-books header { height: 70px; padding: 0; }
	body.art-books header div.container { display: -webkit-flex; display: flex; justify-content: space-between; }
    body.art-books header a.artbook-logo { padding-left: 40px; top: 18px; }
    body.art-books header a.artbook-logo figure { width: 32px; }
    body.art-books header a.artbook-logo strong { font-size: 20px; line-height: 19px; }
    body.art-books header a.artbook-logo strong small { font-size: 13px; }

    body.art-books header button.menu { display: block; font-size: 13px; height: 12px; left: 18px; line-height: 8px; text-indent: 32px; top: calc(50% - 6px); }
    body.art-books header button.menu::after,
    body.art-books header button.menu::before { display: none; }

    body.art-books.nav { overflow: hidden; }
    body.art-books.nav header nav { transform: translateX(100%); -webkit-transform: translateX(100%); moz-transform: translateX(100%); }
    body.art-books.nav footer::after { pointer-events: auto; opacity: 0.5; filter: alpha(opacity=50); transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; }

    body.art-books header nav { background: #fff; display: block; height: calc(100vh - 54px); left: -320px; overflow-y: scroll; padding: 11px 0 34px; position: absolute; top: 76px; width: 320px; -webkit-overflow-scrolling: touch; transition: transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease; }
    body.art-books header nav ul { height: auto; margin-bottom: 17px; }
    body.art-books header nav ul li { display: block; font-size: 16px; line-height: 28px; }
    body.art-books header nav ul li:not(:last-of-type) { margin-bottom: 18px; }
    body.art-books header nav ul li::after { display: none !important; }
    body.art-books header nav ul li > a { border-bottom: none !important; color: #959595; display: block; padding: 0 18px; position: relative; }
    body.art-books header nav ul li > a.selected span { border-bottom: 1px solid #e7244c; }
    body.art-books header nav ul li div { height: 0; overflow: hidden; position: relative; }
    body.art-books header nav ul li div a { display: block; margin-left: 0; padding: 0 18px; opacity: 0; filter: alpha(opacity=0); transition: none; -webkit-transition: none; -moz-transition: none; }
    body.art-books header nav ul li div a:not([href]) { display: none; }
    body.art-books header nav ul li > a.selected + div { height: auto; }
    body.art-books header nav ul li > a.selected + div a { padding-left: 36px; opacity: 1; filter: alpha(opacity=100); transition: opacity 0.2s ease, padding 0.2s ease; }
    body.art-books header nav ul li > a.selected + div a:nth-child(3) { transition-delay: 0.1s; }
    body.art-books header nav ul li > a.selected + div a:nth-child(4) { transition-delay: 0.13s; }
    body.art-books header nav ul li > a.selected + div a:nth-child(5) { transition-delay: 0.16s; }
    body.art-books header nav ul li > a.selected + div a:nth-child(6) { transition-delay: 0.19s; }
    body.art-books header nav ul li > a.selected + div a:nth-child(7) { transition-delay: 0.22s; }
    body.art-books header nav ul li > a.selected + div a:nth-child(8) { transition-delay: 0.25s; }
    body.art-books header nav ul li > a.selected + div a:nth-child(9) { transition-delay: 0.28s; }
    body.art-books header nav div.connect { border-top: 2px solid #000; display: block; font-family: 'Avenir Next'; font-size: 12px; font-weight: 600; margin: 0 18px; padding-top: 32px; }
    body.art-books header nav div.connect div { margin-top: 9px; }
    body.art-books header nav div.connect div a.facebook { height: 20px; margin-right: 22px; width: 10px; }
    body.art-books header nav div.connect div a.twitter { height: 18px; margin-right: 18px; width: 22px; }
    body.art-books header nav div.connect div a.youtube { height: 24px; margin-right: 21px; width: 20px; }
    body.art-books header nav div.connect div a.instagram { height: 20px; width: 20px; }
    body.art-books header nav div.connect div a.vimeo { height: 20px; width: 20px; }
    body.art-books header nav div.connect div a.pinterest { height: 20px; width: 20px; }

	body.art-books header section a { font-size: 13px; }
	
    body.art-books footer { padding-top: 19px; }

    body.art-books.chapter section.banner { margin-bottom: 30px; }
    body.art-books.chapter section.banner h1 { font-size: 57px; line-height: 68px; }

    body.art-books.chapter section.article { line-height: 20px; margin-right: 18px; margin-bottom: 27px; }
    body.art-books.chapter section.article p { max-width: 500px; }

    body.art-books.chapter section.article div.sources-resources { max-width: 420px; }

    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image { margin-top: 21px; margin-right: 22px; padding-bottom: 23px; width: calc((100% - 66px) / 4); }
    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image figure { height: 122px; margin-bottom: 15px; }

    body.art-books.chapter section.article div.split-images figure { width: calc(50% - 21px); }
    body.art-books.chapter section.article div.split-images figure:first-of-type { margin-right: 42px; }
    body.art-books.chapter section.article div.split-images.aside { width: 432px; }
    body.art-books.chapter section.article div.split-images.aside figure { width: calc(50% - 11px); }
    body.art-books.chapter section.article div.split-images.aside figure:first-of-type { margin-right: 22px; }
    body.art-books.chapter section.article figure.aside,
    body.art-books.chapter section.article div.inline-gallery.aside { width: 205px; }
    body.art-books.chapter section.article figure.aside.wide,
    body.art-books.chapter section.article div.inline-gallery.aside.wide { width: 432px; }

    body.art-books section.navigation a { font-size: 14px; }

    body.art-books section#artbook_links ul li { font-size: 13px; line-height: 15px; padding: 18px 0; }
    body.art-books section#artbook_links ul li:not(:last-of-type) { margin-right: 100px; }
    body.art-books section#artbook_links ul li img { height: 78px; margin-bottom: 14px; width: 78px; }
    body.art-books section#artbook_links ul li p a { font-size: 12px; }

    body.art-books div.glossary { left: 18px; width: 304px; }

    body.art-books .overlay-gallery { height: calc(100vh - 70px); padding-top: 18px; padding-left: calc(100% - 228px); top: 70px; }
    body.art-books .overlay-gallery figure { height: calc(100% - 36px); left: 18px; top: 18px; width: calc(100% - 278px); }
    body.art-books .overlay-gallery div,
    body.art-books .overlay-gallery strong,
    body.art-books .overlay-gallery p { width: 210px; }
    body.art-books .overlay-gallery div { margin-bottom: 13px; }
	
	
    body.art-books.chapter section.article div.inline-gallery { margin-bottom: 8px; }
    body.art-books.chapter section.article div.inline-gallery,
    body.art-books.chapter section.article div.inline-gallery-container { width: 100%; }
    body.art-books.chapter section.article div.inline-gallery div.inline-gallery-container { margin-bottom: 7px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button { height: 44px; width: 44px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button::after { border-width: 3px 3px 0 0; height: 10px; left: calc(50% - 8px); top: calc(50% - 7px); width: 10px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button.prev { left: -30px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button.next { right: -30px; }
    body.art-books.chapter section.article div.inline-gallery div.gallery-controls { padding: 4px 0; width: 128px; }
    body.art-books.chapter section.article div.inline-gallery div.gallery-controls button { height: 4px; margin: 0 2px; width: 4px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.art-books header a.artbook-logo { position: absolute; }

    body.art-books header { height: auto; }
    body.art-books header nav { align-items: center; border-top: 1px solid #000; display: -webkit-flex; display: flex; left: -32px; margin-bottom: 0; position: relative; width: calc(100% + 64px); }
    body.art-books header nav > ul { display: -webkit-flex; display: flex; height: auto; position: relative; }
    body.art-books header nav ul li { font-size: 12px; height: auto !important; }
    body.art-books.avenir header nav ul li { padding: 0 5px; }
    body.art-books.circular header nav ul li { padding: 0 10px; }	
    body.art-books header nav ul li:first-child { padding-left: 0; }
    body.art-books header nav ul li:last-child { padding-right: 0; }
    body.art-books header nav ul li::after { height: 100%; top: 0; }
    body.art-books header nav ul > li { align-items: center; display: -webkit-flex; display: flex; }
    body.art-books header nav ul li > a span { display: block; white-space: pre-line; }
    body.art-books header nav ul li div { align-items: baseline; display: none; -webkit-flex-flow: column wrap; flex-flow: column wrap; font-weight: 600; margin-top: -1px; position: absolute; text-transform: none; }
    body.art-books header nav ul li div.right { left: auto; right: -13px; }
    body.art-books header nav ul li div a { display: block; position: relative; }
    body.art-books header nav ul li div a:after { background: #fff; content: ''; display: block; height: calc(100% + 40px); position: absolute; top: -10px; width: 100%; z-index: -1; }
    body.art-books header nav ul li.submenu:hover div { -webkit-display: flex; display: flex; }
    body.art-books header nav > div { display: none; }
    body.art-books header section { margin-top: -7px; right: 32px; position: absolute; }
    body.art-books header section a.home { background: url('../img/icons_homepage.svg') center left no-repeat; background-size: contain; text-align: left; text-indent: -9999px;  }
    body.art-books header section a:not(:last-of-type) { position: relative; }
/*    body.art-books header section a:not(:last-of-type)::after { border-right: 1px solid #acaaab; content: ''; display: block; height: 100%; position: absolute; top: 0; width: 0; }*/
/*    body.art-books header section a.language::after { display: none; }*/

    body.art-books.chapter section.article article blockquote p { padding-left: 40px; }

    body.art-books.chapter section.article { font-size: 17px; line-height: 26px; }
    body.art-books.chapter section.article.large-intro article > p:first-child { font-size: 19px; line-height: 29px; }

    body.art-books.chapter section.article div.sources-resources { padding: 13px 0 17px 110px; }
    body.art-books.chapter section.article div.sources-resources h5 { font-size: 21px; line-height: 25px; }

    body.art-books section#artbook_links ul { align-items: center; }
    body.art-books section#artbook_links ul li { font-size: 13px; line-height: 15px; position: relative; }
    body.art-books section#artbook_links ul li p a { line-height: 14px; }
    body.art-books section#artbook_links img { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

    body.art-books span[glossary],
    body.art-books span[footnote] { position: relative; }

    body.art-books div.glossary { left: 0; }

    body.art-books .overlay-gallery { z-index: 100; }
	
    body.art-books.chapter section.article div.inline-gallery { margin-bottom: 10px; }
    body.art-books.chapter section.article div.inline-gallery div.gallery-controls { border-top-width: 2px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.art-books.no-banner { padding-top: 148px; }
    body.art-books.no-banner.circular { padding-top: 162px; }

    body.art-books section.banner.image { height: 460px; margin-top: 125px; }

    body.art-books header { padding: 0; }
    body.art-books header div.container { padding-top: 80px; }
    body.art-books header a.artbook-logo { padding-left: 53px; top: 19px; }
    body.art-books header a.artbook-logo figure { width: 42px; }
    body.art-books header a.artbook-logo figure img { width: 27px; }
    body.art-books header a.artbook-logo strong { font-size: 26px; line-height: 26px; }
    body.art-books header a.artbook-logo strong small { font-size: 15px; }

    body.art-books header nav { padding: 15px 0 15px 32px; }
    body.art-books header nav ul li { font-size: 12px; }
    body.art-books header nav ul li a span { line-height: 14px; }
    body.art-books header nav ul li div { bottom: 0; font-size: 12px; height: 461px; left: -15px; line-height: 18px; padding: 22px 0 22px; top: auto; -webkit-transform: translateY(100%); transform: translateY(100%); }
    body.art-books header nav ul li.two-columns div { left: -175px; }
    body.art-books header nav ul li div a { padding: 0 22px 0 20px; width: 246px; }
    body.art-books.circular header nav ul li div a { padding-left: 23px; }
    body.art-books header nav ul li div a:not(:last-of-type) { margin-bottom: 14px; }
    body.art-books header nav ul li div a::after { margin-left: -22px; }

	body.art-books header section { height: 51px; line-height: 51px; top: 19px; }
	body.art-books header section a { font-size: 14px; line-height: 19px; padding: 1px 10px 0 10px; }
	body.art-books header section a::after { height: 16px; top: 2px; }

    body.art-books footer { padding-top: 26px; }

    body.art-books.chapter section.banner { margin-bottom: 40px; }
    body.art-books.chapter section.banner h1 { font-size: 76px; line-height: 91px; }

    body.art-books.chapter section.article { margin-right: 32px; margin-bottom: 50px; }
    body.art-books.chapter section.article article > p:first-child { max-width: 800px; }
    body.art-books.chapter section.article p { max-width: 650px; }
    body.art-books.chapter section.article div.sources-resources { max-width: 550px; }

    body.art-books.chapter section.article div.where-to-see-gallery { padding-top: 18px; }
    body.art-books.chapter section.article div.where-to-see-gallery h2 { font-size: 21px; margin-bottom: 18px; }
    body.art-books.chapter section.article div.where-to-see-gallery p { font-size: 14px; line-height: 16px; }
    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-images { padding-top: 6px; }
    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image { margin-top: 28px; margin-right: 30px; padding-bottom: 23px; width: calc((100% - 90px) / 4); }
    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image figure { height: 162px; margin-bottom: 13px; }
    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image p { line-height: 18px; }

    body.art-books.chapter section.article figure figcaption { font-size: 11px; line-height: 14px; }
    body.art-books.chapter section.article div.split-images figure { width: calc(50% - 19px); }
    body.art-books.chapter section.article div.split-images figure:first-of-type { margin-right: 38px; }
    body.art-books.chapter section.article div.split-images.aside { width: 580px; }
    body.art-books.chapter section.article div.split-images.aside figure { width: calc(50% - 15px); }
    body.art-books.chapter section.article div.split-images.aside figure:first-of-type { margin-right: 30px; }
    body.art-books.chapter section.article figure.aside,
    body.art-books.chapter section.article div.inline-gallery.aside { width: 275px; }
    body.art-books.chapter section.article figure.aside.wide,
    body.art-books.chapter section.article div.inline-gallery.aside.wide { width: 580px; }

    body.art-books section.navigation a { font-size: 17px; }

    body.art-books section#artbook_links ul { height: 154px; }
    body.art-books section#artbook_links ul li { font-size: 12px; line-height: 16px; padding-right: 110px; }
    body.art-books section#artbook_links ul li:not(:last-of-type) { margin-right: 60px; }
    body.art-books section#artbook_links ul li img { height: 103px; width: 103px; }
    body.art-books section#artbook_links ul li p a { font-size: 12px; margin-top: 8px; }

    body.art-books span[id] { margin-bottom: -165px; padding-top: 165px; top: -165px; }

    body.art-books div.glossary { font-size: 12px; line-height: 15px; padding: 35px 27px 38px; width: 332px; }
    body.art-books div.glossary button { height: 8px; right: 14px; top: 14px; width: 8px; }


	body.art-books .overlay-gallery { background: #e7dec8; font-family: Circular; left: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity ease-out 0.2s; width: 100%; }
	body.art-books .overlay-gallery.active { opacity: 1; pointer-events: auto; }
	body.art-books .overlay-gallery * { opacity: 1; transition: opacity ease-out 0.2s; }
	body.art-books .overlay-gallery.transition * { opacity: 0; }
	body.art-books .overlay-gallery figure { align-items: center; -webkit-display: flex; display: flex; }
	body.art-books .overlay-gallery figure img { display: block; margin: 0 auto; max-height: 100%; max-width: 100%; }
	body.art-books .overlay-gallery div { align-items: baseline; border-bottom: 1px solid #000; -webkit-display: flex; display: flex; flex-wrap: wrap; opacity: 1 !important; position: relative; }
	body.art-books .overlay-gallery div * { opacity: 1 !important; }
	body.art-books .overlay-gallery div strong { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
	body.art-books .overlay-gallery div button { background-size: contain; cursor: pointer; }
	body.art-books .overlay-gallery div button[gallery-prev],
	body.art-books .overlay-gallery div button[gallery-next] { background: url('../img/icons_arrow_black.svg') center center no-repeat; background-size: contain; border: 1px solid transparent; content: ''; display: block; }
	body.art-books .overlay-gallery div button[gallery-prev] { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	body.art-books .overlay-gallery div button[gallery-close] { background: url('../img/icons_close.svg') center center no-repeat; position: absolute; right: 0; }
	body.art-books .overlay-gallery strong { display: block; font-weight: bold; }

    body.art-books .overlay-gallery { font-size: 13px; line-height: 16px; z-index: 99; }
    body.art-books .overlay-gallery div { height: 63px; }
    body.art-books .overlay-gallery div strong { border-bottom: 1px solid #000; height: 37px; width: 100%; }
    body.art-books .overlay-gallery div button::after { content : ''; display: block; height: 30px; left: 50%; position: absolute; top: 50%; width: 34px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
    body.art-books .overlay-gallery div button[gallery-prev],
    body.art-books .overlay-gallery div button[gallery-next] { height: 15px; margin-right: 15px; position: relative; width: 17px; }
    body.art-books .overlay-gallery div button[gallery-prev] { position: relative; top: 1px; }
    body.art-books .overlay-gallery div button[gallery-close] { height: 12px; top: 43px; width: 12px; }
	
    body.art-books .overlay-gallery { height: calc(100vh - 60px); padding: 23px 18px 18px; top: 60px; }
    body.art-books .overlay-gallery figure { margin-bottom: 12px; width: 100%; }
    body.art-books .overlay-gallery div { margin-bottom: 20px; padding-bottom: 18px; }
    body.art-books .overlay-gallery div strong { margin-bottom: 4px; }
	
    body.art-books .overlay-gallery { height: calc(100vh - 70px); padding-top: 18px; padding-left: calc(100% - 228px); top: 70px; }
    body.art-books .overlay-gallery figure { height: calc(100% - 36px); left: 18px; top: 18px; width: calc(100% - 278px); }
    body.art-books .overlay-gallery div,
    body.art-books .overlay-gallery strong,
    body.art-books .overlay-gallery p { width: 210px; }
	
    body.art-books .overlay-gallery { z-index: 100; }
    body.art-books .overlay-gallery { font-size: 14px; height: calc(100vh - 80px); line-height: 16px; padding-top: 34px; padding-left: calc(100% - 254px); top: 80px; }
    body.art-books .overlay-gallery figure { height: calc(100% - 68px); left: 34px; top: 34px; width: calc(100% - 354px); }
    body.art-books .overlay-gallery div,
    body.art-books .overlay-gallery strong,
    body.art-books .overlay-gallery p { width: 220px; }
    body.art-books .overlay-gallery div { height: 70px; margin-bottom: 20px; }
    body.art-books .overlay-gallery div strong { border-bottom: 1px solid #000; height: 40px; line-height: 16px; }
    body.art-books .overlay-gallery div button[gallery-prev],
    body.art-books .overlay-gallery div button[gallery-next] { height: 15px; margin-right: 14px; top: 3px; width: 17px; }
    body.art-books .overlay-gallery div button[gallery-close] { height: 13px; top: 48px; width: 13px; }
	
	body.art-books .overlay-gallery figure span.video::after { height: 74px; width: 74px; }
	

    body.art-books.chapter section.article div.inline-gallery,
    body.art-books.chapter section.article div.inline-gallery-container { width: 100%; }
    body.art-books.chapter section.article div.inline-gallery ul li figure { margin-bottom: 22px; }
    body.art-books.chapter section.article div.inline-gallery ul li p { font-size: 11px; line-height: 14px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-gallery-container { margin-bottom: 10px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button { height: 44px; margin-top: -22px; width: 44px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button::after { border-width: 3px 3px 0 0; height: 10px; left: calc(50% - 8px); top: calc(50% - 7px); width: 10px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button.prev { left: -30px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button.next { right: -30px; }
    body.art-books.chapter section.article div.inline-gallery div.gallery-controls { padding: 6px 0; width: 228px; }
    body.art-books.chapter section.article div.inline-gallery div.gallery-controls button { height: 6px; margin: 0 3px; width: 6px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.art-books.no-banner { padding-top: 192px; }
    body.art-books.no-banner.circular { padding-top: 210px; }

    body.art-books section.banner.image { height: 576px; margin-top: 158px; }

    body.art-books header { padding: 0; }
    body.art-books header div.container { padding-top: 103px; }
    body.art-books header a.artbook-logo { padding-left: 67px; top: 23px; }
    body.art-books header a.artbook-logo figure { width: 53px; }
    body.art-books header a.artbook-logo figure img { width: 35px; }
    body.art-books header a.artbook-logo strong { font-size: 33px; line-height: 32px; }
    body.art-books header a.artbook-logo strong small { font-size: 19px; }

    body.art-books header nav { left: -32px; padding: 18px 0 18px 32px; width: calc(100% + 64px); }
    body.art-books header nav ul li { font-size: 15px; }
    body.art-books header nav ul li a span { line-height: 18px; }
    body.art-books header nav ul li div { bottom: 0; font-size: 15px; left: -19px; height: 579px; line-height: 22px; padding: 27px 0 30px; top: auto; -webkit-transform: translateY(100%); transform: translateY(100%); }
	body.art-books header nav ul li div a { padding: 0 26px 0 27px; width: 306px; }
	body.art-books.circular header nav ul li div a  { padding-left: 29px; }
    body.art-books header nav ul li div a:not(:last-of-type) { margin-bottom: 18px; }
    body.art-books header nav ul li div a::after { margin-left: -26px; }

	body.art-books header section { height: 63px; line-height: 63px;  right: 32px; top: 23px; }
	body.art-books header section a { font-size: 17px; line-height: 19px; }
	body.art-books header section a::after { height: 18px; top: 2px; }
/*    body.art-books header section a:not(:last-of-type) { margin-right: 26px; }*/
/*    body.art-books header section a:not(:last-of-type)::after { height: 17px; right: -17px; }*/

    body.art-books footer { padding-top: 33px; }

    body.art-books.chapter section.banner { margin-bottom: 55px; }
    body.art-books.chapter section.banner h1 { font-size: 95px; line-height: 114px; }

    body.art-books.chapter section.article { margin: 0 auto 65px; max-width: 1210px; }
    body.art-books.chapter section.article p { max-width: 850px; }

    body.art-books.chapter section.article div.sources-resources { max-width: 720px; }

    body.art-books.chapter section.article div.where-to-see-gallery { padding-top: 18px; }
    body.art-books.chapter section.article div.where-to-see-gallery h2 { font-size: 26px; margin-bottom: 26px; }
    body.art-books.chapter section.article div.where-to-see-gallery p { font-size: 17px; line-height: 20px; }
    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image { margin-top: 34px; margin-right: 40px; padding-bottom: 33px; width: calc((100% - 120px) / 4); }
    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image figure { height: 202px; margin-bottom: 17px; }
    body.art-books.chapter section.article div.where-to-see-gallery div.where-to-see-gallery-image p { line-height: 22px; }

    body.art-books.chapter section.article figure img { margin-bottom: 14px; }
    body.art-books.chapter section.article figure figcaption { font-size: 14px; line-height: 18px; }
    body.art-books.chapter section.article div.split-images figure { width: calc(50% - 30px); }
    body.art-books.chapter section.article div.split-images figure:first-of-type { margin-right: 60px; }
    body.art-books.chapter section.article div.split-images.aside { width: 722px; }
    body.art-books.chapter section.article div.split-images.aside figure { width: calc(50% - 18px); }
    body.art-books.chapter section.article div.split-images.aside figure:first-of-type { margin-right: 36px; }
    body.art-books.chapter section.article figure.aside,
    body.art-books.chapter section.article div.inline-gallery.aside { width: 343px; }
    body.art-books.chapter section.article figure.aside.wide, 
    body.art-books.chapter section.article div.inline-gallery.aside.wide { width: 722px; }

    body.art-books section.navigation a { font-size: 21px; }

    body.art-books section#artbook_links ul { height: 190px; }
    body.art-books section#artbook_links ul li { font-size: 15px; line-height: 20px; padding-right: 170px; width: 380px; }
    body.art-books section#artbook_links ul li:not(:last-of-type) { margin-right: 70px; }
    body.art-books section#artbook_links ul li img { height: 129px; width: 129px; }
    body.art-books section#artbook_links ul li p a { font-size: 15px; margin-top: 9px; }

    body.art-books span[id] { margin-bottom: -198px; padding-top: 198px; top: -198px; }

    body.art-books div.glossary { font-size: 15px; line-height: 18px; padding: 44px 32px 50px; width: 420px; }
    body.art-books div.glossary button { height: 10px; right: 18px; top: 18px; width: 10px; }
    body.art-books span[footnote] sup { font-size: 9px; }
	body.art-books span[footnote] div.glossary > sup { margin-left: -28px; }


	body.art-books .overlay-gallery { background: #e7dec8; font-family: Circular; left: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity ease-out 0.2s; width: 100%; }
	body.art-books .overlay-gallery.active { opacity: 1; pointer-events: auto; }
	body.art-books .overlay-gallery * { opacity: 1; transition: opacity ease-out 0.2s; }
	body.art-books .overlay-gallery.transition * { opacity: 0; }
	body.art-books .overlay-gallery figure { align-items: center; -webkit-display: flex; display: flex; }
	body.art-books .overlay-gallery div { align-items: baseline; border-bottom: 1px solid #000; -webkit-display: flex; display: flex; flex-wrap: wrap; opacity: 1 !important; position: relative; }
	body.art-books .overlay-gallery div * { opacity: 1 !important; }
	body.art-books .overlay-gallery div strong { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
	body.art-books .overlay-gallery div button { background-size: contain; cursor: pointer; }
	body.art-books .overlay-gallery div button[gallery-prev],
	body.art-books .overlay-gallery div button[gallery-next] { background: url('../img/icons_arrow_black.svg') center center no-repeat; background-size: contain; border: 1px solid transparent; content: ''; display: block; }
	body.art-books .overlay-gallery div button[gallery-prev] { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	body.art-books .overlay-gallery div button[gallery-close] { background: url('../img/icons_close.svg') center center no-repeat; position: absolute; right: 0; }
	body.art-books .overlay-gallery strong { display: block; font-weight: bold; }

    body.art-books .overlay-gallery { font-size: 13px; line-height: 16px; z-index: 99; }
    body.art-books .overlay-gallery div { height: 63px; }
    body.art-books .overlay-gallery div strong { border-bottom: 1px solid #000; height: 37px; width: 100%; }
    body.art-books .overlay-gallery div button::after { content : ''; display: block; height: 30px; left: 50%; position: absolute; top: 50%; width: 34px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
    body.art-books .overlay-gallery div button[gallery-prev],
    body.art-books .overlay-gallery div button[gallery-next] { height: 15px; margin-right: 15px; position: relative; top: 2px; width: 17px; }
    body.art-books .overlay-gallery div button[gallery-close] { height: 12px; top: 43px; width: 12px; }
	
    body.art-books .overlay-gallery { height: calc(100vh - 60px); padding: 23px 18px 18px; top: 60px; }
    body.art-books .overlay-gallery figure { margin-bottom: 12px; width: 100%; }
    body.art-books .overlay-gallery div { margin-bottom: 20px; padding-bottom: 18px; }
    body.art-books .overlay-gallery div strong { margin-bottom: 4px; }
	
    body.art-books .overlay-gallery { height: calc(100vh - 70px); padding-top: 18px; padding-left: calc(100% - 228px); top: 70px; }
    body.art-books .overlay-gallery figure { height: calc(100% - 36px); left: 18px; top: 18px; width: calc(100% - 278px); }
    body.art-books .overlay-gallery div,
    body.art-books .overlay-gallery strong,
    body.art-books .overlay-gallery p { width: 210px; }
	
    body.art-books .overlay-gallery { z-index: 100; }
	
    body.art-books .overlay-gallery { font-size: 14px; height: calc(100vh - 80px); line-height: 16px; padding-top: 34px; padding-left: calc(100% - 254px); top: 80px; }
    body.art-books .overlay-gallery figure { height: calc(100% - 68px); left: 34px; top: 34px; width: calc(100% - 354px); }
    body.art-books .overlay-gallery div,
    body.art-books .overlay-gallery strong,
    body.art-books .overlay-gallery p { width: 220px; }
    body.art-books .overlay-gallery div { height: 70px; margin-bottom: 20px; }
    body.art-books .overlay-gallery div strong { border-bottom: 1px solid #000; height: 40px; line-height: 16px; }
    body.art-books .overlay-gallery div button[gallery-prev],
    body.art-books .overlay-gallery div button[gallery-next] { height: 15px; margin-right: 14px; width: 17px; }
    body.art-books .overlay-gallery div button[gallery-close] { height: 13px; top: 48px; width: 13px; }
    body.art-books .overlay-gallery { font-size: 16px; height: calc(100vh - 103px); line-height: 19px; padding-top: 42px; padding-left: calc(100% - 310px); top: 103px; }
    body.art-books .overlay-gallery figure { height: calc(100% - 84px); left: 42px; top: 42px; width: calc(100% - 462px); }
    body.art-books .overlay-gallery div,
    body.art-books .overlay-gallery strong,
    body.art-books .overlay-gallery p { width: 268px; }
    body.art-books .overlay-gallery div { height: 75px; margin-bottom: 18px; }
    body.art-books .overlay-gallery div strong { border-bottom: 1px solid #000; font-size: 17px; height: 43px; line-height: 19px; }
    body.art-books .overlay-gallery div button[gallery-prev],
    body.art-books .overlay-gallery div button[gallery-next] { height: 19px; margin-right: 17px; width: 22px; }
    body.art-books .overlay-gallery div button[gallery-close] { height: 16px; top: 49px; width: 16px; }
	
	body.art-books .overlay-gallery figure span.video::after { height: 94px; width: 94px; }
	

    body.art-books.chapter section.article div.inline-gallery ul li figure { margin-bottom: 28px; width: 100%; }
	
    body.art-books.chapter section.article div.inline-gallery ul li p { font-size: 14px; line-height: 17px; max-width: none; }
    body.art-books.chapter section.article div.inline-gallery div.inline-gallery-container { margin-bottom: 14px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button { height: 55px; margin-top: -27px; width: 55px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button::after { border-width: 3px 3px 0 0; height: 12px; left: calc(50% - 11px); top: calc(50% - 7px); width: 12px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button.prev { left: -35px; }
    body.art-books.chapter section.article div.inline-gallery div.inline-control-container button.next { right: -35px; }
    body.art-books.chapter section.article div.inline-gallery div.gallery-controls { padding: 11px 0; width: 248px; }
    body.art-books.chapter section.article div.inline-gallery div.gallery-controls button { height: 7px; margin: 0 4px; width: 7px; }
}

/** Credits **************************************************/

body.art-books.chapter.credits section.article h3 { font-family: Wigrum; font-style: normal; font-weight: 500; }
body.art-books.chapter.credits section.article a { border-bottom: 1px solid #000; color: #000; }
body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) { -webkit-display: flex; display: flex; }
body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) div { display: inline-block; }
body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) img { display: block; height: auto !important; width: auto !important; }
body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) figcaption { display: inline-block; font-family: Circular; }
body.art-books.chapter.credits section.article hr { border: none; border-top: 1px solid #000; display: block; margin-left: 0; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.art-books.chapter.credits section.article h1,
    body.art-books.chapter.credits section.article h2 { font-size: 17px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) { margin-bottom: 22px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) figcaption { font-size: 12px; line-height: 16px; }
    body.art-books.chapter.credits section.article hr { margin-bottom: -2px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) div { width: 95px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) img { max-height: 75px; max-width: 75px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) figcaption { width: calc(100% - 95px); }
}
/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.art-books.chapter.credits section.article a { line-height: 10px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) div { width: 130px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) img { max-height: 100px; max-width: 100px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) figcaption { width: calc(100% - 130px); }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication),
    body.art-books.chapter.credits section.article hr { width: 480px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.art-books.chapter.credits section.article h1,
    body.art-books.chapter.credits section.article h2 { font-size: 21px; }
    body.art-books.chapter.credits section.article a { line-height: 10px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) { margin-bottom: 26px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) div { width: 154px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) img { max-height: 120px; max-width: 120px; }
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication) figcaption { font-size: 17px; line-height: 22px; width: calc(100% - 154px); }
    body.art-books.chapter.credits section.article hr { margin-bottom: -7px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication),
    body.art-books.chapter.credits section.article hr { width: 584px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.art-books.chapter.credits section.article figure:not(.full-width):not(.publication),
    body.art-books.chapter.credits section.article hr { width: 700px; }
}


/** About The Author **************************************************/
body.art-books.chapter.about-the-author section.article h1 { font-family: Wigrum; font-weight: 500; text-transform: uppercase; }
body.art-books.chapter.about-the-author.circular section.article h1 { font-family: Circular; text-transform: none; }
body.art-books.chapter.about-the-author section.article aside img#author-image { border-radius: 50%; display: block; }

body.art-books.chapter.about-the-author.avenir section.article div.quote { font-family: Wigrum; font-weight: 500; }
body.art-books.chapter.about-the-author.circular section.article div.quote { font-family: Circular; font-weight: bold; }

body.art-books.chapter.about-the-author section.article article div.media { background: none; border-top: 1px solid #000; border-bottom: 1px solid #000; }
body.art-books.chapter.about-the-author section.article article div.media button  { background: url('../img/icons_podcast.svg') left center no-repeat; border: none; cursor: pointer; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.art-books.chapter.about-the-author section.article h1 { font-size: 17px; margin-bottom: 16px; }
    body.art-books.chapter.about-the-author section.article aside img#author-image { height: 130px; width: 130px; }
    body.art-books.chapter.about-the-author section.article article { line-height: 20px; }
    body.art-books.chapter.about-the-author section.article article div.media button { background-position: left 4px; background-size: 20px; font-size: 14px; line-height: 17px; padding: 6px 0 6px 25px; text-align: left; }

	body.art-books.chapter.about-the-author section.article div.quote { line-height: 22px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.art-books.chapter.about-the-author section.article aside { margin-bottom: 14px; padding-top: 5px; }
    body.art-books.chapter.about-the-author section.article aside img#author-image { margin: 0 auto 20px; }
    body.art-books.chapter.about-the-author section.article article { display: -webkit-flex; display: flex; flex-direction: column; }
    body.art-books.chapter.about-the-author section.article article div.quote { order: -1; margin-bottom: 44px; }
    body.art-books.chapter.about-the-author section.article div.authors:not(:last-child) { margin-bottom: 44px; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.art-books.chapter.about-the-author section.article div.container > div { -webkit-display: flex; display: flex; flex-direction: row-reverse; position: relative; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.art-books.chapter.about-the-author section.article div.container { padding-right: 40px; }
    body.art-books.chapter.about-the-author section.article article { margin-right: 50px; width: calc(100% - 256px); }
    body.art-books.chapter.about-the-author section.article aside { width: 206px; }
    body.art-books.chapter.about-the-author section.article aside img#author-image { margin: 0 0 20px 28px; }
	
	body.art-books.chapter.about-the-author section.article div.author:not(last-child) { margin-bottom: 100px; }
	body.art-books.chapter.about-the-author section.article div.author.authors div.quote { padding-top: 40px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.art-books.chapter.about-the-author section.article h1 { font-size: 21px; margin-bottom: 23px; }
    body.art-books.chapter.about-the-author section.article article div.media button { background-size: 26px; font-size: 17px; height: 44px; line-height: 44px; padding-left: 38px; }
	
	body.art-books.chapter.about-the-author section.article div.author:not(last-child) { margin-bottom: 130px; }
	body.art-books.chapter.about-the-author section.article div.author.authors div.quote { padding-top: 52px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.art-books.chapter.about-the-author section.article div.container { padding-right: 80px; }
    body.art-books.chapter.about-the-author section.article article { margin-right: 30px; width: calc(100% - 270px); }
    body.art-books.chapter.about-the-author section.article aside { width: 240px; }
    body.art-books.chapter.about-the-author section.article aside img#author-image { height: 172px; margin: 0 0 30px 38px; width: 172px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.art-books.chapter.about-the-author section.article article { margin-right: 80px; width: calc(100% - 374px); }
    body.art-books.chapter.about-the-author section.article aside {  width: 294px; }
    body.art-books.chapter.about-the-author section.article aside img#author-image { height: 216px; margin: 0 0 40px 50px; width: 216px; }
	
	body.art-books.chapter.about-the-author section.article div.quote { font-size: 21px; line-height: 33px; }
}



/** Key Works **************************************************/
body.art-books.chapter.key-works section.article article { font-family: Wigrum; font-weight: 500; }
body.art-books.chapter.key-works.circular section.article article { font-family: Circular; font-weight: bold; }
body.art-books.chapter.key-works section.article article em { font-style: italic; }
body.art-books.chapter.key-works section.article article p small { display: block; }
body.art-books.chapter.key-works section.article article p a { border-bottom: 1px solid #000; display: inline-block; }
body.art-books.chapter section.article article div#view-gallery { border-top: 1px solid #000; border-bottom: 1px solid #000; }
body.art-books.chapter section.article article div#view-gallery a { background: url('../img/icons_view-gallery.svg') left center no-repeat; border-bottom: none; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }

body.art-books.chapter.key-works section.images ul li { border-bottom: 1px solid #000; margin-top: 30px; padding-bottom: 14px; }
body.art-books.chapter.key-works section.images ul li a { display: block; }
body.art-books.chapter.key-works section.images ul li a img { display: block; width: 100%; }
body.art-books.chapter.key-works section.images ul li p { display: block; font-family: Circular; }
body.art-books.chapter.key-works section.images ul li p strong { font-weight: bold; }
body.art-books.chapter.key-works section.images ul li p em { font-style: italic; }
body.art-books.chapter.key-works section.images ul li p sup { font-weight: inherit !important; }

body.art-books.chapter.key-work section.article div#key-work.split { display: -webkit-flex; display: flex; }
body.art-books.chapter.key-work section.article div#key-work figure span { display: block; position: relative; }
body.art-books.chapter.key-work section.article div#key-work figure span button { background: url('../img/icons_play.png') center center no-repeat; background-size: contain; cursor: pointer; left: 50%; position: absolute; top: 50%; z-index: 2; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.art-books.chapter.key-work section.article div#key-work figure span img { margin-bottom: 0; }

/*
body.art-books.chapter.key-work section.article div#key-work a { display: block; position: relative; }
body.art-books.chapter.key-work section.article div#key-work a::after { background: url('../img/video-play.svg') center center no-repeat; background-size: contain; content: ''; cursor: pointer; left: 50%; position: absolute; top: 50%; z-index: 2; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.art-books.chapter.key-work section.article div.details a.video { border-bottom: none; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; position: relative; text-transform: uppercase; }
body.art-books.chapter.key-work section.article div.details a.video::before { background: url('../img/icons_video.svg') top left no-repeat; background-size: contain; content: ''; display: block; position: absolute; top: 0; }
*/
body.art-books.chapter.key-work section.article h1 { font-family: Wigrum; font-style: normal; font-weight: 300; text-transform: uppercase; }
body.art-books.chapter.key-work.circular section.article h1 { font-family: Circular; font-weight: normal; text-transform: none; }
body.art-books.chapter.key-work section.article h1 p { max-width: none; }
body.art-books.chapter.key-work section.article h1 strong { font-weight: 500; }
body.art-books.chapter.key-work.circular section.article h1 strong { font-weight: bold; }
body.art-books.chapter.key-work section.article div.navigation a.back { background: url('../img/icons_keyworks.svg') left center no-repeat; border-bottom: none; font-family: Wigrum; font-weight: 500; }
body.art-books.chapter.key-work section.article div.navigation a.prev,
body.art-books.chapter.key-work section.article div.navigation a.next { background: url('../img/icons_arrow_black.svg') center center no-repeat; background-size: contain; border: 1px solid transparent; content: ''; display: block; position: absolute; }
body.art-books.chapter.key-work section.article div.navigation a.prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); }


/** Mobile & Tablet **********/
@media all and (max-width: 1279px){
    body.art-books.chapter.key-work section.article div.navigation a.back { background-size: 10px; padding-left: 18px; }
}

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.art-books.chapter.key-works section.article { font-size: 16px; line-height: 24px; }
    body.art-books.chapter.key-works section.article article p a { line-height: 14px; }
    body.art-books.chapter section.article article div#view-gallery a { background-size: 21px 17px; display: block; font-size: 16px; height: 33px; line-height: 33px; padding-left: 27px; width: 100%; }

    body.art-books.chapter.key-work section.article h1 { font-size: 16px; line-height: 19px; margin-bottom: 13px; }
    body.art-books.chapter.key-work section.article #key-work figure figcaption { font-size: 12px; line-height: 15px; }

    body.art-books.chapter.key-work section.article div.navigation a.back { font-size: 13px; }
    body.art-books.chapter.key-work section.article div.navigation a.prev,
    body.art-books.chapter.key-work section.article div.navigation a.next { height: 12px; right: 18px; top: 8px; width: 14px; }
    body.art-books.chapter.key-work section.article div.navigation a.prev { right: 42px; }
    body.art-books.chapter.key-work section.article div#key-work a::after { height: 94px; width: 94px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.art-books.chapter section.article article div#view-gallery a { background-position: left 8px; height: auto; line-height: 20px; padding: 7px 0 7px 27px; }

    body.art-books.chapter.key-works section.images ul li { font-size: 13px; line-height: 16px; padding-bottom: 7px; }
    body.art-books.chapter.key-works section.images ul li a { margin-bottom: 15px; }

    body.art-books.chapter.key-work section.article div.navigation { margin-bottom: 27px; }
    body.art-books.chapter.key-work section.article #key-work figure figcaption { margin-bottom: 24px; padding: 5px 0 21px; }
    body.art-books.chapter.key-work section.article div#key-work figure span button { height: 54px; width: 54px; }
	
	body.art-books.chapter.key-work section.article div#key-work.split figure:first-child { margin-right: 18px; }
/*
    body.art-books.chapter.key-work section.article div.details a.video { font-size: 13px; margin: 5px 0 0 26px; padding-top: 2px; }
    body.art-books.chapter.key-work section.article div.details a.video::before { height: 20px; left: -26px; width: 20px; }
*/
}

/** Mobile **********/
@media all and (min-width: 375px) and (max-width: 767px){
    body.art-books.chapter.key-works section.article { margin-bottom: 18px; }

    body.art-books.chapter.key-works section.images { margin-bottom: 10px; }
    body.art-books.chapter.key-works section.images ul li { margin-bottom: 22px; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.art-books.chapter.key-works section.article article { display: inline-block; vertical-align: top; }

    body.art-books.chapter.key-works section.images ul { -webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 0; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.art-books.chapter.key-works section.article { margin-bottom: 10px; width: calc(100% - 36px); }
    body.art-books.chapter.key-works section.article article { width: calc(100% - 148px - 42px); }
    body.art-books.chapter section.article article div#view-gallery { max-width: 500px; }

    body.art-books.chapter.key-works section.images { margin-bottom: 30px; width: calc(100% - 36px); }
    body.art-books.chapter.key-works section.images ul li { margin-top: 18px; width: calc((100% - (25px * 2)) / 3); }
    body.art-books.chapter.key-works section.images ul li:not(:nth-child(3n)) { margin-right: 25px; }

    body.art-books.chapter.key-work section.article div.navigation { margin-bottom: 28px; }
    body.art-books.chapter.key-work section.article #key-work figure figcaption { margin-bottom: 30px; padding: 10px 0 21px; }
    body.art-books.chapter.key-work section.article div#key-work figure span button { height: 74px; width: 74px; }
	
	body.art-books.chapter.key-work section.article div#key-work.split figure:first-child { margin-right: 42px; }
/*
    body.art-books.chapter.key-work section.article div.details a.video { font-size: 15px; margin: 6px 0 0 28px; padding-top: 4px; }
    body.art-books.chapter.key-work section.article div.details a.video::before { height: 22px; left: -28px; width: 22px; }
*/
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.art-books.chapter.key-works section.article { font-size: 19px; line-height: 29px; }

    body.art-books.chapter.key-work section.article div#key-work a::after { height: 194px; width: 194px; }
	
    body.art-books.chapter.key-work section.article div#key-work figure span button { height: 94px; width: 94px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.art-books.chapter.key-works section.article { margin-bottom: 13px; width: calc(100% - 48px); }
    body.art-books.chapter.key-works section.article article { width: 100%; }
    body.art-books.chapter.key-works section.article article p { padding-right: 35px; max-width: 700px; }
    body.art-books.chapter section.article article div#view-gallery { max-width: calc((((100% - (34px * 2)) / 3) * 2) + 34px); }
    body.art-books.chapter section.article article div#view-gallery a { background-size: 30px 23px; font-size: 21px; padding-left: 37px; height: 44px; line-height: 44px; }

    body.art-books.chapter.key-works section.images { margin-bottom: 60px; width: calc(100% - 48px); }
    body.art-books.chapter.key-works section.images ul li { font-size: 14px; line-height: 17px; margin-top: 24px; padding-bottom: 10px; width: calc((100% - (34px * 2)) / 3); }
    body.art-books.chapter.key-works section.images ul li:not(:nth-child(3n)) { margin-right: 34px; }
    body.art-books.chapter.key-works section.images ul li a { margin-bottom: 20px; }

    body.art-books.chapter.key-work section.article div.navigation { margin-bottom: 34px; }
    body.art-books.chapter.key-work section.article div.navigation a.back { font-size: 14px; }
    body.art-books.chapter.key-work section.article div.navigation a.prev,
    body.art-books.chapter.key-work section.article div.navigation a.next { height: 16px; right: 32px; top: 10px; width: 17px; }
    body.art-books.chapter.key-work section.article div.navigation a.prev { right: 62px; }
    body.art-books.chapter.key-work section.article h1 { font-size: 21px; line-height: 25px; margin-bottom: 25px; }
    body.art-books.chapter.key-work section.article #key-work figure figcaption { font-size: 13px; line-height: 16px; margin-bottom: 41px; padding: 30px 0 29px; }
	
	body.art-books.chapter.key-work section.article div#key-work.split figure:first-child { margin-right: 38px; }
/*
    body.art-books.chapter.key-work section.article div.details a.video { font-size: 15px; margin: 6px 0 0 28px; padding-top: 3px; }
    body.art-books.chapter.key-work section.article div.details a.video::before { height: 22px; left: -28px; width: 22px; }
*/
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.art-books.chapter.key-works section.article { margin: 0 0 18px; max-width: 1400px; width: calc(100% - 76px); z-index: 4; }
    body.art-books.chapter.key-works section.article article { width: calc(100% - 244px - 70px); }
    body.art-books.chapter.key-works section.article article p { max-width: 995px; padding-right: 95px; }
    body.art-books.chapter.key-works section.article article p small { font-size: 17px; line-height: 24px; }
    body.art-books.chapter section.article article div#view-gallery { width: 780px; }
    body.art-books.chapter section.article article div#view-gallery a { background-size: 36px 29px; font-size: 21px; height: 55px; line-height: 55px; padding-left: 46px; }

    body.art-books.chapter.key-works section.images { margin-bottom: 67px; max-width: 1400px; width: calc(100% - 76px); }
    body.art-books.chapter.key-works section.images ul li { font-size: 17px; line-height: 20px; margin-top: 30px; padding-bottom: 14px; }
    body.art-books.chapter.key-works section.images ul li:nth-last-child(1),
    body.art-books.chapter.key-works section.images ul li:nth-last-child(2),
    body.art-books.chapter.key-works section.images ul li:nth-last-child(3) { margin-bottom: 0; }
    body.art-books.chapter.key-works section.images ul li a { margin-bottom: 26px; }

    body.art-books.chapter.key-work section.article div.navigation { margin-bottom: 46px; }
    body.art-books.chapter.key-work section.article div.navigation a.back { background-size: 12px; font-size: 17px; padding-left: 23px; }
    body.art-books.chapter.key-work section.article div.navigation a.prev,
    body.art-books.chapter.key-work section.article div.navigation a.next { height: 19px; right: 32px; top: 8px; width: 21px; }
    body.art-books.chapter.key-work section.article div.navigation a.prev { right: 72px; }
    body.art-books.chapter.key-work section.article h1 { font-size: 26px; line-height: 30px; margin-bottom: 33px; }
    body.art-books.chapter.key-work section.article #key-work figure figcaption { font-size: 15px; line-height: 20px; margin-bottom: 51px; padding: 33px 0 37px; }
	
	body.art-books.chapter.key-work section.article div#key-work.split figure:first-child { margin-right: 60px; }
}

/** Desktop Small **********/
@media all and (min-width: 1280px) and (max-width: 1439px) {
    body.art-books.chapter.key-works section.images ul li { width: calc((100% - (42px * 2)) / 3); }
    body.art-books.chapter.key-works section.images ul li:not(:nth-child(3n)) { margin-right: 42px; }
}

/** Desktop Large **********/
@media all and (min-width: 1440px){
    body.art-books.chapter.key-works section.images ul li { width: calc((100% - (42px * 3)) / 4); }
    body.art-books.chapter.key-works section.images ul li:not(:nth-child(4n)) { margin-right: 42px; }
    body.art-books.chapter.key-works section.images ul li:nth-last-child(4) { margin-bottom: 0; }
}

/** Desktop Larger **********/
@media all and (min-width: 1744px){
    body.art-books.chapter.key-works section.article,
    body.art-books.chapter.key-works section.images { margin-left: calc(100% - 1726px); width: 1586px; }
}


/** Contact **************************************************/

body.contact section#contact { font-family: Circular; }
body.contact section#contact h { color: #e7244c; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.contact section#contact p strong { font-weight: bold; }
body.contact section#contact p a { border-bottom: 1px solid #000; }
body.contact section#contact div.connect { font-weight: bold; text-align: center; white-space: normal; }
body.contact section#contact div.connect > strong { color: #e7244c; display: block; text-transform: uppercase; }
body.contact section#contact div.connect form { border-color: #e7244c; border-style: solid; margin-top: 28px; padding: 16px 0 20px; }
body.contact section#contact div.connect form strong { color: #e7244c; display: block; font-weight: normal; margin-bottom: 7px; text-transform: uppercase; white-space: pre-line; }
body.contact section#contact div.connect form p { margin-bottom: 14px; white-space: pre-line; }
body.contact section#contact div.connect form input[type="text"] { background: #fff; border: 1px solid #a9a9a9; color: #000; display: block; font-family: Circular; font-size: 14px; font-weight: normal; height: 30px; margin: 0 auto; text-align: center; width: 204px; }
body.contact section#contact div.connect form fieldset { height: 0; overflow: hidden; transition: height ease-out 0.2s; }
body.contact section#contact div.connect form.active fieldset { height: 30px; }
body.contact section#contact div.connect form small { color: #e7244c; display: block; font-family: Circular; font-weight: normal; }
body.contact section#contact div.connect form.active small { margin-top: 10px; }
body.contact section#contact div.connect form small.text { margin-bottom: 10px; }
body.contact section#contact div.connect form button { background: #e7244c; color: #fff; cursor: pointer; display: inline-block; font-family: 'Trade Gothic'; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 17px; text-align: center; text-indent: 0; text-transform: uppercase; }
body.contact section#contact div.connect > strong { margin-bottom: 11px; }
body.contact section#contact div.connect > a.facebook { height: 23px; margin-bottom: 1px; margin-right: 14px; width: 12px; }
body.contact section#contact div.connect > a.twitter { height: 22px; margin-bottom: 1px; margin-right: 10px; width: 27px; }
body.contact section#contact div.connect > a.youtube { height: 28px; margin-right: 13px; width: 24px; }
body.contact section#contact div.connect > a.instagram { height: 23px; margin-right: 13px; width: 23px; }
body.contact section#contact div.connect > a.vimeo { height: 23px; margin-right: 13px; width: 23px; }
body.contact section#contact div.connect > a.pinterest { height: 23px; width: 23px; }

/** Mobile & Tablet **********/
@media all and (max-width: 1279px){
    body.contact aside.logo img { height: 113px; width: 86px; }


}

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.contact aside.logo { padding-left: 18px; }

    body.contact section#contact article { font-size: 14px; line-height: 19px; }
    body.contact section#contact article h2 { font-size: 17px; }
    body.contact section#contact div.connect { font-size: 14px; }
    body.contact section#contact div.connect form { border-top-width: 1px; border-bottom-width: 1px; }
    body.contact section#contact div.connect form strong { font-size: 24px; line-height: 24px; margin-bottom: 9px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.contact section.banner { margin-bottom: 24px; }

    body.contact section#contact div.connect { margin-bottom: 17px; padding-top: 45px; }

    body.contact aside.logo { margin-bottom: 28px; }


}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.contact section#contact article { position: relative; }
    body.contact section#contact article div.connect { position: absolute; right: 0; top: 0; }

    body.contact aside.logo { position: absolute; }
}

/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
    body.contact section#contact article div.connect { width: 220px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.contact section.banner { margin-bottom: 44px; }

    body.contact section.aside { }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.contact section#contact div.connect form { border-top-width: 2px; border-bottom-width: 2px; }

    body.contact aside.logo { padding-left: 32px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.contact section.banner { margin-bottom: 52px; }

    body.contact section.aside { margin-left: 234px; width: calc(100% - 234px); }

    body.contact section#contact article { font-size: 17px; line-height: 24px; }
    body.contact section#contact article h2 { font-size: 20px; }
    body.contact section#contact div.connect { font-size: 14px; line-height: 20px; }
    body.contact section#contact div.connect > strong { margin-bottom: 11px; }
    body.contact section#contact div.connect form { padding: 14px 0 20px; }
    body.contact section#contact div.connect form strong { font-size: 27px; line-height: 26px; margin-bottom: 6px; }
    body.contact section#contact div.connect form p { margin-bottom: 13px; }

    body.contact section.aside { padding-top: 40px; }
    body.contact aside.logo { width: 234px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.contact section.banner { margin-bottom: 4px; }

    body.contact aside.logo img { height: 141px; width: 108px; }

    body.contact section#contact article { font-size: 17px; line-height: 24px; }
    body.contact section#contact article h2 { font-size: 25px; }
    body.contact section#contact article p { max-width: 1050px; }
    body.contact section#contact article div.connect { font-size: 14px; line-height: 20px; right: 102px; width: 359px; }
    body.contact section#contact article div.connect > strong { margin-bottom: 11px; }
    body.contact section#contact article div.connect form { padding: 14px 40px 20px; }
    body.contact section#contact article div.connect form strong { font-size: 27px; line-height: 26px; margin-bottom: 6px; }
    body.contact section#contact article div.connect form p { margin-bottom: 13px; }

    body.contact section.aside { margin-left: 302px; padding-top: 40px; width: calc(100% - 302px); }
    body.contact aside.logo { width: 302px; }
}



/** Donate **************************************************/
body.donate section.intro { text-align: center; }
body.donate section.intro p { font-family: Circular; font-weight: bold; }
body.donate section.intro p em { font-style: italic; }
body.donate section.intro p a { color: #e7244c; text-decoration: underline; }

body.donate section#donate { font-family: Circular; text-align: center; }
body.donate section#donate h2,
body.donate section#donate strong { display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.donate section#donate strong.red { color: #e7244c; }
body.donate section#donate em { font-style: italic; }
body.donate section#donate hr { border: none; border-top-style: solid; border-top-color: #000; margin: 0 auto; }
body.donate section#donate a.button { background: #e7244c; color: #fff; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.donate section#donate p { margin: 0 auto; }
body.donate section#donate p a:not(.button) { border-bottom: 1px solid #000; display: inline-block; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.donate section.intro h2 { color: #e7244c; font-size: 28px; font-family: 'Trade Gothic'; font-weight: bold; line-height: 27px; text-transform: uppercase; }
    body.donate section.intro p { font-size: 16px; line-height: 20px; }

    body.donate section#donate { margin-bottom: 26px; }
    body.donate section#donate h2 { font-size: 19px; }
    body.donate section#donate hr { border-top-width: 1px; margin-top: 20px; margin-bottom: 20px; }
    body.donate section#donate a.button { font-size: 20px; height: 40px; line-height: 40px; }
    body.donate section#donate p a { line-height: 16px; }

    body.donate aside#nav { display: none; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.donate section.intro { margin-bottom: 24px; }
    body.donate section.banner { margin-bottom: 24px; }

    body.donate section.intro h2 { margin-bottom: 20px; }
    body.donate section.intro h2 strong { display: block; }

    body.donate section#donate { font-size: 14px; line-height: 21px; }
    body.donate section#donate hr { width: 154px; }
    body.donate section#donate a.button { width: 200px; }
}

/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
    body.donate section.intro { margin-bottom: 35px; }
    body.donate section.intro h2 { margin-bottom: 11px; }

    body.donate section#donate { line-height: 24px; }
    body.donate section#donate hr { width: 205px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.donate section.banner { margin-bottom: 44px; }

    body.donate section#donate { font-size: 15px; }
    body.donate section#donate a.button { width: 350px; }
    body.donate section#donate p { max-width: 500px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.donate section.intro { padding-top: 40px; }
    body.donate section.intro h2 { display: none; }

    body.donate section#donate hr { border-top-width: 2px; }

    body.donate section.navigation { display: none; }

    body.donate aside#nav { font-family: 'Trade Gothic'; font-weight: bold; padding-left: 32px; position: absolute; text-transform: uppercase; }
    body.donate aside#nav h2 { color: #e7244c; }
    body.donate aside#nav nav a { transition: color ease-out 0.2s; }
    body.donate aside#nav nav a::after { content: ''; display: block; }
    body.donate aside#nav nav a:hover,
    body.donate aside#nav nav a.active { color: #e7244c; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.donate section.aside { margin-left: 234px; width: calc(100% - 234px); }

    body.donate section.intro { margin-bottom: 48px; }
    body.donate section.intro p { font-size: 20px; line-height: 24px; }

    body.donate section#donate { font-size: 17px; line-height: 24px; }
    body.donate section#donate h2 { font-size: 21px; }
    body.donate section#donate a.button { font-size: 24px; height: 50px; line-height: 50px; width: 434px; }
    body.donate section#donate p { max-width: 600px; }
    body.donate section#donate p a { line-height: 18px; }
    body.donate section#donate hr { margin-top: 20px; margin-bottom: 20px; }

    body.donate aside#nav { margin-right: 115px; margin-top: 40px; width: 234px; }
    body.donate aside#nav h2 { font-size: 33px; line-height: 28px; margin-bottom: 13px; }
    body.donate aside#nav nav { font-size: 13px; line-height: 19px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.donate section.banner { margin-bottom: 10px; }


    body.donate section.intro { margin-bottom: 48px; max-width: 1400px; }
    body.donate section.intro p { font-size: 20px; line-height: 24px; margin: 0 auto; max-width: 900px; }

    body.donate section#donate { font-size: 17px; line-height: 24px; max-width: 1400px; }
    body.donate section#donate h2 { font-size: 21px; }
    body.donate section#donate hr { margin-top: 20px; margin-bottom: 20px; width: 205px; }
    body.donate section#donate a.button { font-size: 24px; height: 50px; line-height: 50px; width: 434px; }
    body.donate section#donate p { max-width: 700px; }
    body.donate section#donate p a { line-height: 18px; }

    body.donate section.aside { margin-left: 302px; width: calc(100% - 302px); }
    body.donate aside#nav { margin-right: 144px; margin-top: 40px; width: 302px; }
    body.donate aside#nav.sticky { position: fixed; top: 144px; }
    body.donate aside#nav.sticky.locked { bottom: 0; position: absolute; top: auto; }
    body.donate aside#nav h2 { font-size: 41px; line-height: 35px; margin-bottom: 16px; width: 200px; }
    body.donate aside#nav nav { font-size: 16px; line-height: 24px; }
}


/** Events **************************************************/
body.events section#intro { font-family: Circular; font-weight: bold; }

body.events section#events ul li { position: relative; }
body.events section#events ul li a { cursor: pointer; display: block; }
body.events section#events ul li div.content { font-family: Circular; position: relative; z-index: 2; }
body.events section#events ul li div.content { background: #fff; }
body.events section#events ul li div.content em,
body.events section#events ul li div.content span { border-bottom: 1px solid #000; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.events section#events ul li div.content strong { display: block; font-weight: bold; white-space: pre-line; }
body.events section#events ul li div.content span { border-bottom: 1px solid #000; display: inline-block; }

body.events section#events p.no-events { font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; white-space: pre-line; }
body.events section#events p.no-events a { transition: color ease-out 0.2s; }
body.events section#events p.no-events a:hover { color: #e7244c; }


	body.events section#events ul { margin-left: auto; margin-right: auto; max-width: 1250px; }
	body.events section#events ul li { padding:18px 833px 18px 18px; height:400px; background: #e7dec8; font-family: Circular; }
	body.events section#events ul li strong { display: block; font-weight: bold; white-space: pre-line; font-size:22px; line-height:25px; margin-bottom:15px; }
	body.events section#events ul li strong.event-info { font-size:18px; white-space:inherit; margin-bottom:15px; }
	body.events section#events ul li p { margin-bottom:10px; }
	body.events section#events div.no-events p { max-width:1150px; font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; white-space:pre-line;}
	body.events section#events div.no-events p a { text-decoration:underline; }
	body.events section#events ul li em { margin-bottom: 8px; }
	
	body.events section#events ul li em,
	body.events section#events ul li span { line-height:13px; border-bottom: 1px solid #000; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
	
	body.events section#events ul li figure.background-image.not-mobile { position:absolute; right:0; top:0; width:815px; height:100%; background-repeat:no-repeat; background-size:cover; }
	



/** Mobile & Tablet **********/
@media all and (max-width: 1279px){
    body.events section#events ul li { padding: 14px; }
    body.events section#events ul li div.content em,
    body.events section#events ul li div.content span { line-height: 12px; }
}

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.events section#events ul li { height: 240px; }
    body.events section#events ul li:not(:last-of-type) { margin-bottom: 20px; }
    body.events section#events ul li div.content { font-size: 13px; height: 212px; line-height: 16px; padding: 9px 13px; }
    body.events section#events ul li div.content em { margin-bottom: 9px; }
    body.events section#events ul li div.content strong { font-size: 15px; line-height: 18px; margin-bottom: 5px; }
    body.events section#events ul li div.content strong:last-of-type { margin-bottom: 9px; }
    body.events section#events ul li div.content p { margin-bottom: 7px; }

    body.events section#events p.no-events { font-size: 16px; line-height: 20px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.events body.events section.banner { margin-bottom: 28px; }

    body.events section#intro { font-size: 16px; line-height: 22px; padding-bottom: 28px; }
	
	
			body.events section#events ul li { height:100%; padding: 0;}
			body.events section#events ul li img.mobile-only { height:100%; width:100%; }
			body.events section#events ul li div.event-content { padding: 8px 12px 12px 12px; }
		
			body.events section#events ul li strong { font-size:16px; line-height:18px; margin-bottom:10px; }
			body.events section#events ul li strong.event-info { font-size: 14px; }
			body.events section#events ul li p{ margin-bottom:10px; }
			body.events section#events ul li p, body.events section#events ul li em, body.events section#events ul li span { font-size:13px; }
		
			body.events section#events div.no-events p { font-size:16px; line-height:20px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.events section.aside { margin-left: 162px; width: calc(100% - 162px); }
    body.events aside#archive { margin-top: 40px; margin-right: 96px; padding-left: 18px; position: absolute; width: 180px; }

    body.events section#intro { font-size: 18px; line-height: 22px; padding: 40px 0; }

    body.events section#events ul li div.content { width: 240px; }
	
	
			body.events section#events ul li { padding: 10px 377px 10px 10px; height:180px; }
			body.events section#events ul li strong { font-size:14px; line-height:13px; margin-bottom:6px; }
			body.events section#events ul li strong.event-info { font-size: 12px; margin-bottom:6px;}
			body.events section#events ul li p{ margin-bottom:6px; }
			body.events section#events ul li p, body.events section#events ul li em, body.events section#events ul li span { font-size:10px; }
			body.events section#events ul li figure.background-image.not-mobile { width:367px; }
		
			body.events section#events div.no-events p { font-size:16px; line-height:20px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.events section.banner { margin-bottom: 11px; }

    body.events section#intro { font-size: 20px; line-height: 26px; padding: 32px 0 51px; }

    body.events section#events ul li { height: 320px; }
    body.events section#events ul li:not(:last-of-type) { margin-bottom: 30px; }
    body.events section#events ul li div.content { font-size: 14px; height: 292px; line-height: 17px; padding: 17px; width: 322px; }
    body.events section#events ul li div.content em { margin-bottom: 5px; }
    body.events section#events ul li div.content strong { font-size: 18px; line-height: 21px; margin-bottom: 11px; }
    body.events section#events ul li div.content p { margin-bottom: 15px; }

    body.events section#events p.no-events { font-size: 18px; line-height: 22px; }
	
			
			body.events section#events ul li { padding: 12px 501px 12px 12px; height:240px; }
			body.events section#events ul li strong { font-size:16px; line-height:18px; margin-bottom:10px; }
			body.events section#events ul li strong.event-info { font-size:14px; line-height:16px; margin-bottom:10px; }
			body.events section#events ul li p{ margin-bottom:10px; }
			body.events section#events ul li p, body.events section#events ul li em, body.events section#events ul li span { font-size:13px; }
			body.events section#events ul li figure.background-image.not-mobile { width:489px; }
		
			body.events section#events div.no-events p { font-size:18px; line-height:22px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
/*    body.events section.banner { margin-bottom: 22px; }*/

    body.events section#intro { font-size: 25px; line-height: 33px; padding: 32px 0 62px; }
    body.events section#intro p { max-width: 1150px; }

    body.events section#events ul li { height: 400px; padding: 18px; max-width: 1250px; }
    body.events section#events ul li:not(:last-of-type) { margin-bottom: 40px; }
    body.events section#events ul li div.content { font-size: 17px; height: 364px; line-height: 21px; padding: 20px 22px; width: 400px; }
    body.events section#events ul li div.content em,
    body.events section#events ul li div.content a { line-height: 13px; }
    body.events section#events ul li div.content em { margin-bottom: 8px; }
    body.events section#events ul li div.content strong { font-size: 22px; line-height: 25px; margin-bottom: 15px; }
    body.events section#events ul li div.content p { margin-bottom: 20px; }

    body.events section#events p.no-events { font-size: 22px; }
	
	
		    body.events section#events div.no-events p { font-size:22px; line-height:22px; }
}

/** Desktop Small **********/
@media all and (min-width: 1280px) and (max-width: 1439px) {
    body.events section#events ul li { padding: 15px 713px 15px 15px; height:344px; }
    body.events section#events ul li strong { font-size:18px; line-height:20px; margin-bottom:13px; }
    body.events section#events ul li strong.event-info { font-size:16px;  margin-bottom:13px;}
    body.events section#events ul li p, body.events section#events ul li em, body.events section#events ul li span { font-size:14px; }
    body.events section#events ul li figure.background-image.not-mobile { width:700px; }
}

/** Event **************************************************/

	body.event section#event article { font-family: Circular; text-align: center; }
	body.event section#event article h4 { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
	body.event section#event article h5 { font-family: 'Adobe Caslon'; }
	body.event section#event article h1 { font-family: Wigrum; font-weight: 500; text-transform: uppercase; }
	body.event section#event article h2 { font-family: Wigrum; font-weight: 300; text-transform: uppercase; }
	body.event section#event article p strong { font-weight: bold; }
	body.event section#event article p em { font-style: italic; }
	body.event section#event article p a { border-bottom: 1px solid #000; display: inline-block; }
	body.event section#event article button { background: #e7244c; color: #fff; cursor: pointer; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; padding: 0 20px; min-width: 120px; }
	
	body.event section#event article #author p { font-weight: bold; }
	body.event section#event article #sponsors img { display: block; margin: 0 auto; }
	
	body.event form[stripe-elements] { display: none; }
	body.event form[stripe-elements].active { display: block; }
	body.event form[stripe-elements].active:not(.thank-you) section#thank-you,
	body.event form[stripe-elements].active.thank-you section:not(#thank-you) { display: none; }
	body.event form[stripe-elements] section { }
	body.event form[stripe-elements] section.grey { background: #fafafa; }
	body.event form[stripe-elements] section div.container { margin: 0 auto; }
	body.event form[stripe-elements] h4,
	body.event form[stripe-elements] h5 { font-family: 'Trade Gothic'; font-weight: bold; text-align: center; text-transform: uppercase; }
	body.event form[stripe-elements] p { font-family: Circular; text-align: center; }
	body.event form[stripe-elements] p a { border-bottom: 1px solid #000; display: inline-block; }
	body.event form[stripe-elements] section#thank-you p { margin-bottom: 0 !important; }
	
	body.event form[stripe-elements] div.row.space-between { justify-content: space-between; }
	body.event form[stripe-elements] label.field { display: block; position: relative; }
	body.event form[stripe-elements] label.field input[type="text"] { background: #fff; border: 1px solid #000; color: #000; display: block; font-family: Circular; position: relative; width: 100%; z-index: 2; }
	body.event form[stripe-elements] label.field .input { background: #fff; border: 1px solid #000; color: #000; display: block; position: relative; width: 100%; z-index: 2; }
	body.event form[stripe-elements] label.field small { align-items: center; -webkit-display: flex; display: flex; font-family: 'Trade Gothic'; font-weight: bold; opacity: 1; }
	body.event form[stripe-elements] label.field small em { color: #e7244c; white-space: pre; }
	body.event form[stripe-elements] label.field small span { font-family: Circular; letter-spacing: normal; white-space: pre; }
	body.event form[stripe-elements] label.field small small { flex: 1; font-family: Circular; font-size: 11px; font-weight: normal; letter-spacing: normal; }
	body.event form[stripe-elements] label.field span.help-block { bottom: -20px; color: #e7244c; font-family: 'Trade Gothic'; font-size: 12px; font-weight: bold; line-height: 17px; position: absolute; text-transform: uppercase; }
	
	body.event form[stripe-elements] button[add-guest] { background: none; cursor: pointer; font-family: Circular; font-size: 14px; font-weight: bold; }
	body.event form[stripe-elements] button[add-guest] em { color: #e7244c; font-size: 16px; }
	
	body.event form[stripe-elements] label.checkbox { color: #464646; cursor: pointer; display: inline-block; font-family: Circular; font-weight: bold; position: relative; top: 2px; }
	body.event form[stripe-elements] label.checkbox.td { font-family: 'Trade Gothic'; text-transform: uppercase; }
	body.event form[stripe-elements] label.checkbox:not(:last-of-type) { margin-right: 40px; }
	body.event form[stripe-elements] label.checkbox em { font-style: italic; }
	body.event form[stripe-elements] label.checkbox button { letter-spacing: 1.6px; text-transform: uppercase; }
	body.event form[stripe-elements] label.checkbox button::before { color: #e92227; content: '+ '; font-size: 15px; position: relative; top: -1px; }
	body.event form[stripe-elements] label.checkbox input[type="checkbox"],
	body.event form[stripe-elements] label.checkbox input[type="radio"] { opacity: 0; pointer-events: none; position: absolute; }
	body.event form[stripe-elements] label.checkbox input[type="text"] { background: none; border-bottom: 1px solid #000; }
	body.event form[stripe-elements] label.checkbox span { border: 1px solid #000; border-radius: 50%; display: inline-block; height: 20px; margin-right: 5px; pointer-events: none; position: relative; vertical-align: middle; top: -2px; width: 20px; }
	body.event form[stripe-elements] label.checkbox span::after { background: #e92227; border-radius: 50%; content: ''; height: 14px; left: 2px; opacity: 0; position: absolute; top: 2px; transition: opacity ease-out 0.2s; width: 14px; }
	body.event form[stripe-elements] label.checkbox input:checked + span::after { opacity: 1; }
	
	body.event form[stripe-elements] button[type="submit"] { background: #e7244c; color: #fff; cursor: pointer; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; width: 120px; }
	
	.animation-slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; }
	@keyframes slideDown { 0% { transform: translateY(-100%); } 50% { transform: translateY(8%); } 65% { transform: translateY(-4%); } 80% { transform: translateY(4%); } 95% { transform: translateY(-2%); } 100% { transform: translateY(0%); } }
	@-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 0%{ -webkit-transform: translateY(8%); } 65%{ -webkit-transform: translateY(-4%); } 80%{ -webkit-transform: translateY(4%); } 95%{ -webkit-transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); } }
	
	.animation-slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; }
	@keyframes slideUp { 0% { transform: translateY(100%); } 50% { transform: translateY(-8%); } 65% { transform: translateY(4%); } 80% { transform: translateY(-4%); } 95% { transform: translateY(2%); } 100% { transform: translateY(0%); } }
	@-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 0%{ -webkit-transform: translateY(-8%); } 65%{ -webkit-transform: translateY(4%); } 80%{ -webkit-transform: translateY(-4%); } 95%{ -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } }


	body.event div#donation a.donate-button { border-bottom:none; background: #e7244c; color: #fff; display: inline-block; font-family: 'Trade Gothic'; text-tranform: uppercase; }
	
	body.event form.event-registration-form { display: none; }
	body.event form.event-registration-form.active { display: block; }
	body.event form.event-registration-form.active:not(.thank-you) section#thank-you,
	body.event form.event-registration-form.active.thank-you section:not(#thank-you) { display: none; }
	body.event form.event-registration-form section { }
	body.event form.event-registration-form section.grey { background: #fafafa; }
	body.event form.event-registration-form section div.container { margin: 0 auto; }
	body.event form.event-registration-form h4,
	body.event form.event-registration-form h5 { font-family: 'Trade Gothic'; font-weight: bold; text-align: center; text-transform: uppercase; }
	body.event form.event-registration-form p { font-family: Circular; text-align: center; }
	body.event form.event-registration-form p a { border-bottom: 1px solid #000; display: inline-block; }
	body.event form.event-registration-form section#thank-you p { margin-bottom: 0 !important; }
	
	body.event form.event-registration-form div.row.space-between { justify-content: space-between; }
	body.event form.event-registration-form label.field { display: block; position: relative; }
	body.event form.event-registration-form label.field input[type="text"] { background: #fff; border: 1px solid #000; color: #000; display: block; font-family: Circular; position: relative; width: 100%; z-index: 2; }
	body.event form.event-registration-form label.field .input { background: #fff; border: 1px solid #000; color: #000; display: block; position: relative; width: 100%; z-index: 2; }
	body.event form.event-registration-form label.field small { align-items: center; -webkit-display: flex; display: flex; font-family: 'Trade Gothic'; font-weight: bold; opacity: 1; }
	body.event form.event-registration-form label.field small em { color: #e7244c; white-space: pre; }
	body.event form.event-registration-form label.field small span { font-family: Circular; letter-spacing: normal; white-space: pre; }
	body.event form.event-registration-form label.field small small { flex: 1; font-family: Circular; font-size: 11px; font-weight: normal; letter-spacing: normal; }
	body.event form.event-registration-form label.field span.help-block { bottom: -20px; color: #e7244c; font-family: 'Trade Gothic'; font-size: 12px; font-weight: bold; line-height: 17px; position: absolute; text-transform: uppercase; }
	
	body.event form.event-registration-form button[add-guest] { background: none; cursor: pointer; font-family: Circular; font-size: 14px; font-weight: bold; }
	body.event form.event-registration-form button[add-guest] em { color: #e7244c; font-size: 16px; }
	
	body.event form.event-registration-form label.checkbox { color: #464646; cursor: pointer; display: inline-block; font-family: Circular; font-weight: bold; position: relative; top: 2px; }
	body.event form.event-registration-form label.checkbox.td { font-family: 'Trade Gothic'; text-transform: uppercase; }
	body.event form.event-registration-form label.checkbox:not(:last-of-type) { margin-right: 40px; }
	body.event form.event-registration-form label.checkbox em { font-style: italic; }
	body.event form.event-registration-form label.checkbox button { letter-spacing: 1.6px; text-transform: uppercase; }
	body.event form.event-registration-form label.checkbox button::before { color: #e92227; content: '+ '; font-size: 15px; position: relative; top: -1px; }
	body.event form.event-registration-form label.checkbox input[type="checkbox"],
	body.event form.event-registration-form label.checkbox input[type="radio"] { opacity: 0; pointer-events: none; position: absolute; }
	body.event form.event-registration-form label.checkbox input[type="text"] { background: none; border-bottom: 1px solid #000; }
	body.event form.event-registration-form label.checkbox span { border: 1px solid #000; border-radius: 50%; display: inline-block; height: 20px; margin-right: 5px; pointer-events: none; position: relative; vertical-align: middle; top: -2px; width: 20px; }
	body.event form.event-registration-form label.checkbox span::after { background: #e92227; border-radius: 50%; content: ''; height: 14px; left: 2px; opacity: 0; position: absolute; top: 2px; transition: opacity ease-out 0.2s; width: 14px; }
	body.event form.event-registration-form label.checkbox input:checked + span::after { opacity: 1; }
	
	body.event form.event-registration-form button[type="submit"] { background: #e7244c; color: #fff; cursor: pointer; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; width: 120px; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.event section#event article { font-size: 14px; line-height: 18px; }
    body.event section#event article h4:first-of-type { font-size: 16px; margin-bottom: 2px; }
    body.event section#event article h5 { font-size: 14px; margin-bottom: 25px; }
    body.event section#event article button { font-size: 20px; height: 40px; line-height: 40px; }

    body.event section#event article #author h4 { font-size: 14px; }
    body.event section#event article #sponsors p { font-size: 13px; }

    body.event form[stripe-elements] { padding-bottom: 45px; }
    body.event form[stripe-elements] section { padding: 50px 0; }
    body.event form[stripe-elements] section.grey { padding: 70px 0; }
    body.event form[stripe-elements] h4 { font-size: 18px; margin-bottom: 20px; }
    body.event form[stripe-elements] h5 { font-size: 17px; margin-bottom: 30px; }
    body.event form[stripe-elements] p { font-size: 14px; line-height: 18px; margin-bottom: 40px; }
    body.event form[stripe-elements] p a { line-height: 17px; }
    body.event form[stripe-elements] div.row.pad { margin-bottom: 30px; }
    body.event form[stripe-elements] div.row.top-pad { margin-top: 30px; }
    body.event form[stripe-elements] div.row.small-pad { margin-bottom: 15px; }
    body.event form[stripe-elements] label.field input[type="text"] { font-size: 14px; height: 50px; line-height: 50px; text-indent: 12px; }
    body.event form[stripe-elements] label.field .input { height: 50px; line-height: 50px; padding: 14px 12px 0; }
    body.event form[stripe-elements] label.field small { font-size: 16px; height: 36px; padding-left: 12px; }
    body.event form[stripe-elements] label.field span.help-block { padding: 0 12px; }
    body.event form[stripe-elements] label.checkbox { font-size: 15px; }
    body.event form[stripe-elements] label.checkbox.td { font-size: 16px; }
    body.event form[stripe-elements] label.checkbox input[type="text"] { width: 130px; }
    body.event form[stripe-elements] button[type="submit"] { font-size: 20px; height: 40px; line-height: 40px; }




    body.event div#donation a.donate-button { font-size: 20px; height: 40px; line-height: 40px;}

    body.event form.event-registration-form { padding-bottom: 45px; }
    body.event form.event-registration-form section { padding: 50px 0; }
    body.event form.event-registration-form section.grey { padding: 70px 0; }
    body.event form.event-registration-form h4 { font-size: 18px; margin-bottom: 20px; }
    body.event form.event-registration-form h5 { font-size: 17px; margin-bottom: 30px; }
    body.event form.event-registration-form p { font-size: 14px; line-height: 18px; margin-bottom: 40px; }
    body.event form.event-registration-form p a { line-height: 17px; }
    body.event form.event-registration-form div.row.pad { margin-bottom: 30px; }
    body.event form.event-registration-form div.row.top-pad { margin-top: 30px; }
    body.event form.event-registration-form div.row.small-pad { margin-bottom: 15px; }
    body.event form.event-registration-form label.field input[type="text"] { font-size: 14px; height: 50px; line-height: 50px; text-indent: 12px; }
    body.event form.event-registration-form label.field .input { height: 50px; line-height: 50px; padding: 14px 12px 0; }
    body.event form.event-registration-form label.field small { font-size: 16px; height: 36px; padding-left: 12px; }
    body.event form.event-registration-form label.field span.help-block { padding: 0 12px; }
    body.event form.event-registration-form label.checkbox { font-size: 15px; }
    body.event form.event-registration-form label.checkbox.td { font-size: 16px; }
    body.event form.event-registration-form label.checkbox input[type="text"] { width: 130px; }
    body.event form.event-registration-form button[type="submit"] { font-size: 20px; height: 40px; line-height: 40px; }

}

/** Mobile **********/
@media all and (max-width: 767px){
    body.event section#event article { line-height: 18px; padding: 25px 0 21px; }
    body.event section#event article h4:first-of-type { font-size: 16px; margin-bottom: 2px; }
    body.event section#event article h1,
    body.event section#event article h2 { font-size: 28px; line-height: 30px; }
    body.event section#event article h2 { margin-bottom: 10px; }
    body.event section#event article h3 { font-size: 14px; line-height: normal; }
    body.event section#event article p a { line-height: 14px; }

    body.event section#event article #author h4 { font-size: 14px; margin-bottom: 3px; }
    body.event section#event article #author p { font-size: 12px; line-height: 16px; }
    body.event section#event article #author p a { line-height: 14px; }
    body.event section#event article #sponsors p:last-of-type { margin-bottom: 32px; }
    body.event section#event article #sponsors img { max-width: 100%; }

    body.event form[stripe-elements] section { padding: 40px 0; }
    body.event form[stripe-elements] section.grey { padding: 50px 0; }
    body.event form[stripe-elements] div.row.center { -webkit-display: flex; display: flex; justify-content: center; }
    body.event form[stripe-elements] label.field.pad { margin-bottom: 30px; }
    body.event form[stripe-elements] label.field.small-pad { margin-bottom: 15px; }
    body.event form[stripe-elements] #guests div:nth-child(n+2) small small { display: none; }
    body.event form[stripe-elements] #guests div:nth-child(-n+2):not(:last-of-type) { margin-bottom: 30px; }
    body.event form[stripe-elements] label.checkbox { display: block; padding: 0 30px; }
    body.event form[stripe-elements] label.checkbox.td { padding: 0 0 0 30px; }
    body.event form[stripe-elements] label.checkbox.pad { margin-bottom: 15px; }
    body.event form[stripe-elements] label.checkbox span { left: 0; position: absolute; }

    body.event section.navigation { margin-bottom: 26px; }



    body.event div#donation a.donate-button { width: 200px; }

    body.event form.event-registration-form section { padding: 40px 0; }
    body.event form.event-registration-form section.grey { padding: 50px 0; }
    body.event form.event-registration-form div.row.center { -webkit-display: flex; display: flex; justify-content: center; }
    body.event form.event-registration-form label.field.pad { margin-bottom: 30px; }
    body.event form.event-registration-form label.field.small-pad { margin-bottom: 15px; }
    body.event form.event-registration-form #guests div:nth-child(n+2) small small { display: none; }
    body.event form.event-registration-form #guests div:nth-child(-n+2):not(:last-of-type) { margin-bottom: 30px; }
    body.event form.event-registration-form label.checkbox { display: block; padding: 0 30px; }
    body.event form.event-registration-form label.checkbox.td { padding: 0 0 0 30px; }
    body.event form.event-registration-form label.checkbox.pad { margin-bottom: 15px; }
    body.event form.event-registration-form label.checkbox span { left: 0; position: absolute; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.event section#event { background: #fff; margin: 0 auto; }
    body.event section#event div.container { padding: 0; }
    body.event section#event article { background: #fff; margin: 0 auto; position: relative; }
    body.event section#event article #sponsors img { left: 50%; position: relative; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

    body.event form[stripe-elements] div.row { -webkit-display: flex; display: flex; justify-content: center; }
    body.event form[stripe-elements] div.row label.field { width: calc(50% - 8px); }
    body.event form[stripe-elements] div.row label.field.block { width: 100%; }
    body.event form[stripe-elements] div.row label.field.qtr { width: calc(25% - 12px); }
    body.event form[stripe-elements] div.row label.field.three-qtr { width: calc(75% - 12px); }
    body.event form[stripe-elements] div.row label.field:not(:last-of-type) { margin-right: 16px; }
    body.event form[stripe-elements] div.row.space-between { padding: 0 4px; }
    body.event form[stripe-elements] p { white-space: pre-line; }
    body.event form[stripe-elements] #guests div:nth-child(n+2) small { display: none; }
    body.event form[stripe-elements] label.field small small { white-space: pre-line; }



    body.event form.event-registration-form div.row { -webkit-display: flex; display: flex; justify-content: center; }
    body.event form.event-registration-form div.row label.field { width: calc(50% - 8px); }
    body.event form.event-registration-form div.row label.field.block { width: 100%; }
    body.event form.event-registration-form div.row label.field.qtr { width: calc(25% - 12px); }
    body.event form.event-registration-form div.row label.field.three-qtr { width: calc(75% - 12px); }
    body.event form.event-registration-form div.row label.field:not(:last-of-type) { margin-right: 16px; }
    body.event form.event-registration-form div.row.space-between { padding: 0 4px; }
    body.event form.event-registration-form p { white-space: pre-line; }
    body.event form.event-registration-form #guests div:nth-child(n+2) small { display: none; }
    body.event form.event-registration-form label.field small small { white-space: pre-line; }

}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.event section#event { margin-bottom: -117px; width: 580px; }
    body.event section#event article { padding: 25px 20px 70px; top: -117px; width: 580px; }
    body.event section#event article h5 { font-size: 14px; margin-bottom: 25px; }
    body.event section#event article h1,
    body.event section#event article h2 { font-size: 34px; line-height: 40px; }

    body.event section#event article h2 { margin-bottom: 7px; }
    body.event section#event article h3 { font-size: 14px; line-height: normal; }
    body.event section#event article p a { line-height: 14px; }

    body.event section#event article #author h4 { margin-bottom: 6px; }
    body.event section#event article #author p { font-size: 12px; line-height: 16px; }
    body.event section#event article #author p a { line-height: 14px; }
    body.event section#event article #sponsors p:last-of-type { margin-bottom: 29px; }
    body.event section#event article #sponsors img { max-width: 540px; }



    body.event div#donation a.donate-button { width: 350px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.event section#event { margin-bottom: -155px; width: 778px; }
    body.event section#event article { font-size: 17px; line-height: 24px; padding: 33px 89px 0; top: -155px; width: 778px; }
    body.event section#event article h4:first-of-type { font-size: 21px; margin-bottom: 2px; }
    body.event section#event article h5 { font-size: 18px; margin-bottom: 43px; }
    body.event section#event article h1,
    body.event section#event article h2 { font-size: 45px; line-height: 54px; }

    body.event section#event article h2 { margin-bottom: 9px; }
    body.event section#event article h3 { font-size: 19px; line-height: normal; }
    body.event section#event article p a { line-height: 17px; }

    body.event section#event article button { font-size: 24px; height: 50px; line-height: 50px; min-width: 180px; }

    body.event section#event article #author h4 { font-size: 18px; margin-bottom: 6px; }
    body.event section#event article #author p { font-size: 14px; line-height: 18px; }
    body.event section#event article #author p a { line-height: 14px; }
    body.event section#event article #sponsors p { font-size: 15px; }
    body.event section#event article #sponsors p:last-of-type { margin-bottom: 38px; }
    body.event section#event article #sponsors img { max-width: 700px; }

    body.event form[stripe-elements] { padding-bottom: 113px; }
    body.event form[stripe-elements] section { padding: 50px 0; }
    body.event form[stripe-elements] section.grey { padding: 80px 0; }
    body.event form[stripe-elements] section div.container { width: 842px; }
    body.event form[stripe-elements] h4 { font-size: 21px; margin-bottom: 20px; }
    body.event form[stripe-elements] h5 { font-size: 17px; margin-bottom: 20px; }
    body.event form[stripe-elements] p { font-size: 17px; line-height: 24px; margin-bottom: 60px; }
    body.event form[stripe-elements] p a { line-height: 17px; }
    body.event form[stripe-elements] div.row.pad { margin-bottom: 40px; }
    body.event form[stripe-elements] div.row.top-pad { margin-top: 40px; }
    body.event form[stripe-elements] div.row.small-pad { margin-bottom: 20px; }
    body.event form[stripe-elements] label.field input[type="text"] { font-size: 17px; height: 50px; line-height: 50px; text-indent: 14px; }
    body.event form[stripe-elements] label.field .input { height: 50px; line-height: 50px; padding: 14px 14px 0; }
    body.event form[stripe-elements] label.field small { font-size: 17px; height: 40px; padding-left: 14px; }
    body.event form[stripe-elements] label.field span.help-block { padding: 0 14px; }
    body.event form[stripe-elements] label.checkbox { font-size: 16px; }
    body.event form[stripe-elements] label.checkbox.td { font-size: 17px; }
    body.event form[stripe-elements] button[type="submit"] { font-size: 24px; height: 50px; line-height: 50px; width: 180px; }
    body.event form[stripe-elements] label.checkbox input[type="text"] { width: 130px; }



    body.event form.event-registration-form { padding-bottom: 113px; }
    body.event form.event-registration-form section { padding: 50px 0; }
    body.event form.event-registration-form section.grey { padding: 80px 0; }
    body.event form.event-registration-form section div.container { width: 842px; }
    body.event form.event-registration-form h4 { font-size: 21px; margin-bottom: 20px; }
    body.event form.event-registration-form h5 { font-size: 17px; margin-bottom: 20px; }
    body.event form.event-registration-form p { font-size: 17px; line-height: 24px; margin-bottom: 60px; }
    body.event form.event-registration-form p a { line-height: 17px; }
    body.event form.event-registration-form div.row.pad { margin-bottom: 40px; }
    body.event form.event-registration-form div.row.top-pad { margin-top: 40px; }
    body.event form.event-registration-form div.row.small-pad { margin-bottom: 20px; }
    body.event form.event-registration-form label.field input[type="text"] { font-size: 17px; height: 50px; line-height: 50px; text-indent: 14px; }
    body.event form.event-registration-form label.field .input { height: 50px; line-height: 50px; padding: 14px 14px 0; }
    body.event form.event-registration-form label.field small { font-size: 17px; height: 40px; padding-left: 14px; }
    body.event form.event-registration-form label.field span.help-block { padding: 0 14px; }
    body.event form.event-registration-form label.checkbox { font-size: 16px; }
    body.event form.event-registration-form label.checkbox.td { font-size: 17px; }
    body.event form.event-registration-form button[type="submit"] { font-size: 24px; height: 50px; line-height: 50px; width: 180px; }
    body.event form.event-registration-form label.checkbox input[type="text"] { width: 130px; }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    body.event div#donation a.donate-button { font-size: 24px; height: 50px; line-height: 50px; width: 434px; }
}

@media (min-width: 1280px) {
    body.event div#donation a.donate-button { font-size: 24px; height: 50px; line-height: 50px; width: 434px; }
}


/** Features **************************************************/
body.features section.articles ul li a { display: block; position: relative; }
body.features section.articles ul li a div.content { background: #fff; position: relative; text-align: center; z-index: 2; }
body.features section.articles ul li a div.content div { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.features section.articles ul li:not(:last-of-type) { margin-bottom: 20px; }
    body.features section.articles ul li a { height: 240px; line-height: 16px; padding: 14px; }
    body.features section.articles ul li a div.content { height: 212px; padding: 0 14px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.features aside#archive { margin-left: 32px; padding-left: 0; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.features aside#archive { width: 190px; }
    body.features aside#archive + section { margin-left: 218px; width: calc(100% - 218px); }

    body.features section.articles ul li:not(:last-of-type) { margin-bottom: 30px; }
    body.features section.articles ul li a { height: 320px; line-height: 21px; padding: 20px; }
    body.features section.articles ul li a div.content { height: 280px; padding: 0 20px; }

    body.features section.scroller h2.section-title { margin-bottom: 24px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.features aside#archive { width: 270px; }
    body.features aside#archive + section { margin-left: 302px; width: calc(100% - 302px); }

    body.features section.articles ul { margin-left: auto; margin-right: auto; max-width: 1250px; }
    body.features section.articles ul li:not(:last-of-type) { margin-bottom: 37px; }
    body.features section.articles ul li a { height: 400px; line-height: 26px; padding: 25px; }
    body.features section.articles ul li a div.content { height: 350px; padding: 0 25px; }

    body.features section.scroller h2.section-title { margin-bottom: 32px; }
}


/** Praise For ACI **************************************************/
body.praise-for-aci.article section.banner div.content.standard.content p em { font-style: italic; }


/** Mobile **********/
@media all and (max-width: 767px){
    body.praise-for-aci.article section.article aside { margin-bottom: 27px; }
    body.praise-for-aci.article section.navigation { margin-bottom: 26px; }
}

/** My Canada My Art History **************************************************/
body.my-canada-my-art-history section.banner.landing a.content.standard { position: absolute; }
body.my-canada-my-art-history section.banner.landing a.content.standard h1 { color: #ff5e4c; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
body.my-canada-my-art-history section.banner.landing a.content.standard em { font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; white-space: pre-line; }
body.my-canada-my-art-history section.banner.landing a.content.standard em strong { font-style: normal; font-weight: normal; }
body.my-canada-my-art-history section.banner.landing a.content.standard img { border-color: #fff; border-radius: 50%; border-style: solid; display: block; left: 50%; margin: 0 auto; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }

body.my-canada-my-art-history section.articles ul li a div.content div { position: relative; top: 50%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
body.my-canada-my-art-history section.articles ul li a div.content div strong { border-style: solid; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.my-canada-my-art-history section.articles ul li a div.content div img { border-radius: 50%; border-style: solid; display: block; margin: 0 auto; }
body.my-canada-my-art-history section.articles ul li a div.content div em { font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; white-space: pre-line; }
body.my-canada-my-art-history section.articles ul li a div.content div em span { font-style: normal; font-weight: normal; }

body.my-canada-my-art-history.article section.banner div.content.standard.content.standard h1,
body.my-canada-my-art-history.article section.banner div.content.standard p { font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; text-transform: none; }
body.my-canada-my-art-history.article section.banner div.content.standard h1 { margin-bottom: 5px; white-space: pre-line; }
body.my-canada-my-art-history.article section.banner div.content.standard h1 em { font-style: normal; font-weight: normal; }
body.my-canada-my-art-history.article section.banner div.content.standard img { border-radius: 50%; border-style: solid; position: absolute; z-index: 2; }

/** Mobile & Tablet **********/
@media all and (max-width: 1279px){
    body.my-canada-my-art-history section.banner.landing a.content.standard img { border-width: 2px; }

    body.my-canada-my-art-history.article section.banner div.content.standard { padding-top: 56px; }
    body.my-canada-my-art-history.article section.banner div.content.standard img { height: 162px; top: -124px; width: 162px; }
}

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.my-canada-my-art-history section.banner.landing a.content.standard { padding: 115px 18px 16px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard h1 { font-size: 45px; line-height: 39px; margin-bottom: 11px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard em { font-size: 16px; line-height: 17px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard img { height: 114px; top: -10px; width: 114px; }

    body.my-canada-my-art-history section.articles ul li a div.content div { font-size: 14px; padding-bottom: 2px; }
    body.my-canada-my-art-history section.articles ul li a div.content div strong { border-bottom-width: 1px; line-height: 13px; margin-bottom: 7px; }
    body.my-canada-my-art-history section.articles ul li a div.content div img { border-width: 1px; height: 84px; margin-bottom: 5px; width: 84px; }
    body.my-canada-my-art-history section.articles ul li a div.content div em { line-height: 16px; }

    body.my-canada-my-art-history.article section.banner div.content.standard h1,
    body.my-canada-my-art-history.article section.banner div.content.standard p { font-size: 22px; line-height: 23px; }
    body.my-canada-my-art-history.article section.banner div.content.standard img { border-width: 2px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.my-canada-my-art-history section.banner.landing { padding: 18px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }

    body.my-canada-my-art-history section.articles ul li a div.content { width: 184px; }

    body.my-canada-my-art-history.article section.banner div.content.standard h1 { line-height: 26px; }
    body.my-canada-my-art-history.article section.banner div.content.standard strong { margin-bottom: 14px; }

    body.my-canada-my-art-history.article section.navigation { margin-bottom: 26px; }
}

/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
    body.my-canada-my-art-history.article section.article article { margin-bottom: 40px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.my-canada-my-art-history section.banner.landing a.content.standard { bottom: 18px; left: 18px; width: 302px; }

    body.my-canada-my-art-history section.articles ul li a div.content { width: 164px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.my-canada-my-art-history section.banner.landing a.content.standard { bottom: 32px; left: 32px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard img { border-width: 4px; }

    body.my-canada-my-art-history section.articles { padding-top: 40px; }
    body.my-canada-my-art-history section.articles ul li a div.content div strong { border-bottom-width: 2px; }
    body.my-canada-my-art-history section.articles ul li a div.content div img { border-width: 2px; }

    body.my-canada-my-art-history.article section.banner div.content.standard img { border-width: 4px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.my-canada-my-art-history section.banner.landing { margin-bottom: 24px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard { padding: 152px 32px 22px; width: 422px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard h1 { font-size: 60px; line-height: 52px; margin-bottom: 18px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard em { font-size: 21px; line-height: 22px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard img { height: 154px; width: 154px; top: -17px; }

    body.my-canada-my-art-history section.articles ul li a div.content { width: 218px; }
    body.my-canada-my-art-history section.articles ul li a div.content div { font-size: 18px; }
    body.my-canada-my-art-history section.articles ul li a div.content div strong { line-height: 17px; margin-bottom: 11px; padding-bottom: 2px; }
    body.my-canada-my-art-history section.articles ul li a div.content div img { height: 110px; margin-bottom: 16px; width: 110px; }
    body.my-canada-my-art-history section.articles ul li a div.content div em { line-height: 21px; }

    body.my-canada-my-art-history.article section.banner div.content.standard { padding-top: 75px; }
    body.my-canada-my-art-history.article section.banner div.content.standard h1,
    body.my-canada-my-art-history.article section.banner div.content.standard p { font-size: 30px; line-height: 31px; }
    body.my-canada-my-art-history.article section.banner div.content.standard img { height: 184px; top: -133px; width: 184px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.my-canada-my-art-history section.banner.landing { margin-bottom: 40px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard { padding: 152px 32px 22px; width: 422px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard h1 { font-size: 60px; line-height: 52px; margin-bottom: 18px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard em { font-size: 21px; line-height: 22px; }
    body.my-canada-my-art-history section.banner.landing a.content.standard img { height: 154px; width: 154px; top: -17px; }
    /*
		body.my-canada-my-art-history section.banner.landing div.content { padding: 190px 32px 26px; width: 508px; }
		body.my-canada-my-art-history section.banner.landing div.content h1 { font-size: 75px; line-height: 64px; margin-bottom: 23px; }
		body.my-canada-my-art-history section.banner.landing div.content em { font-size: 26px; line-height: 29px; }
		body.my-canada-my-art-history section.banner.landing div.content img { height: 190px; top: -19px; width: 190px; }
*/
    body.my-canada-my-art-history section.articles ul li a div.content { width: 272px; }
    body.my-canada-my-art-history section.articles ul li a div.content div { font-size: 22px; }
    body.my-canada-my-art-history section.articles ul li a div.content div strong { line-height: 21px; margin-bottom: 10px; padding-bottom: 1px; }
    body.my-canada-my-art-history section.articles ul li a div.content div img { height: 140px; margin-bottom: 11px; width: 140px; }
    body.my-canada-my-art-history section.articles ul li a div.content div em { line-height: 26px; }


    body.my-canada-my-art-history.article section.article article { margin-bottom: 50px; }
    body.my-canada-my-art-history.article section.banner div.content.standard { padding-top: 75px; }
    body.my-canada-my-art-history.article section.banner div.content.standard h1,
    body.my-canada-my-art-history.article section.banner div.content.standard p { font-size: 30px; line-height: 36px; }
    body.my-canada-my-art-history.article section.banner div.content.standard img { height: 214px; top: -163px; width: 214px; }
    /*
		body.my-canada-my-art-history.article section.banner div.content.standard { padding-top: 114px; }
		body.my-canada-my-art-history.article section.banner div.content.standard h1,
		body.my-canada-my-art-history.article section.banner div.content.standard p { font-size: 37px; line-height: 40px; }
		body.my-canada-my-art-history.article section.banner div.content.standard img { height: 268px; top: -204px; width: 268px; }
*/

    body.my-canada-my-art-history.article section.navigation { width: calc(100% - 52px); }
}




/** Spotlight **************************************************/
body.spotlight.article section.banner div.content.standard h1 { font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; text-transform: none; }
body.spotlight.article section.banner div.content.standard > em { font-family: Circular; font-style: normal; font-weight: normal; }
body.spotlight.article section.banner div.content.standard > em strong { font-weight: bold; }

body.spotlight.article section.article article { margin-bottom: 0; }

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.spotlight.article section.banner div.content.standard > strong { margin-bottom: 21px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.spotlight.article section.banner div.content.standard > strong { margin-bottom: 28px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.spotlight.article section.banner div.content.standard > strong { margin-bottom: 35px; }
}


/** The Essay **************************************************/
body.the-essay section.banner.landing a.content.standard strong,
body.the-essay section.banner.landing a.content.standard h1 { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.the-essay section.banner.landing a.content.standard strong { display: inline-block; }
body.the-essay section.banner.landing a.content.standard em { display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; }
body.the-essay section.banner.landing a.content.standard small { font-family: Circular; font-weight: normal; }

body.the-essay section.articles.essay ul li a div.content div h2 { border-style: solid; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.the-essay section.articles.essay ul li a div.content div strong { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
body.the-essay section.articles.essay ul li a div.content div p { font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; }
body.the-essay section.articles.essay ul li a div.content div small { font-family: Circular; font-weight: bold; }

body.features section.scroller.essay div.scroller ul li a div.content { background: #fff; left: 50%; position: absolute; text-align: center; top: 50%; z-index: 2; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.features section.scroller.essay div.scroller ul li a div.content div { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
body.features section.scroller.essay div.scroller ul li a div.content div strong { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
body.features section.scroller.essay div.scroller ul li a div.content div small { display: block; font-family: 'Adobe Caslon'!important; font-style: italic!important;}



/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.the-essay section.banner.landing { font-size: 16px; }
    body.the-essay section.banner.landing a.content.standard { padding: 18px; }
    body.the-essay section.banner.landing a.content.standard strong { border-bottom: 1px solid #000; }
    body.the-essay section.banner.landing a.content.standard small { font-size: 14px; }

    body.the-essay section.articles.essay ul li a div.content div h2 { border-bottom-width: 1px; font-size: 14px; line-height: 13px; margin-bottom: 7px; }
    body.the-essay section.articles.essay ul li a div.content div strong { font-size: 27px; line-height: 22px; margin-bottom: 14px; }
    body.the-essay section.articles.essay ul li a div.content div p { font-size: 14px; line-height: 14px; margin-bottom: 4px; }
    body.the-essay section.articles.essay ul li a div.content div small { font-size: 13px; }
	
	
    section.scroller.essay div.scroller ul li a div.content div small {font-family: 'Adobe Caslon'!important; font-style: italic!important;}
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.the-essay section.banner.landing { font-size: 16px; line-height: 17px; }
    body.the-essay section.banner.landing a.content.standard { height: 302px; width: 100%; }
    body.the-essay section.banner.landing a.content.standard strong { margin-bottom: 14px; }
    body.the-essay section.banner.landing a.content.standard h1 { font-size: 32px; line-height: 30px; margin-bottom: 16px; }
    body.the-essay section.banner.landing a.content.standard em { margin-bottom: 2px; }

    body.features section.scroller.essay { margin-bottom: 26px; padding-bottom: 0; }
    body.features section.scroller.essay div.scroller { padding: 0 18px; }
    body.features section.scroller.essay div.scroller ul { display: block; position: relative; width: 100%; }
    body.features section.scroller.essay div.scroller ul li { display: block; width: 100%; }
    body.features section.scroller.essay div.scroller ul li:first-of-type { margin-bottom: 13px; }
    body.features section.scroller.essay div.scroller ul li:nth-child(1n+3) { display: none; }
    body.features section.scroller.essay div.scroller ul li a { height: 132px; }
    body.features section.scroller.essay div.scroller ul li a div.content { height: 108px; width: 158px; }
    body.features section.scroller.essay div.scroller ul li a div strong { font-size: 22px; line-height: 18px; margin-bottom: 4px; }
    body.features section.scroller.essay div.scroller ul li a div small { font-size: 11px; line-height: 19px; }
    body.features section.scroller.essay div.scroller button { display: none; }
	

    section.scroller.essay div.scroller ul li a div strong { font-size: 18px!important; line-height: 17px!important; margin-bottom: 4px; }
    section.scroller.essay div.scroller ul li a div small { font-size: 11px; line-height: 19px; }
    section.scroller.essay div.scroller ul li a div.content div small { line-height:12px!important; }
}

/** Mobile **********/
@media all and (min-width: 375px) and (max-width: 767px){
    body.features section.scroller.essay div.scroller ul li a { height: 162px; }
    body.features section.scroller.essay div.scroller ul li a div.content { height: 123px; width: 182px; }
	
    section.scroller.essay div.scroller ul li a div.content { height: 95px!important; min-width: 182px!important; }
    section.scroller.essay div.scroller ul li a div.content div small { line-height:12px!important; }
	
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.the-essay section.banner.landing { line-height: 17px; padding: 114px 18px 18px; }
    body.the-essay section.banner.landing a.content.standard { height: 382px; width: 270px; word-break: break-word; }
    body.the-essay section.banner.landing a.content.standard strong { margin-bottom: 7px; }
    body.the-essay section.banner.landing a.content.standard h1 { font-size: 40px; line-height: 36px; margin-bottom: 10px; }
    body.the-essay section.banner.landing a.content.standard em { margin-bottom: 4px; }

    body.the-essay section.articles.essay ul li a div.content { width: 210px; }

    body.features section.scroller.essay div.scroller { height: 167px; }
    body.features section.scroller.essay div.scroller ul { left: 19px; margin-right: 19px; }
    body.features section.scroller.essay div.scroller ul li a { height: 167px; margin-right: 19px; width: 355px; }
    body.features section.scroller.essay div.scroller ul li a div.content { height: 138px; width: 196px; }
    body.features section.scroller.essay div.scroller ul li a div.content div strong { font-size: 27px; line-height: 23px; margin-bottom: 7px; }
    body.features section.scroller.essay div.scroller ul li a div.content div small { font-size: 11px; line-height: 11px; }
    body.features section.scroller.essay div.scroller button { top: 56px; }

    section.scroller.essay div.scroller ul li a div.content { height: 90px!important; min-width: 196px!important; }
    section.scroller.essay div.scroller ul li a div.content div strong { font-size: 20px!important; line-height: 18px!important; margin-bottom: 7px; }
    section.scroller.essay div.scroller ul li a div.content div small { margin-left: 8px!important; margin-right:8px!important; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.the-essay section.articles.essay { padding-top: 40px; }
    body.the-essay section.articles.essay ul li a div.content div h2 { border-bottom-width: 2px; }

    body.the-essay section.banner.landing a.content.standard { padding: 32px; }
    body.the-essay section.banner.landing a.content.standard strong { border-bottom: 2px solid #000; }
	
    section.scroller.essay div.scroller ul li a div.content div small {font-family: 'Adobe Caslon'!important; font-style: italic!important;}
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.the-essay section.banner.landing { font-size: 21px; line-height: 22px; margin-bottom: 64px; padding: 147px 32px 32px; }
    body.the-essay section.banner.landing a.content.standard { height: 413px; width: 380px; word-break:break-word; }
    body.the-essay section.banner.landing a.content.standard strong { margin-bottom: 10px; }
    body.the-essay section.banner.landing a.content.standard h1 { font-size: 53px; line-height: 48px; margin-bottom: 13px;}
    body.the-essay section.banner.landing a.content.standard em { margin-bottom: 6px; }
    body.the-essay section.banner.landing a.content.standard small { font-size: 19px; }

    body.the-essay section.articles.essay ul li a div.content { width: 280px; }
    body.the-essay section.articles.essay ul li a div.content div h2 { font-size: 18px; line-height: 17px; margin-bottom: 11px; padding-bottom: 2px; }
    body.the-essay section.articles.essay ul li a div.content div strong { font-size: 36px; line-height: 31px; margin-bottom: 17px; }
    body.the-essay section.articles.essay ul li a div.content div p { font-size: 18px; line-height: 21px; margin-bottom: 5px; }
    body.the-essay section.articles.essay ul li a div.content div small { font-size: 14px; }

    body.features section.scroller.essay div.scroller { height: 219px; }
    body.features section.scroller.essay div.scroller ul { left: 25px; margin-right: 25px; }
    body.features section.scroller.essay div.scroller ul li a { height: 219px; margin-right: 25px; width: 464px; }
    body.features section.scroller.essay div.scroller ul li a div.content { height: 180px; width: 260px; }
    body.features section.scroller.essay div.scroller ul li a div.content div strong { font-size: 36px; line-height: 30px; margin-bottom: 10px; }
    body.features section.scroller.essay div.scroller ul li a div.content div small { font-size: 14px; line-height: 14px; }
    body.features section.scroller.essay div.scroller button { top: 82px; }
	

    section.scroller.essay div.scroller ul li a div.content { height: 115px!important; min-width: 260px!important; }
    section.scroller.essay div.scroller ul li a div.content div strong { font-size: 27px!important; line-height: 25px!important; margin-bottom: 10px; }
    section.scroller.essay div.scroller ul li a div.content div small { margin-left: 8px!important; margin-right:8px!important; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.the-essay section.banner.landing { font-size: 26px; line-height: 28px; /*margin-bottom: 80px;*/ padding: 176px 32px 32px; }
    body.the-essay section.banner.landing a.content.standard { height: 632px; padding: 32px; width: 460px; word-break:break-word; }
    body.the-essay section.banner.landing a.content.standard strong { margin-bottom: 13px; }
    body.the-essay section.banner.landing a.content.standard h1 { font-size: 66px; line-height: 60px; margin-bottom: 12px; }
    body.the-essay section.banner.landing a.content.standard em { margin-bottom: 7px; }
    body.the-essay section.banner.landing a.content.standard small { font-size: 24px; }

    body.the-essay section.articles.essay ul li a div.content { width: 340px; }
    body.the-essay section.articles.essay ul li a div.content div h2 { font-size: 22px; line-height: 21px; margin-bottom: 15px; padding-bottom: 1px; }
    body.the-essay section.articles.essay ul li a div.content div strong { font-size: 45px; line-height: 38px; margin-bottom: 22px; }
    body.the-essay section.articles.essay ul li a div.content div p { font-size: 22px; margin-bottom: 7px; }
    body.the-essay section.articles.essay ul li a div.content div small { font-size: 17px; }

    body.features section.scroller.essay div.scroller { height: 275px; }
    body.features section.scroller.essay div.scroller ul { left: 32px; margin-right: 32px; }
    body.features section.scroller.essay div.scroller ul li { height: 275px; margin-right: 32px; width: 586px; }
    body.features section.scroller.essay div.scroller ul li a { height: 275px; }
    body.features section.scroller.essay div.scroller ul li a div.content { height: 227px; width: 308px; }
    body.features section.scroller.essay div.scroller ul li a div.content div strong { font-size: 45px; line-height: 38px; margin-bottom: 11px; }
    body.features section.scroller.essay div.scroller ul li a div.content div small { font-size: 18px; line-height: 18px; }
    body.features section.scroller.essay div.scroller button { top: 110px; }
	
    section.scroller.essay div.scroller ul li a div.content { height: 160px!important; min-width: 308px!important; }
    section.scroller.essay div.scroller ul li a div.content div strong { font-size: 32px!important; line-height: 30px!important; margin-bottom: 11px; }
    section.scroller.essay div.scroller ul li a div.content div small { margin-left: 8px!important; margin-right:8px!important; }
}


/** Online Exhibitions **************************************************/
body.online-exhibitions section.banner { text-align: center; }
body.online-exhibitions section.banner div.content { color: #fff; left: 0; position: absolute; top: 50%; width: 100%; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
body.online-exhibitions section.banner div.content h2.section-title { border-bottom-color: #fff; }
body.online-exhibitions section.banner div.content h1 { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.online-exhibitions section.banner div.content p { display: block; font-family: Circular; }

body.online-exhibitions section.article img#exhibition-artist { border-radius: 50%; }
body.online-exhibitions section.article article { font-family: Circular; }
body.online-exhibitions section.article article strong { font-weight: bold; }
body.online-exhibitions section.article article em { font-style: italic; }
body.online-exhibitions section.article article p small { display: block; }
body.online-exhibitions section.article article p a { border-bottom: 1px solid #000; display: inline-block; }
body.online-exhibitions section.article article div:not(#podcast) { border-top: 1px solid #000; border-bottom: 1px solid #000; }
body.online-exhibitions section.article article div a { background: url('../img/icons_view-gallery.svg') left center no-repeat; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }

body.online-exhibitions section.images ul li { border-bottom: 1px solid #000; }
body.online-exhibitions section.images ul li a { display: block; }
body.online-exhibitions section.images ul li a img { display: block; width: 100%; }
body.online-exhibitions section.images ul li p { display: block; font-family: Circular; }
body.online-exhibitions section.images ul li p strong { font-weight: bold; }
body.online-exhibitions section.images ul li p em { font-style: italic; }

body.features section.scroller.exhibitions div.scroller ul li a { text-align: center; }
body.features section.scroller.exhibitions div.scroller ul li a em { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.features section.scroller.exhibitions div.scroller ul li a p { font-family: Circular; line-height: normal; }


.online-exhibitions-listing {
    width: 100%!important;
    color: #fff!important;
    background-color: transparent!important;
}
.online-exhibitions-listing-noarchive {
    max-width: inherit!important;
}


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.online-exhibitions section.banner div.content h2.section-title { margin-bottom: 18px; }
    body.online-exhibitions section.banner div.content h1 { font-size: 27px; margin-bottom: 8px; }
    body.online-exhibitions section.banner div.content p { font-size: 13px; }

    body.online-exhibitions section.article img#exhibition-artist { height: 148px; width: 148px; }
    body.online-exhibitions section.article article { font-size: 14px; line-height: 18px; }
    body.online-exhibitions section.article article p small { font-size: 13px; line-height: 16px; }
    body.online-exhibitions section.article article p a { line-height: 14px; }
    body.online-exhibitions section.article article div a { background-size: 21px 17px; height: 33px; line-height: 33px; padding-left: 27px; }

    body.online-exhibitions section.images ul li { font-size: 13px; line-height: 16px; padding-bottom: 7px; }
    body.online-exhibitions section.images ul li a { margin-bottom: 15px; }
	
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.online-exhibitions section.article { margin-bottom: 24px; }
    body.online-exhibitions section.article img#exhibition-artist { left: calc(50% - 74px); position: absolute; top: -30px; }
    body.online-exhibitions section.article article { padding-top: 140px; }

    body.online-exhibitions section.images { margin-bottom: 10px; }
    body.online-exhibitions section.images ul li { margin-bottom: 22px; }

    body.features section.scroller.exhibitions div.scroller { margin: 0 18px 5px; }
    body.features section.scroller.exhibitions div.scroller ul li { width: calc(100vw - 36px); }
    body.features section.scroller.exhibitions div.scroller ul li a img { margin-bottom: 9px; }
    body.features section.scroller.exhibitions div.scroller ul li a em { font-size: 15px; margin-bottom: 4px; }
    body.features section.scroller.exhibitions div.scroller ul li a p { font-size: 13px; }
    body.features section.scroller.exhibitions div.scroller button { top: calc((((100vw - 40px) * 0.46) / 2) - 17px); }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.online-exhibitions section.article  { font-size: 0; }
    body.online-exhibitions section.article img#exhibition-artist,
    body.online-exhibitions section.article article { display: inline-block; vertical-align: top; }
    body.online-exhibitions section.article img#exhibition-artist { position: relative; }

    body.online-exhibitions section.images ul { -webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 0; }
}

/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
    body.online-exhibitions section.images ul li p { white-space: pre-line; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.online-exhibitions section.banner div.content { margin-top: 48px; }

    body.online-exhibitions section.article { margin-bottom: 22px; width: calc(100% - 36px); }
    body.online-exhibitions section.article img#exhibition-artist { top: -28px; margin-right: 42px; }
    body.online-exhibitions section.article article { padding-top: 30px; width: calc(100% - 148px - 42px); }

    body.online-exhibitions section.images { width: calc(100% - 36px); }
    body.online-exhibitions section.images ul li { margin-top: 18px; width: calc((100% - (25px * 2)) / 3); }
    body.online-exhibitions section.images ul li:not(:nth-child(3n)) { margin-right: 25px; }

    body.features section.scroller.exhibitions { padding-top: 51px; }
    body.features section.scroller.exhibitions div.scroller ul { left: -177px; margin-right: -177px; }
    body.features section.scroller.exhibitions div.scroller ul li a { margin-right: 19px; width: 355px; }
    body.features section.scroller.exhibitions div.scroller ul li a img { margin-bottom: 21px; }
    body.features section.scroller.exhibitions div.scroller ul li a em { font-size: 20px; margin-bottom: 8px; }
    body.features section.scroller.exhibitions div.scroller ul li a p { font-size: 13px; }
    body.features section.scroller.exhibitions div.scroller button { top: 56px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.online-exhibitions section.banner div.content h1 { margin-bottom: 10px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.online-exhibitions section.banner div.content { margin-top: 57px; }
    body.online-exhibitions section.banner div.content h2.section-title { ma5rgin-bottom: 21px; }
    body.online-exhibitions section.banner div.content h1 { font-size: 61px; }
    body.online-exhibitions section.banner div.content p { font-size: 17px; }

    body.online-exhibitions section.article { margin-bottom: 31px; width: calc(100% - 48px); }
    body.online-exhibitions section.article img#exhibition-artist { height: 194px; margin-right: 55px; top: -36px; width: 194px; }
    body.online-exhibitions section.article article { font-size: 17px; line-height: 24px; padding-top: 40px; width: calc(100% - 194px - 55px); }
    body.online-exhibitions section.article article p { padding-right: 35px; }
    body.online-exhibitions section.article article p small { font-size: 14px; line-height: 22px; }
    body.online-exhibitions section.article article p a { line-height: 18px; }
    body.online-exhibitions section.article article div a { background-size: 30px 23px; padding-left: 37px; height: 44px; line-height: 44px; }

    body.online-exhibitions section.images { margin-bottom: 14px; width: calc(100% - 48px); }
    body.online-exhibitions section.images ul li { font-size: 14px; line-height: 17px; margin-top: 24px; padding-bottom: 10px; width: calc((100% - (34px * 2)) / 3); }
    body.online-exhibitions section.images ul li:not(:nth-child(3n)) { margin-right: 34px; }
    body.online-exhibitions section.images ul li a { margin-bottom: 20px; }

    body.features section.scroller.exhibitions { padding-top: 77px; }
    body.features section.scroller.exhibitions div.scroller ul { left: -232px; margin-right: -232px; }
    body.features section.scroller.exhibitions div.scroller ul li a { margin-right: 25px; width: 464px; }
    body.features section.scroller.exhibitions div.scroller ul li a img { margin-bottom: 19px; }
    body.features section.scroller.exhibitions div.scroller ul li a em { font-size: 27px; margin-bottom: 11px; }
    body.features section.scroller.exhibitions div.scroller ul li a p { font-size: 14px; }
    body.features section.scroller.exhibitions div.scroller button { top: 82px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.online-exhibitions section.banner div.content { margin-top: 72px; }
    body.online-exhibitions section.banner div.content h2.section-title { margin-bottom: 28px; }
    body.online-exhibitions section.banner div.content h1 { font-size: 76px; }
    body.online-exhibitions section.banner div.content p { font-size: 22px; }

    body.online-exhibitions section.article { margin-bottom: 40px; max-width: 1400px; width: calc(100% - 76px); z-index: 4; }
    body.online-exhibitions section.article img#exhibition-artist { height: 244px; margin-right: 70px; top: -46px; width: 244px; }
    body.online-exhibitions section.article article { font-size: 21px; line-height: 30px; padding-top: 48px; width: calc(100% - 244px - 70px); }
    body.online-exhibitions section.article article p { max-width: 995px; padding-right: 95px; }
    body.online-exhibitions section.article article p small { font-size: 17px; line-height: 24px; }
    body.online-exhibitions section.article article p a { line-height: 22px; }
    body.online-exhibitions section.article article div a { background-size: 36px 29px; height: 55px; line-height: 55px; padding-left: 46px; }

    body.online-exhibitions section.images { margin-bottom: 18px; max-width: 1400px; width: calc(100% - 76px); }
    body.online-exhibitions section.images ul li { font-size: 17px; line-height: 20px; margin-top: 30px; padding-bottom: 14px; }
    body.online-exhibitions section.images ul li a { margin-bottom: 26px; }

    body.features section.scroller.exhibitions { padding-top: 96px; }
    body.features section.scroller.exhibitions div.scroller ul { left: 32px; margin-right: 32px; }
    body.features section.scroller.exhibitions div.scroller ul li { margin-right: 32px; width: 586px; }
    body.features section.scroller.exhibitions div.scroller ul li a img { margin-bottom: 19px; }
    body.features section.scroller.exhibitions div.scroller ul li a em { font-size: 34px; margin-bottom: 11px; }
    body.features section.scroller.exhibitions div.scroller ul li a p { font-size: 17px; }
    body.features section.scroller.exhibitions div.scroller button { top: 110px; }

}

/** Desktop Small **********/
@media all and (min-width: 1280px) and (max-width: 1439px) {
    body.online-exhibitions section.images ul li { width: calc((100% - (42px * 2)) / 3); }
    body.online-exhibitions section.images ul li:not(:nth-child(3n)) { margin-right: 42px; }
    body.online-exhibitions section.images ul li:nth-last-child(1),
    body.online-exhibitions section.images ul li:nth-last-child(2),
    body.online-exhibitions section.images ul li:nth-last-child(3) { margin-bottom: 0; }
}

/** Desktop Large **********/
@media all and (min-width: 1440px){
    body.online-exhibitions section.images ul li { width: calc((100% - (42px * 3)) / 4); }
    body.online-exhibitions section.images ul li:not(:nth-child(4n)) { margin-right: 42px; }
    body.online-exhibitions section.images ul li:nth-last-child(1),
    body.online-exhibitions section.images ul li:nth-last-child(2),
    body.online-exhibitions section.images ul li:nth-last-child(3),
    body.online-exhibitions section.images ul li:nth-last-child(4) { margin-bottom: 0; }
}

/** Desktop Larger **********/
@media all and (min-width: 1744px){
    body.online-exhibitions section.article,
    body.online-exhibitions section.images { margin-left: calc(100% - 1726px); width: 1586px; }
}


/** Gallery (Online Exhibitions / Under the Influence / Living history) **************************************************/
body.features section.gallery a.breadcrumb { border-bottom-style: solid; border-bottom-width: 1px; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; position: relative; text-transform: uppercase; }
body.features section.gallery a.breadcrumb::before { background: url('../img/icons_arrow_black.svg') left center no-repeat; background-size: contain; content: ''; display: block; left: 0; position: absolute; top: 50%; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
body.features section.gallery ul { margin: 0 auto; }
body.features section.gallery ul li { position: relative; }
body.features section.gallery ul li::after { border-bottom-style: solid; bottom: 0; content: ''; display: block; left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
body.features section.gallery ul li img { display: block; margin: 0 auto; max-width: 100%; }
body.features section.gallery ul li em { font-style: italic; }
body.features section.gallery ul li a { border-bottom: 1px solid #000; display: inline-block; }
body.features section.gallery ul li div.caption { display: block; font-family: 'Adobe Caslon'; text-align: center; }
body.features section.gallery ul li div.caption em { font-weight: 600; }
body.features section.gallery ul li div.description p { font-family: Circular; text-align: center; }
body.features section.gallery ul li div.description p strong { font-weight: bold; }
body.features section.gallery ul li span { position: absolute; }

/** Mobile & Tablet **********/
@media all and (max-width: 1279px){
    body.features section.gallery ul li p { font-size: 11px; line-height: 13px; }
    body.features section.gallery ul li div.caption p { font-size: inherit; line-height: inherit; }
}

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.features section.gallery a.breadcrumb { font-size: 15px; line-height: 15px; margin-bottom: 20px; padding-left: 14px; }
    body.features section.gallery a.breadcrumb::before { height: 10px; margin-top: -6px; width: 11px; }
    body.features section.gallery ul li { padding-bottom: 27px; }
    body.features section.gallery ul li::after { border-bottom-width: 1px; width: 206px; }
    body.features section.gallery ul li a { line-height: 9px; }
    body.features section.gallery ul li div.caption { font-size: 14px; line-height: 16px; margin-bottom: 16px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.features.gallery { padding-top: 81px; }

    body.features section.gallery { margin-bottom: 44px; }
    body.features section.gallery ul li:not(:last-of-type) { margin-bottom: 26px; }
    body.features section.gallery ul li img { margin-bottom: 18px; }
    body.features section.gallery ul li:nth-child(n+2) span { top: -80px; }
}

/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
    body.features section.gallery ul li div.caption { padding: 0 50px; }
    body.features section.gallery ul li:nth-child(n+2) span { top: -93px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.features.gallery { padding-top: 109px; }
    body.features.gallery aside#share { margin-top: 37px; }

    body.features section.gallery ul { max-width: calc(100% - 132px); }
    body.features section.gallery ul li:not(:last-of-type) { margin-bottom: 37px; }
    body.features section.gallery ul li img { margin-bottom: 31px; max-height: 450px; }
    body.features section.gallery ul li div.caption { font-size: 14px; line-height: 16px; margin-bottom: 16px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.features section.gallery ul li::after { border-bottom-width: 2px; }
    body.features section.gallery ul li a { line-height: 13px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.features.gallery { padding-top: 133px; }
    body.features.gallery aside#share { margin-top: 56px; }

    body.features section.gallery a.breadcrumb { font-size: 17px; line-height: 17px; margin-bottom: 36px; padding-left: 15px; }
    body.features section.gallery a.breadcrumb::before { height: 11px; margin-top: -6px; width: 12px; }
    body.features section.gallery ul { max-width: calc(100% - 160px); }
    body.features section.gallery ul li { padding-bottom: 35px; }
    body.features section.gallery ul li::after { width: 274px; }
    body.features section.gallery ul li:not(:last-of-type) { margin-bottom: 61px; }
    body.features section.gallery ul li img { margin-bottom: 45px; max-height: 450px; }
    body.features section.gallery ul li div.caption { font-size: 15px; line-height: 18px; margin-bottom: 25px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.features.gallery { padding-top: 166px; }

    body.features section.gallery a.breadcrumb { font-size: 21px; line-height: 21px; margin-bottom: 35px; padding-left: 22px; }
    body.features section.gallery a.breadcrumb::before { height: 14px; margin-top: -7px; width: 15px; }
    body.features section.gallery ul { max-width: 1000px; }
    body.features section.gallery ul li { padding-bottom: 46px; }
    body.features section.gallery ul li::after { width: 344px; }
    body.features section.gallery ul li:not(:last-of-type) { margin-bottom: 76px; }
    body.features section.gallery ul li img { margin-bottom: 56px; max-height: 600px; }
    body.features section.gallery ul li div.caption { font-size: 19px; line-height: 22px; margin-bottom: 17px; padding: 0 100px; }
    body.features section.gallery ul li div.description p { font-size: 14px; line-height: 16px; }
    body.features section.gallery ul li:nth-child(n+2) span { top: -109px; }
}



/** Art And Influence **************************************************/
body.art-and-influence section.banner div.content { background: #fff; color: #000; margin-top: 0; position: absolute; text-align: center; z-index: 2; -webkit-transform: none; transform: none; }
body.art-and-influence section.banner div.content div { left: 0; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
body.art-and-influence section.banner div.content img { display: block; margin: 0 auto; }
body.art-and-influence section.banner div.content strong { display: block; font-family: Circular; font-weight: bold; text-transform: uppercase; }
body.art-and-influence section.banner div.content em { display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; }
body.art-and-influence section.banner div.content a { border-bottom-style: solid; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }

body.art-and-influence section.intro { font-family: Circular; }
body.art-and-influence section.intro p { margin: 0 auto; }
body.art-and-influence section.intro p em { font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; line-height: 0; }
body.art-and-influence section.intro#intro p em { font-family: inherit !important; font-size: inherit !important; font-style: italic; font-weight: inherit !important; line-height: inherit !important; }
body.art-and-influence section.intro#intro p strong { font-weight: 600; }

body.art-and-influence section#art-and-influence ul li { font-family: Circular; text-align: center; }
body.art-and-influence section#art-and-influence ul li a.img { display: block; position: relative; }
body.art-and-influence section#art-and-influence ul li a.img div.content { background: #fff; display: block; left: 50%; position: absolute; top: 50%; text-align: center; z-index: 2; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); }
body.art-and-influence section#art-and-influence ul li a.img div.content img { display: block; margin: 0 auto; }
body.art-and-influence section#art-and-influence ul li a.img div.content strong { display: block; font-weight: bold; text-transform: uppercase; }
body.art-and-influence section#art-and-influence ul li a.img div.content em { display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; }
body.art-and-influence section#art-and-influence ul li small { display: block; font-weight: bold; text-transform: uppercase; }
body.art-and-influence section#art-and-influence ul li small.upcoming { color: #e7244c; }
body.art-and-influence section#art-and-influence ul li a.read-more { border-bottom-color: #e7244c; border-bottom-style: solid; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }

body.art-and-influence.article section.article { z-index: 4; }
body.art-and-influence.article section.article article h2 em { font-style: italic; font-weight: 600; }
body.art-and-influence.article section.article article h3,
body.art-and-influence.article section.article article p span { font-family: Circular; font-weight: bold; text-transform: uppercase; }
body.art-and-influence.article section.article article h3 { border-bottom-style: solid; border-bottom-width: 1px; display: inline-block; }
body.art-and-influence.q-and-a.article section.article article strong { font-family: Circular; font-weight: bold; }
body.art-and-influence.q-and-a.article section.article article em { font-weight: 600; }
body.art-and-influence.article section.article article figure img { height: auto !important; margin-left: 0; width: auto !important; }
body.art-and-influence.article section.article article figure figcaption { text-align: left; }
body.art-and-influence.article section.article article figure figcaption::after { display: none; }

body.art-and-influence.article section.article article div.media { border-top: 2px solid #000; border-bottom: 2px solid #000; }
body.art-and-influence section.article article div.media div { border-top: 2px solid #000; }
body.art-and-influence section.article article div.media button,
body.art-and-influence section.article article div.media a { background-image: none; border: none; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; padding-left: 0; position: relative; text-transform: uppercase; }
body.art-and-influence section.article article div.media > a:first-of-type { background: url('../img/icons_view-gallery.svg') left center no-repeat; }
body.art-and-influence section.article article div.media button { background: url('../img/icons_podcast-listen.svg') left center no-repeat; }
body.art-and-influence section.article article div.media a:not(:last-of-type)::after { border-right: 2px solid #000; content: ''; display: block; position: absolute; }

body.art-and-influence.article section.article article blockquote { font-family: Circular; margin: 0 auto; text-align: center; }
body.art-and-influence.article section.article article blockquote::before,
body.art-and-influence.article section.article article blockquote::after { border-top-style: solid; content: ''; display: block; margin: 0 auto; width: 100%; }
body.art-and-influence.article section.article article blockquote strong,
body.art-and-influence.article section.article article blockquote small { display: block; margin-left: -50px; }
body.art-and-influence.article section.article article blockquote strong { font-weight: bold; }
body.art-and-influence.article section.article article blockquote small { text-transform: uppercase; }

body.article section.article div.inline-gallery { position: relative; }
body.article section.article div.inline-gallery-container { overflow: hidden; position: relative; }
body.article section.article div.inline-gallery ul { -webkit-display: flex; display: flex; left: 0; position: relative; transition: left ease-out 0.4s; }
body.article section.article div.inline-gallery[gallery-images="1"] div.inline-gallery-container ul { width: 100%; }
body.article section.article div.inline-gallery[gallery-images="2"] div.inline-gallery-container ul { width: 200%; }
body.article section.article div.inline-gallery[gallery-images="3"] div.inline-gallery-container ul { width: 300%; }
body.article section.article div.inline-gallery[gallery-images="4"] div.inline-gallery-container ul { width: 400%; }
body.article section.article div.inline-gallery[gallery-images="5"] div.inline-gallery-container ul { width: 500%; }
body.article section.article div.inline-gallery[gallery-images="6"] div.inline-gallery-container ul { width: 600%; }
body.article section.article div.inline-gallery[gallery-images="7"] div.inline-gallery-container ul { width: 700%; }
body.article section.article div.inline-gallery[gallery-images="8"] div.inline-gallery-container ul { width: 800%; }
body.article section.article div.inline-gallery[gallery-images="9"] div.inline-gallery-container ul { width: 900%; }
body.article section.article div.inline-gallery[gallery-images="10"] div.inline-gallery-container ul { width: 1000%; }
body.article section.article div.inline-gallery[gallery-images="1"] div.inline-gallery-container ul li { width: 100%; }
body.article section.article div.inline-gallery[gallery-images="2"] div.inline-gallery-container ul li { width: calc(100% / 2); }
body.article section.article div.inline-gallery[gallery-images="3"] div.inline-gallery-container ul li { width: calc(100% / 3); }
body.article section.article div.inline-gallery[gallery-images="4"] div.inline-gallery-container ul li { width: calc(100% / 4); }
body.article section.article div.inline-gallery[gallery-images="5"] div.inline-gallery-container ul li { width: calc(100% / 5); }
body.article section.article div.inline-gallery[gallery-images="6"] div.inline-gallery-container ul li { width: calc(100% / 6); }
body.article section.article div.inline-gallery[gallery-images="7"] div.inline-gallery-container ul li { width: calc(100% / 7); }
body.article section.article div.inline-gallery[gallery-images="8"] div.inline-gallery-container ul li { width: calc(100% / 8); }
body.article section.article div.inline-gallery[gallery-images="9"] div.inline-gallery-container ul li { width: calc(100% / 9); }
body.article section.article div.inline-gallery[gallery-images="10"] div.inline-gallery-container ul li { width: calc(100% / 10); }
body.article section.article div.inline-gallery ul li figure { background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; max-width: none !important; padding: 0 0 57%; }
body.article section.article div.inline-gallery ul li p { font-family: Circular; margin-top: 0; text-align: center; }
body.article section.article div.inline-gallery ul li p strong { font-weight: bold; }
body.article section.article div.inline-gallery div.inline-control-container { padding-bottom: 57%; pointer-events: none; position: absolute; top: 0; width: 100%; }
body.article section.article div.inline-gallery div.inline-control-container button { background: rgba(255, 255, 255, 0.5); cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 0; pointer-events: auto; position: absolute; text-indent: -999px; top: 50%; z-index: 2; }
body.article section.article div.inline-gallery div.inline-control-container button::after { border-style: solid; content: ''; display: block; position: absolute; z-index: 2; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
body.article section.article div.inline-gallery div.inline-control-container button.prev { left: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
body.article section.article div.inline-gallery div.inline-control-container button.next { right: 0; }
body.article section.article div.inline-gallery div.gallery-controls { border-top-style: solid; font-size: 0; margin: 0 auto; text-align: center; }
body.article section.article div.inline-gallery div.gallery-controls button { background: #969696; border-radius: 50%; cursor: pointer; display: inline-block; transition: color ease-out 0.2s; vertical-align: middle; }
body.article section.article div.inline-gallery div.gallery-controls button.active { pointer-events: none; }

body.art-and-influence.article section.article aside p { font-family: Circular; }
body.art-and-influence.article section.article aside p strong { font-weight: bold; }

section.scroller.art-and-influence div.scroller ul li a div.content { background: #fff; font-family: Circular; font-weight: bold; left: 50%; position: absolute; text-align: center; top: 50%; z-index: 2; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
section.scroller.art-and-influence div.scroller ul li a div.content div { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
section.scroller.art-and-influence div.scroller ul li a div.content div img { display: block; margin: 0 auto; }
section.scroller.art-and-influence div.scroller ul li a div.content div strong { display: block; text-transform: uppercase; }
section.scroller.art-and-influence div.scroller ul li a div.content div em { display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; }

body.art-and-influence.gallery section.gallery div.description { position: relative; }
body.art-and-influence.gallery section.gallery div.description::after { border-bottom-color: #e7c234; border-bottom-style: solid; bottom: 0; content: ''; display: block; left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
body.art-and-influence.gallery section.gallery div.story p { font-family: 'Adobe Caslon'; text-align: left; }

body.art-and-influence.gallery_landing section.article article p { font-family: 'Adobe Caslon'; }
body.art-and-influence.gallery_landing section.article article p em { font-style: italic; font-weight: 600; }

body.art-and-influence.bios section.article p img { float: left; }
body.art-and-influence.bios section.article sub,
body.art-and-influence.bios section.article sub strong { color: #000; font-family: Circular; font-size: 11px; font-weight: bold; line-height: 13px; }
body.art-and-influence.bios section.article hr { border: none; border-top: 2px solid #000; width: 290px; }


/** Mobile & Tablet **********/
@media all and (max-width: 1279px){
    body.art-and-influence.article section.article aside p { font-size: 11px; line-height: 13px; }
}

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.art-and-influence section.banner div.content a { border-bottom-width: 1px; }

    body.art-and-influence section.intro { line-height: 19px; }

    body.art-and-influence section#art-and-influence ul li { margin-bottom: 32px; }
    body.art-and-influence section#art-and-influence ul li a.img { margin-bottom: 13px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content { padding-top: 12px; }
    body.art-and-influence section#art-and-influence ul li small { font-size: 11px; margin-bottom: 8px; }
    body.art-and-influence section#art-and-influence ul li p { font-size: 14px; margin-bottom: 10px; padding: 0 20px; }
    body.art-and-influence section#art-and-influence ul li a.read-more { border-bottom-width: 1px; font-size: 13px; }

    body.art-and-influence.article section.article article h2 { margin-bottom: 24px; }

    body.art-and-influence section.article article div.media button,
    body.art-and-influence section.article article div.media a { font-size: 14px; height: 33px; line-height: 33px; }
    body.art-and-influence section.article article div.media button,
    body.art-and-influence section.article article div.media > a:first-of-type { background-size: 21px 17px; margin-right: 20px; padding-left: 27px; }
    body.art-and-influence section.article article div.media a:not(:last-of-type) { margin-right: 20px; }
    body.art-and-influence section.article article div.media a:not(:last-of-type)::after { height: 12px; right: -14px; top: 11px; }

    body.art-and-influence.article section.article article blockquote { line-height: 18px; width: 126px; }
    body.art-and-influence.article section.article article blockquote::before,
    body.art-and-influence.article section.article article blockquote::after { border-top-width: 1px; }
    body.art-and-influence.article section.article article blockquote::before { margin-bottom: 22px; }
    body.art-and-influence.article section.article article blockquote::after { margin-top: 17px; }
    body.art-and-influence.article section.article article blockquote strong,
    body.art-and-influence.article section.article article blockquote small { width: 226px; }
    body.art-and-influence.article section.article article blockquote strong { font-size: 16px; margin-bottom: 16px; }
    body.art-and-influence.article section.article article blockquote small { font-size: 14px; }

    body.article section.article div.inline-gallery { margin-bottom: 8px; }
    body.article section.article div.inline-gallery,
    body.article section.article div.inline-gallery-container { width: 100%; }
    body.article section.article div.inline-gallery div.inline-gallery-container { margin-bottom: 7px; }
    body.article section.article div.inline-gallery ul li figure { margin-bottom: 15px; }
    body.article section.article div.inline-gallery ul li p { font-size: 11px; line-height: 13px; }
    body.article section.article div.inline-gallery div.inline-control-container button { height: 34px; margin-top: -17px; width: 34px; }
    body.article section.article div.inline-gallery div.inline-control-container button::after { border-width: 3px 3px 0 0; height: 8px; left: calc(50% - 8px); top: calc(50% - 7px); width: 8px; }
    body.article section.article div.inline-gallery div.inline-control-container button.prev { left: -17px; }
    body.article section.article div.inline-gallery div.inline-control-container button.next { right: -17px; }
    body.article section.article div.inline-gallery div.gallery-controls { border-top-width: 1px;  padding-top: 4px; width: 108px; }
    body.article section.article div.inline-gallery div.gallery-controls button { height: 4px; margin: 0 2px; width: 4px; }

    body.art-and-influence.gallery_landing section.article article p { margin-bottom: 12px; }
    body.art-and-influence div.media { margin-bottom: 23px; }

    body.art-and-influence.bios section.article p img { height: 120px; margin: 0 22px 15px 0; width: 120px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.art-and-influence section.banner div.content { height: 200px; left: 20px; top: 60px; width: calc(100% - 40px); }
    body.art-and-influence section.banner div.content img { margin-bottom: 15px; width: 128px; }
    body.art-and-influence section.banner div.content strong { font-size: 21px; }
    body.art-and-influence section.banner div.content strong:first-of-type { margin-bottom: 2px; }
    body.art-and-influence section.banner div.content strong:last-of-type { margin-bottom: 8px; }
    body.art-and-influence section.banner div.content em { font-size: 23px; }
    body.art-and-influence section.banner div.content a { font-size: 13px; }

    body.art-and-influence section.intro { font-size: 14px; padding: 28px 0; }
    body.art-and-influence section.intro p em { font-size: 17px; }

    body.art-and-influence section#art-and-influence ul li:last-child { margin-bottom: 0; }
    body.art-and-influence section#art-and-influence ul li a.img { height: 242px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content { height: 190px; width: 226px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content img { margin-bottom: 12px; width: 188px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content strong { font-size: 18px; margin-bottom: 7px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content em { font-size: 22px; margin-bottom: 3px; }

    body.art-and-influence section.article article div.media { margin-bottom: 20px; }

    body.art-and-influence.article section.banner > a { display: none; }
    body.art-and-influence.article section.banner div.content { top: 22px; }

    body.art-and-influence.gallery section.gallery div.description { margin-bottom: 27px; padding-bottom: 26px; }
    body.art-and-influence.gallery section.gallery em { margin-bottom: 21px; }
    body.art-and-influence.gallery section.gallery div.story p { font-size: 14px; line-height: 18px; }

    body.features.article section.article div.inline-gallery ul li p br { display: none; }

    body.features section.scroller.art-and-influence div.scroller { padding: 0 18px; }
    body.features section.scroller.art-and-influence div.scroller ul { display: block; position: relative; width: 100%; }
    body.features section.scroller.art-and-influence div.scroller ul li { display: block; }
    body.features section.scroller.art-and-influence div.scroller ul li:first-child { margin-bottom: 10px; }
    body.features section.scroller.art-and-influence div.scroller ul li:nth-child(1n+3) { display: none; }
    body.features section.scroller.art-and-influence div.scroller ul li a { height: 160px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content { height: 130px; width: 180px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div img { margin-bottom: 12px; width: 128px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div strong { font-size: 12px; margin-bottom: 3px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div em { font-size: 15px; }
    body.features section.scroller.art-and-influence div.scroller button { display: none; }

    body.art-and-influence.gallery_landing section.article article { padding-top: 23px; }

}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.art-and-influence section#art-and-influence ul { font-size: 0; }
    body.art-and-influence section#art-and-influence ul li { display: inline-block; vertical-align: top; }

    body.art-and-influence.article section.article div.container { z-index: 3; }

    body.art-and-influence section.article article div.media button { cursor: pointer; }

    body.art-and-influence.article section.article article blockquote { position: absolute; transform: translateY(-100%); -webkit-transform: translateY(-100%); }

    body.art-and-influence.gallery_landing section.article { margin-bottom: 0; }
}

/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
    body.art-and-influence section.banner div.content strong:first-of-type { margin-bottom: 6px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.art-and-influence section.banner div.content { height: 250px; left: calc(50% - 180px); top: calc(50% - 125px + 48px); width: 360px; }
    body.art-and-influence section.banner div.content img { height: 72px; margin-bottom: 17px; width: 150px; }
    body.art-and-influence section.banner div.content strong { font-size: 30px; }
    body.art-and-influence section.banner div.content strong:last-of-type { margin-bottom: 7px; }
    body.art-and-influence section.banner div.content em { font-size: 33px; }
    body.art-and-influence section.banner div.content a { font-size: 14px; }

    body.art-and-influence section.intro { font-size: 15px; padding: 32px 92px; }
    body.art-and-influence section.intro p em { font-size: 19px; }

    body.art-and-influence section#art-and-influence ul { margin-bottom: -22px; }
    body.art-and-influence section#art-and-influence ul li { width: calc(50% - 11px); }
    body.art-and-influence section#art-and-influence ul li:nth-child(odd) { margin-right: 22px; }
    body.art-and-influence section#art-and-influence ul li a.img { height: 206px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content { height: 166px; width: 226px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content img { height: 72px; margin-bottom: 12px; width: 150px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content strong { font-size: 15px; margin-bottom: 3px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content em { font-size: 19px; }

    body.art-and-influence section.article article div.media { margin-bottom: 20px; }

    body.art-and-influence.article section.article article blockquote { right: 68px; }

    body.article section.article div.inline-gallery { margin-bottom: 8px; }
    body.article section.article div.inline-gallery,
    body.article section.article div.inline-gallery-container { width: 100%; }
    body.article section.article div.inline-gallery div.inline-gallery-container { margin-bottom: 7px; }
    body.article section.article div.inline-gallery div.inline-control-container button { height: 44px; width: 44px; }
    body.article section.article div.inline-gallery div.inline-control-container button::after { border-width: 3px 3px 0 0; height: 10px; left: calc(50% - 8px); top: calc(50% - 7px); width: 10px; }
    body.article section.article div.inline-gallery div.inline-control-container button.prev { left: -30px; }
    body.article section.article div.inline-gallery div.inline-control-container button.next { right: -30px; }
    body.article section.article div.inline-gallery div.gallery-controls { padding-top: 4px; width: 108px; }
    body.article section.article div.inline-gallery div.gallery-controls button { height: 4px; margin: 0 2px; width: 4px; }

    body.art-and-influence.gallery section.gallery div.description { margin-bottom: 34px; padding-bottom: 25px; }
    body.art-and-influence.gallery section.gallery em { margin-bottom: 20px; }
    body.art-and-influence.gallery section.gallery div.story p { font-size: 15px; line-height: 19px; }

    body.features section.scroller.art-and-influence div.scroller ul { left: -177px; margin-right: -177px; }
    body.features section.scroller.art-and-influence div.scroller ul li { margin-right: 22px; width: 354px; }
    body.features section.scroller.art-and-influence div.scroller ul li a { height: 208px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content { height: 166px; width: 226px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div img { height: 72px; margin-bottom: 12px; width: 150px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div strong { font-size: 15px; margin-bottom: 3px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div em { font-size: 19px; }
    body.features section.scroller.art-and-influence div.scroller button { top: 87px; }

}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.art-and-influence section.banner div.content a { border-bottom-width: 2px; }

    body.art-and-influence section#art-and-influence ul li a.read-more { border-bottom-width: 2px; }

    body.article section.article div.inline-gallery { margin-bottom: 10px; }
    body.article section.article div.inline-gallery div.gallery-controls { border-top-width: 2px; }

    body.art-and-influence.article section.article article blockquote::before,
    body.art-and-influence.article section.article article blockquote::after { border-top-width: 2px; }

    body.art-and-influence section.article article div.media { margin-bottom: 22px; }

    body.art-and-influence.gallery section.gallery div.description::after { border-bottom-width: 2px; }
    body.art-and-influence.gallery section.gallery div.story p { font-size: 16px; line-height: 24px; }

    body.art-and-influence.bios section.article p img { height: 160px; margin: 0 35px 20px 0; width: 160px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.art-and-influence section.banner div.content { height: 330px; left: calc(50% - 239px); top: calc(50% - 165px + 57px); width: 478px; }
    body.art-and-influence section.banner div.content img { height: 96px; margin-bottom: 26px; width: 200px; }
    body.art-and-influence section.banner div.content strong { font-size: 40px; }
    body.art-and-influence section.banner div.content strong:last-of-type { margin-bottom: 14px; }
    body.art-and-influence section.banner div.content em { font-size: 44px; }
    body.art-and-influence section.banner div.content a { font-size: 15px; }

    body.art-and-influence section.intro { font-size: 17px; line-height: 24px; padding: 44px 148px; }
    body.art-and-influence section.intro p em { font-size: 21px; }

    body.art-and-influence section#art-and-influence ul { margin-bottom: -40px; }
    body.art-and-influence section#art-and-influence ul li { margin-bottom: 40px; width: calc(50% - 15px); }
    body.art-and-influence section#art-and-influence ul li:nth-child(odd) { margin-right: 30px; }
    body.art-and-influence section#art-and-influence ul li a.img { height: 273px; margin-bottom: 17px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content { height: 220px; padding-top: 16px; width: 300px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content img { height: 96px; margin-bottom: 15px; width: 200px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content strong { font-size: 20px; margin-bottom: 5px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content em { font-size: 25px; }
    body.art-and-influence section#art-and-influence ul li small { font-size: 13px; margin-bottom: 13px; }
    body.art-and-influence section#art-and-influence ul li p { font-size: 15px; line-height: 20px; margin-bottom: 12px; padding: 0 50px; }
    body.art-and-influence section#art-and-influence ul li a.read-more { font-size: 15px; }

    body.art-and-influence.article section.article article h2 { font-size: 17px; line-height: 23px; margin-bottom: 23px; }
    body.art-and-influence.article section.article article figure img { margin-bottom: 20px; }

    body.art-and-influence.article section.article article div.media { margin-bottom: 20px; }
    body.art-and-influence section.article article div.media button,
    body.art-and-influence section.article article div.media a { font-size: 17px; height: 44px; line-height: 44px; }
    body.art-and-influence section.article article div.media button,
    body.art-and-influence section.article article div.media > a:first-of-type { background-size: 30px 23px; margin-right: 30px; padding-left: 37px; }
    body.art-and-influence section.article article div.media a:not(:last-of-type) { margin-right: 30px; }
    body.art-and-influence section.article article div.media a:not(:last-of-type)::after { height: 15px; right: -18px; top: 15px; }

    body.art-and-influence.article section.article article blockquote { line-height: 24px; right: 99px; width: 166px; }
    body.art-and-influence.article section.article article blockquote::before { margin-bottom: 30px; }
    body.art-and-influence.article section.article article blockquote::after { margin-top: 21px; }
    body.art-and-influence.article section.article article blockquote strong,
    body.art-and-influence.article section.article article blockquote small { width: 266px; }
    body.art-and-influence.article section.article article blockquote strong { font-size: 21px; margin-bottom: 22px; }
    body.art-and-influence.article section.article article blockquote small { font-size: 17px; }

    body.article section.article div.inline-gallery,
    body.article section.article div.inline-gallery-container { width: 100%; }
    body.article section.article div.inline-gallery ul li figure { margin-bottom: 22px; }
    body.article section.article div.inline-gallery ul li p { font-size: 11px; line-height: 14px; }
    body.article section.article div.inline-gallery div.inline-gallery-container { margin-bottom: 10px; }
    body.article section.article div.inline-gallery div.inline-control-container button { height: 44px; margin-top: -22px; width: 44px; }
    body.article section.article div.inline-gallery div.inline-control-container button::after { border-width: 3px 3px 0 0; height: 10px; left: calc(50% - 8px); top: calc(50% - 7px); width: 10px; }
    body.article section.article div.inline-gallery div.inline-control-container button.prev { left: -30px; }
    body.article section.article div.inline-gallery div.inline-control-container button.next { right: -30px; }
    body.article section.article div.inline-gallery div.gallery-controls { padding-top: 6px; width: 144px; }
    body.article section.article div.inline-gallery div.gallery-controls button { height: 6px; margin: 0 3px; width: 6px; }

    body.art-and-influence.gallery section.gallery div.description { margin-bottom: 47px; padding-bottom: 34px; }
    body.art-and-influence.gallery section.gallery div.description::after { width: 274px; }
    body.art-and-influence.gallery section.gallery em { margin-bottom: 28px; }

    body.features section.scroller.art-and-influence div.scroller ul { left: -237px; margin-right: -237px; }
    body.features section.scroller.art-and-influence div.scroller ul li { margin-right: 30px; width: 474px; }
    body.features section.scroller.art-and-influence div.scroller ul li a { height: 264px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content { height: 220px; width: 300px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div img { height: 96px; margin-bottom: 15px; width: 200px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div strong { font-size: 20px; margin-bottom: 5px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div em { font-size: 25px; }
    body.features section.scroller.art-and-influence div.scroller button { top: 110px; }

    body.art-and-influence.gallery_landing section.article article p { margin-bottom: 15px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.art-and-influence section.banner div.content { height: 412px; left: calc(50% - 298px); top: calc(50% - 206px + 72px); width: 596px; }
    body.art-and-influence section.banner div.content img { height: 120px; margin-bottom: 38px; width: 250px; }
    body.art-and-influence section.banner div.content strong { font-size: 50px; }
    body.art-and-influence section.banner div.content strong:first-of-type { margin-bottom: 10px; }
    body.art-and-influence section.banner div.content strong:last-of-type { margin-bottom: 17px; }
    body.art-and-influence section.banner div.content em { font-size: 55px; }
    body.art-and-influence section.banner div.content a { font-size: 19px; }

    body.art-and-influence section.intro { font-size: 21px; line-height: 30px; padding: 54px 0; }
    body.art-and-influence section.intro p em { font-size: 26px; }

    body.art-and-influence section#art-and-influence ul { margin-bottom: -48px; }
    body.art-and-influence section#art-and-influence ul li { margin-bottom: 48px; }
    body.art-and-influence section#art-and-influence ul li a.img { height: 342px; margin-bottom: 23px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content { height: 274px; padding-top: 20px; width: 376px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content img { height: 120px; margin-bottom: 21px; width: 250px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content strong { font-size: 25px; margin-bottom: 4px; }
    body.art-and-influence section#art-and-influence ul li a.img div.content em { font-size: 31px; }
    body.art-and-influence section#art-and-influence ul li small { font-size: 16px; margin-bottom: 15px; }
    body.art-and-influence section#art-and-influence ul li p { font-size: 18px; line-height: 25px; margin-bottom: 15px; padding: 0 70px; }
    body.art-and-influence section#art-and-influence ul li a.read-more { font-size: 18px; }

    body.art-and-influence.article section.article article h2 { font-size: 21px; line-height: 29px; margin-bottom: 33px; }
    body.art-and-influence.article section.article article figure img { margin-bottom: 20px; max-height: 300px; }

    body.art-and-influence section.article article div.media button,
    body.art-and-influence section.article article div.media a { font-size: 21px; height: 55px; line-height: 55px; }
    body.art-and-influence section.article article div.media button,
    body.art-and-influence section.article article div.media > a:first-of-type { background-size: 36px 29px; margin-right: 40px; padding-left: 46px; }
    body.art-and-influence section.article article div.media a:not(:last-of-type) { margin-right: 40px; }
    body.art-and-influence section.article article div.media a:not(:last-of-type)::after { height: 20px; right: -24px; top: 18px; }

    body.art-and-influence.article section.article article blockquote { line-height: 30px; right: 226px; width: 208px; }
    body.art-and-influence.article section.article article blockquote::before { margin-bottom: 38px; }
    body.art-and-influence.article section.article article blockquote::after { margin-top: 27px; }
    body.art-and-influence.article section.article article blockquote strong,
    body.art-and-influence.article section.article article blockquote small { width: 308px; }
    body.art-and-influence.article section.article article blockquote strong { font-size: 26px; margin-bottom: 28px; }
    body.art-and-influence.article section.article article blockquote small { font-size: 21px; }

    body.article section.article div.inline-gallery ul li figure { margin-bottom: 28px; width: 100%; }
    body.article section.article div.inline-gallery ul li p { font-size: 14px; line-height: 17px; }
    body.article section.article div.inline-gallery div.inline-gallery-container { margin-bottom: 14px; }
    body.article section.article div.inline-gallery div.inline-control-container button { height: 55px; margin-top: -27px; width: 55px; }
    body.article section.article div.inline-gallery div.inline-control-container button::after { border-width: 3px 3px 0 0; height: 12px; left: calc(50% - 11px); top: calc(50% - 7px); width: 12px; }
    body.article section.article div.inline-gallery div.inline-control-container button.prev { left: -35px; }
    body.article section.article div.inline-gallery div.inline-control-container button.next { right: -35px; }
    body.article section.article div.inline-gallery div.gallery-controls { padding-top: 11px; width: 178px; }
    body.article section.article div.inline-gallery div.gallery-controls button { height: 7px; margin: 0 4px; width: 7px; }

    body.art-and-influence.article section.article aside p { font-size: 14px; line-height: 18px; }

    body.features section.scroller.art-and-influence div.scroller ul { left: -293px; margin-right: -293px; }
    body.features section.scroller.art-and-influence div.scroller ul li { margin-right: 40px; width: 586px; }
    body.features section.scroller.art-and-influence div.scroller ul li a { height: 344px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content { height: 274px; width: 376px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div img { height: 120px; margin-bottom: 19px; width: 250px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div strong { font-size: 25px; margin-bottom: 4px; }
    body.features section.scroller.art-and-influence div.scroller ul li a div.content div em { font-size: 31px; }
    body.features section.scroller.art-and-influence div.scroller button { top: 145px; }

    body.art-and-influence section.article article div.media button,
    body.art-and-influence section.article article div.media a { font-size: 21px; height: 55px; line-height: 55px; position: relative; }
    body.art-and-influence section.article article div.media > a:first-of-type,
    body.art-and-influence section.article article div.media button { background-size: 36px 29px; margin-right: 40px; padding-left: 46px; }
    body.art-and-influence section.article article div.media a:not(:last-of-type) { margin-right: 40px; }
    body.art-and-influence section.article article div.media a:not(:last-of-type)::after { height: 20px; right: -24px; top: 18px; }

    body.art-and-influence.gallery section.gallery div.description { margin-bottom: 49px; padding-bottom: 43px; }
    body.art-and-influence.gallery section.gallery div.description::after { width: 344px; }
    body.art-and-influence.gallery section.gallery div.caption { margin-bottom: 39px; }

    body.art-and-influence.gallery_landing section.article article p { margin-bottom: 21px; }
}

/** Desktop Small **********/
@media all and (min-width: 1280px) and (max-width: 1439px) {
	body.art-and-influence section.intro div.container { margin: 0 auto; }

    body.art-and-influence section#art-and-influence ul li { width: calc(50% - 20px); }
    body.art-and-influence section#art-and-influence ul li:nth-child(odd) { margin-right: 40px; }

    body.art-and-influence.article section.article article h2 { max-width: 720px; }
    body.art-and-influence.article section.article article div.media,
    body.art-and-influence.article section.article article nav { max-width: 720px; }

    body.article section.article div.inline-gallery,
    body.article section.article div.inline-gallery div.inline-gallery-container { max-width: 720px; width: 100%; }
}

/** Desktop Large **********/
@media all and (min-width: 1440px){
	body.art-and-influence section.intro div.container { margin: 0 auto; }
    body.art-and-influence section.intro p { width: 1130px; }

    body.art-and-influence section#art-and-influence ul li { width: calc((100% - 80px) / 3); }
    body.art-and-influence section#art-and-influence ul li:not(:nth-child(3n)) { margin-right: 40px; }

    body.art-and-influence.article section.article article h2 { max-width: 900px; padding-right: 102px; }
    body.art-and-influence.article section.article article div.media,
    body.art-and-influence.article section.article article nav { max-width: 798px; }

    body.article section.article div.inline-gallery,
    body.article section.article div.inline-gallery-container { width: 798px; }
}




/** Living History **************************************************/

body.living-history section.banner div.content { background: #fff; border-color: #e7c234; border-style: solid; position: absolute; text-align: center; top: 0; z-index: 2; }
body.living-history section.banner div.content div { left: 0; position: relative; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
body.living-history section.banner div.content strong { color: #e7c234; display: block; font-family: Circular; font-weight: bold; text-transform: uppercase; }
body.living-history section.banner div.content strong span { display: block; font-family: 'Adobe Caslon'; font-weight: 600; height: auto; }
body.living-history section.banner div.content em { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.living-history section.banner div.content em span { display: block; height: auto; }
body.living-history section.banner div.content p { font-family: Circular; font-weight: bold; margin: 0 auto; }
body.living-history section.banner div.content a { border-bottom-color: #e7c234; border-bottom-style: solid; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }

body.living-history section.intro { font-family: Circular; }
body.living-history section.intro p { margin: 0 auto; }
body.living-history section.intro p strong { font-weight: bold; }
body.living-history section.intro p strong em { font-style: italic; }

body.living-history section#living-history ul li { font-family: Circular; text-align: center; }
body.living-history section#living-history ul li a.img { display: block; position: relative; }
body.living-history section#living-history ul li a.img div.content { background: #fff; border-color: #e7c234; border-style: solid; display: block; height: 100%; position: absolute; top: 0%; text-align: center; z-index: 2; }
body.living-history section#living-history ul li a.img div.content div { position: relative; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
body.living-history section#living-history ul li a.img div.content strong { color: #e7c234; display: block; font-weight: bold; text-transform: uppercase; }
body.living-history section#living-history ul li a.img div.content strong span { display: block; font-family: 'Adobe Caslon'; font-weight: 600; }
body.living-history section#living-history ul li a.img div.content em { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.living-history section#living-history ul li a.img div.content em span { display: block; }
body.living-history section#living-history ul li small { display: block; font-weight: bold; text-transform: uppercase; }
body.living-history section#living-history ul li a.read-more { border-bottom-color: #e7c324; border-bottom-style: solid; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }

body.living-history.article section.article h2,
body.living-history.gallery_landing section.article article p { font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; }

body.living-history.article section.article { z-index: 4; }
body.features section.article article nav { border-bottom-color: #e7c234; border-style: solid; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.features section.article article nav strong { position: relative; }
body.features section.article article nav strong::after { border-right: 1px solid #000; content: ''; display: block; position: absolute; transform: rotate(25deg); -webkit-transform: rotate(25deg); }
body.features section.article article nav a { border: none !Important; display: inline-block; line-height: 10px; position: relative; }
body.features section.article article nav a:hover,
body.features section.article article nav a.active { color: #e7c234; }
body.features section.article article nav a.active { pointer-events: none; }
body.features section.article article nav a:not(:last-of-type)::after { border-right: 1px solid #000; content: ''; display: block; position: absolute; }

body.living-history.biography.article section.article figure figcaption { text-align: left; }
body.living-history.biography.article section.article figure figcaption p { max-width: 100%; }
body.living-history.biography.article section.article figure figcaption::after { border-color: #e7c324; width: 100%; }
body.living-history.biography.article section.article figure + p { margin-top: 0; }

body.living-history.timeline.article section.article article h3 { color: #e7c324; font-weight: 600; left: 0; position: absolute; }
body.living-history.timeline.article section.article article figure img { max-height: none; }

body.credits.article section.article article strong { font-family: Circular; }
body.credits.article section.article article h3 { border: none; color: #000 !important; font-weight: 600; text-transform: uppercase; }
body.credits.article section.article article figure { -webkit-display: flex; display: flex; }
body.credits.article section.article article figure:not(:last-of-type) { margin-bottom: 26px; }
body.credits.article section.article article figure div img { height: auto; margin: 0; width: auto; }
body.credits.article section.article article figure figcaption { text-align: left; }
body.credits.article section.article article figure figcaption::after { display: none; }

body.gallery section.gallery div.image { position: relative; }
body.gallery section.gallery div.image a { background: rgba(255, 255, 255, 0.5); cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -999px; top: 50%; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
body.gallery section.gallery div.image a::after { border-style: solid; content: ''; display: block; position: absolute; z-index: 2; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
body.gallery section.gallery div.image a.prev { border-top: 1px solid #000; border-bottom: none; transform: rotate(180deg) translateY(50%); -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); }

body.living-history.gallery section.gallery ul li::after { border-bottom-color: #e7c234; }
body.living-history.gallery section.gallery div.description { position: relative; }
body.living-history.gallery section.gallery div.description::after { border-bottom-color: #e7c234; border-bottom-style: solid; bottom: 0; content: ''; display: block; left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
body.living-history.gallery section.gallery div.story p { font-family: 'Adobe Caslon'; text-align: left; }

body.living-history.podcast section.article article button[podcast-play][podcast-reveal] { background-color: transparent; border-bottom-color: #e7c234; border-bottom-style: solid; cursor: pointer; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; padding-top: 2px; position: relative; text-transform: uppercase; }
body.living-history.podcast section.article article button[podcast-play]::before { background: url('../img/icons_podcast-listen.svg') top left no-repeat; background-size: contain; content: ''; display: block; position: absolute; top: 0; }



/** Mobile & Tablet **********/
@media all and (max-width: 1279px){
    body.credits.article section.article article h3 { font-size: 17px; }

    body.gallery section.gallery div.image a::after { border-width: 3px 3px 0 0; height: 8px; left: calc(50% - 8px); top: calc(50% - 5px); width: 8px; }
    body.gallery section.gallery div.image a { height: 45px; width: 45px; }
}

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.living-history section.banner div.content { border-width: 15px; }
    body.living-history section.banner div.content a { border-bottom-width: 1px; }

    body.living-history section.intro { line-height: 19px; }

    body.living-history section#living-history ul li { margin-bottom: 32px; }
    body.living-history section#living-history ul li a.img { margin-bottom: 13px; }
    body.living-history section#living-history ul li small { font-size: 11px; margin-bottom: 8px; }
    body.living-history section#living-history ul li p { font-size: 14px; margin-bottom: 10px; padding: 0 20px; }
    body.living-history section#living-history ul li a.read-more { border-bottom-width: 1px; font-size: 13px; }

    body.features section.article article nav { border-bottom-width: 1px; }

    body.living-history.biography section.article figure { margin-bottom: 23px; }

    body.living-history.timeline.article section.article article > p { padding-left: 60px; }
    body.living-history.timeline.article section.article article h3 { font-size: 17px; left: 18px; margin-top: 2px; }
    body.living-history.timeline.article section.article aside figure { margin-bottom: 25px; }

    body.living-history.gallery_landing section.article article p { margin-bottom: 12px; }

    body.living-history.gallery section.gallery div.description::after { border-bottom-width: 1px; width: 206px; }

    body.living-history.podcast section.article article button[podcast-play][podcast-reveal] { border-bottom-width: 1px; line-height: 16px; margin-left: 30px; }
    body.living-history.podcast section.article article button[podcast-play][podcast-reveal]::before { height: 22px; left: -30px; width: 22px; }

}

/** Mobile **********/
@media all and (max-width: 767px){
    body.living-history section.banner div.content { height: 100%; min-width: 50%; padding: 0 40px; }
    body.living-history section.banner div.content strong { font-size: 23px; line-height: 27px; margin-bottom: 1px; }
    body.living-history section.banner div.content em { font-size: 28px; line-height: 27px; margin-bottom: 3px; }
    body.living-history section.banner div.content p { font-size: 13px; line-height: 18px; margin-bottom: 20px; max-width: 120px; }
    body.living-history section.banner div.content a { font-size: 13px; }

    body.living-history section.intro { font-size: 14px; padding: 28px 0; }

    body.living-history section#living-history ul li:last-child { margin-bottom: 0; }
    body.living-history section#living-history ul li a.img { height: 242px; }
    body.living-history section#living-history ul li a.img div.content { border-width: 10px; min-width: 50%; padding: 0 18px; }
    body.living-history section#living-history ul li a.img div.content img { margin-bottom: 12px; width: 188px; }
    body.living-history section#living-history ul li a.img div.content strong { font-size: 21px; line-height: 23px; }
    body.living-history section#living-history ul li a.img div.content em { font-size: 26px; line-height: 25px; }

    body.features section.article article nav { font-size: 13px; margin-bottom: 20px; padding-bottom: 4px; }
    body.features section.article article nav strong { border-bottom: 1px solid #e7c234; display: block; margin-bottom: 3px; padding-bottom: 4px; }
    body.features section.article article nav a:not(:last-of-type) { margin-right: 14px; }
    body.features section.article article nav a:not(:last-of-type)::after { height: 13px; right: -9px; top: -1px; }

    body.living-history.article section.article { padding-top: 19px; }
    body.living-history.article section.article article div.banner-caption.mobile-only { margin-bottom: 11px; }

    body.living-history.article section.article h2 { font-size: 14px; line-height: 18px; margin-bottom: 12px; }

    body.living-history.biography.article section.banner a.breadcrumb { display: none; }

    body.living-history.timeline.article section.article article figure { margin-bottom: 30px; }

    body.credits.article section.article article figure div { width: 100px; }
    body.credits.article section.article article figure div img { max-height: 80px; max-width: 80px; }
    body.credits.article section.article article figure figcaption { width: calc(100% - 100px); }

    body.living-history.gallery_landing section.banner { margin-bottom: 17px; }
    body.living-history.gallery_landing section.article article { font-size: 14px; line-height: 18px; padding-top: 0; }

    body.gallery section.gallery div.image a { height: 34px; width: 34px; }
    body.gallery section.gallery div.image a.prev { left: -18px; }
    body.gallery section.gallery div.image a.next { right: -18px; }
    body.living-history.gallery section.gallery div.description { margin-bottom: 27px; padding-bottom: 26px; }
    body.living-history.gallery section.gallery em { margin-bottom: 21px; }
    body.living-history.gallery section.gallery div.story p { font-size: 16px; line-height: 22px; }

    body.living-history.podcast.article section.article div.banner-caption.mobile-only { font-family: Circular; font-size: 11px; line-height: 13px; margin-bottom: 24px; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.living-history section.banner div.content { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

    body.living-history section#living-history ul { font-size: 0; }
    body.living-history section#living-history ul li { display: inline-block; vertical-align: top; }

    body.living-history.article section.article aside { font-family: Circular; }
    body.living-history.article section.article aside span.not-mobile { display: block; }

    body.living-history.biography.article section.article article { width: auto; }
    /*		body.living-history.biography.article section.article figure { float: right; padding-right: 0; }*/
    body.living-history.biography.article section.article aside { position: absolute; top: 0; }
    body.living-history.biography.article section.article aside strong { font-weight: bold; }

    body.living-history.timeline.article section.article article figure { margin-bottom: 0 !important; position: absolute; right: 0; }
    body.living-history.timeline.article section.article article figure figcaption { text-align: left; }
    body.living-history.timeline.article section.article article figure figcaption::after { display: none; }

    body.living-history section#living-history ul li a.img div.content { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
}

/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
    body.living-history.article section.article aside { font-size: 11px; line-height: 13px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.living-history section.banner div.content { height: calc(100% - 96px); min-width: 255px; padding: 0 28px; top: 96px; }
    body.living-history section.banner div.content strong { font-size: 36px; line-height: 39px; margin-bottom: 3px; }
    body.living-history section.banner div.content em { font-size: 51px; line-height: 42px; margin-bottom: 9px; }
    body.living-history section.banner div.content p { font-size: 14px; line-height: 18px; margin-bottom: 22px; max-width: 130px; }
    body.living-history section.banner div.content a { font-size: 14px; }

    body.living-history section.intro { font-size: 15px; padding: 32px 92px; }

    body.living-history section#living-history ul { margin-bottom: -22px; }
    body.living-history section#living-history ul li { width: calc(50% - 11px); }
    body.living-history section#living-history ul li:nth-child(odd) { margin-right: 22px; }
    body.living-history section#living-history ul li a.img { height: 206px; }
    body.living-history section#living-history ul li a.img div.content { border-width: 8px; min-width: 128px; padding: 0 14px; }
    body.living-history section#living-history ul li a.img div.content strong { font-size: 18px; line-height: 20px; }
    body.living-history section#living-history ul li a.img div.content em { font-size: 22px; line-height: 21px; }

    body.features section.article article nav { font-size: 15px; margin-bottom: 24px; padding-bottom: 6px; }
    body.living-history.biography.article section.article article nav { width: calc(100% - 250px); }
    body.features section.article article nav strong,
    body.features section.article article nav a:not(:last-of-type) { margin-right: 14px; }
    body.features section.article article nav strong::after { height: 15px; right: -9px; top: 2px; }
    body.features section.article article nav a:not(:last-of-type)::after { height: 15px; right: -9px; top: -3px; }

    body.living-history.article section.article h2 { font-size: 15px; line-height: 19px; margin-bottom: 17px; }
    body.living-history.article section.article aside { padding-top: 51px; }
    body.living-history.article section.article aside span.not-mobile { margin-bottom: 120px; }

    body.living-history.biography.article section.article h2 { padding-right: 250px; }
    body.living-history.biography.article section.article article { padding-right: 0; }
    body.living-history.biography.article section.article figure { margin: 0 0 20px 20px; max-width: 432px; }
    body.living-history.biography.article section.article figure img { margin-bottom: 25px; }
    body.living-history.biography.article section.article figure figcaption { line-height: 13px; }
    body.living-history.biography.article section.article figure figcation::after { padding-top: 16px; }
    body.living-history.biography.article section.article aside { right: 0; }

    body.living-history.timeline.article section.article article figure { max-width: 225px; }
    body.living-history.timeline.article section.article article figure img { margin-bottom: 5px; }

    body.credits.article section.article article figure div { width: 126px; }
    body.credits.article section.article article figure div img { max-height: 100px; max-width: 100px; }
    body.credits.article section.article article figure figcaption { width: calc(100% - 126px); }

    body.living-history.gallery_landing section.article article { font-size: 15px; line-height: 19px; }

    body.gallery section.gallery div.image a::after { border-width: 3px 3px 0 0; height: 12px; left: calc(50% - 11px); top: calc(50% - 7px); width: 12px; }
    body.gallery section.gallery div.image a.prev { left: -84px; }
    body.gallery section.gallery div.image a.next { right: -84px; }
    body.living-history.gallery section.gallery div.description { margin-bottom: 34px; padding-bottom: 25px; }
    body.living-history.gallery section.gallery em { margin-bottom: 20px; }
    body.living-history.gallery section.gallery div.story p { font-size: 16px; line-height: 22px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.living-history section.banner div.content a { border-bottom-width: 2px; }

    body.living-history section#living-history ul li a.read-more { border-bottom-width: 2px; }

    body.features section.article article nav { border-bottom-width: 2px; }

    body.living-history.article section.article h2 { font-size: 22px; line-height: 28px; margin-bottom: 25px; }

    body.living-history.biography.article section.article figure figcaption p { white-space: pre-line; }
    body.living-history.biography.article section.article aside { right: 32px; }

    body.living-history.timeline.article section.article article > p { padding-left: 80px; }
    body.living-history.timeline.article section.article article h3 { font-size: 23px; left: 32px; margin-top: 6px; }

    body.credits.article section.article article h3 { font-size: 21px; }
    body.credits.article section.article article figure div { width: 154px; }
    body.credits.article section.article article figure div img { max-height: 120px; max-width: 120px; }
    body.credits.article section.article article figure figcaption { width: calc(100% - 154px); }

    body.living-history.gallery section.gallery div.description::after { border-bottom-width: 2px; }
    body.living-history.gallery section.gallery div.story p { font-size: 19px; line-height: 27px; }

    body.living-history.podcast section.article article button[podcast-play][podcast-reveal] { border-bottom-width: 2px; line-height: 20px; margin-left: 32px; }
    body.living-history.podcast section.article article button[podcast-play][podcast-reveal]::before { height: 25px; left: -32px; width: 25px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.living-history section.banner div.content { border-width: 20px; height: calc(100% - 73px); min-width: 340px; padding: 0 38px; top: 73px; }
    body.living-history section.banner div.content strong { font-size: 48px; line-height: 48px; }
    body.living-history section.banner div.content strong span { padding-top: 4px; }
    body.living-history section.banner div.content em { font-size: 58px; line-height: 56px; margin-bottom: 6px; }
    body.living-history section.banner div.content p { font-size: 19px; line-height: 24px; margin-bottom: 34px; max-width: 180px; }
    body.living-history section.banner div.content a { font-size: 15px; }

    body.living-history section.intro { font-size: 17px; line-height: 24px; padding: 44px 148px; }

    body.living-history section#living-history ul { margin-bottom: -40px; }
    body.living-history section#living-history ul li { margin-bottom: 40px; width: calc(50% - 15px); }
    body.living-history section#living-history ul li:nth-child(odd) { margin-right: 30px; }
    body.living-history section#living-history ul li a.img { height: 273px; margin-bottom: 17px; }
    body.living-history section#living-history ul li a.img div.content { border-width: 12px; padding: 0 17px; min-width: 170px; }
    body.living-history section#living-history ul li a.img div.content strong { font-size: 24px; line-height: 26px; margin-bottom: 1px; }
    body.living-history section#living-history ul li a.img div.content em { font-size: 29px; line-height: 28px; }
    body.living-history section#living-history ul li small { font-size: 13px; margin-bottom: 13px; }
    body.living-history section#living-history ul li p { font-size: 15px; line-height: 20px; margin-bottom: 12px; padding: 0 50px; }
    body.living-history section#living-history ul li a.read-more { font-size: 15px; }

    body.features section.article article nav { font-size: 17px; margin-bottom: 33px; padding-bottom: 8px; }
    body.living-history.biography.article section.article article nav { width: calc(100% - 350px); }
    body.features section.article article nav strong,
    body.features section.article article nav a:not(:last-of-type) { margin-right: 18px; }
    body.features section.article article nav strong::after { height: 17px; right: -12px; top: 2px; }
    body.features section.article article nav a:not(:last-of-type)::after { height: 17px; right: -12px; top: -3px; }

    body.living-history.biography.article section.article h2 { padding-right: 350px; }

    body.living-history.article section.article aside { padding-top: 71px; }
    body.living-history.article section.article aside span.not-mobile { margin-bottom: 145px; }

    body.living-history.biography.article section.article article { padding-right: 0; }
    body.living-history.biography.article section.article figure { margin: 0 0 20px 20px; max-width: 570px; }
    body.living-history.biography.article section.article figure img { margin-bottom: 25px; }
    body.living-history.biography.article section.article figure figcaption { line-height: 13px; }
    body.living-history.biography.article section.article figure figcation::after { padding-top: 16px; }

    body.living-history.timeline.article section.article article figure { max-width: 300px; }
    body.living-history.timeline.article section.article article figure img { margin-bottom: 11px; }

    body.credits.article section.article article figure figcaption a { line-height: 11px; }

    body.living-history.gallery_landing section.article article { font-size: 18px; line-height: 23px; }
    body.living-history.gallery_landing section.article article p { margin-bottom: 15px; }

    body.gallery section.gallery div.image a.prev { left: -112px; }
    body.gallery section.gallery div.image a.next { right: -112px; }
    body.living-history.gallery section.gallery div.description { margin-bottom: 47px; padding-bottom: 34px; }
    body.living-history.gallery section.gallery div.description::after { width: 274px; }
    body.living-history.gallery section.gallery em { margin-bottom: 28px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.living-history section.banner div.content { border-width: 26px; height: calc(100% - 89px); min-width: 426px; padding: 0 46px; top: 89px; }
    body.living-history section.banner div.content strong { font-size: 60px; line-height: 72px; }
    body.living-history section.banner div.content em { font-size: 72px; line-height: 70px; margin-bottom: 11px; }
    body.living-history section.banner div.content p { font-size: 24px; line-height: 31px; margin-bottom: 21px; max-width: 220px; }
    body.living-history section.banner div.content a { font-size: 19px; }

    body.living-history section.intro { font-size: 21px; line-height: 30px; /*padding: 54px 0;*/ padding-bottom: 54px;  }

    body.living-history section#living-history ul { margin-bottom: -48px; }
    body.living-history section#living-history ul li { margin-bottom: 48px; }
    body.living-history section#living-history ul li a.img { height: 342px; margin-bottom: 23px; }
    body.living-history section#living-history ul li a.img div.content { border-width: 15px; padding: 0 20px; min-width: 212px; }
    body.living-history section#living-history ul li a.img div.content strong { font-size: 30px; line-height: 34px; }
    body.living-history section#living-history ul li a.img div.content em { font-size: 36px; line-height: 35px; }
    body.living-history section#living-history ul li small { font-size: 16px; margin-bottom: 15px; }
    body.living-history section#living-history ul li p { font-size: 18px; line-height: 25px; margin-bottom: 15px; padding: 0 70px; }
    body.living-history section#living-history ul li a.read-more { font-size: 18px; }

    body.features section.article article nav { font-size: 21px; margin-bottom: 33px; padding-bottom: 14px; }
    body.living-history.biography.article section.article article nav { width: calc(100% - 478px); }
    body.features section.article article nav strong,
    body.features section.article article nav a:not(:last-of-type) { margin-right: 19px; }
    body.features section.article article nav strong::after { height: 21px; right: -13px; top: 2px; }
    body.features section.article article nav a:not(:last-of-type)::after { height: 21px; right: -13px; top: -6px; }

    body.living-history.article section.article aside { font-size: 14px; line-height: 16px; padding-top: 74px; }
    body.living-history.article section.article aside strong { font-weight: bold; }
    body.living-history.article section.article aside span.not-mobile { margin-bottom: 98px; }

    body.living-history.biography.article section.article h2 { padding-right: 478px; }
    /*
		body.living-history.biography.article section.article figure { margin: 0 52px 40px 40px; max-width: 720px; }
		body.living-history.biography.article section.article figure img { margin-bottom: 31px; }
		body.living-history.biography.article section.article figure figcaption { line-height: 16px; }
		body.living-history.biography.article section.article figure figcation::after { padding-top: 17px; }
*/
    body.living-history.timeline.article section.article article figure { max-width: 478px; right: 68px; }
    body.living-history.timeline.article section.article article figure img { margin-bottom: 11px; }

    body.credits.article section.article article figure figcaption a { line-height: 13px; }

    body.living-history.gallery_landing_landing section.article article { font-size: 22px; line-height: 28px; }
    body.living-history.gallery_landing section.article article p { margin-bottom: 21px; }

    body.gallery section.gallery div.image a { height: 55px; width: 55px; }
    body.gallery section.gallery div.image a::after { border-width: 3px 3px 0 0; height: 12px; left: calc(50% - 11px); top: calc(50% - 7px); width: 12px; }
    body.gallery section.gallery div.image a.prev { left: calc((((100vw - 1000px) / 2) * -1) + 10px); }
    body.gallery section.gallery div.image a.next { right: calc((((100vw - 1000px) / 2) * -1) + 10px); }
    body.living-history.gallery section.gallery div.description { margin-bottom: 49px; padding-bottom: 43px; }
    body.living-history.gallery section.gallery div.description::after { width: 344px; }
    body.living-history.gallery section.gallery div.caption { margin-bottom: 39px; }
}

/** Desktop Small **********/
@media all and (min-width: 1280px) and (max-width: 1439px) {
    body.living-history section.intro h2,
    body.living-history section.intro p { width: 870px; }

    body.living-history section#living-history ul li { width: calc(50% - 20px); }
    body.living-history section#living-history ul li:nth-child(odd) { margin-right: 40px; }
}

/** Desktop Large **********/
@media all and (min-width: 1440px){
    body.living-history section.intro h2,
    body.living-history section.intro p { width: 1130px; }

    body.living-history section#living-history ul li { width: calc((100% - 80px) / 3); }
    body.living-history section#living-history ul li:not(:nth-child(3n)) { margin-right: 40px; }
}

/** Glossary **************************************************/
body.glossary section#glossary aside { font-family: Wigrum; font-weight: 500; text-transform: uppercase; }
body.glossary section#glossary aside a { font-size: 17px; line-height: 25px; transition: color ease-out 0.2s; }
body.glossary section#glossary aside a:hover,
body.glossary section#glossary aside a.active { color: #e7244c; }
body.glossary section#glossary aside input { border: 1px solid #969696; display: block; font-size: 12px; text-indent: 12px; width: 100%; }
body.glossary section#glossary aside input::-webkit-input-placeholder { color: #000; }
body.glossary section#glossary aside input::-moz-placeholder { color: #000; }
body.glossary section#glossary aside input:-ms-input-placeholder { color: #000; }
body.glossary section#glossary aside input:-moz-placeholder { color: #000; }

body.glossary section#glossary article ul li { clear: both; }
body.glossary section#glossary article ul li > strong { color: #e7244c; display: block; font-family: Wigrum; font-weight: 500; }
body.glossary section#glossary article ul li em { font-style: italic; }
body.glossary section#glossary article ul li a { border-bottom: 1px solid #000; }
body.glossary section#glossary article ul li > p { font-family: 'Avenir Next'; }
body.glossary section#glossary article ul li p small { color: #e7244c; }
body.glossary section#glossary article ul li p strong { font-weight: bold; }
body.glossary section#glossary article ul li p span { background: rgba(231,36,76, 0.2); }

body.glossary section#glossary span[caption] { border: 1px solid #666; border-radius: 50%; cursor: pointer; display: inline-block; text-align: center; transition: border-color ease-out 0.2s, color ease-out 0.2s; }
body.glossary section#glossary span[caption]:hover,
body.glossary section#glossary span[caption].active { border-color: #e7244c; color: #e7244c; }

body.glossary section#glossary div.caption { background: #ffffd1; box-shadow: 10px 10px 19px -5px rgba(0,0,0,0.6); color: #000; font-family: 'Avenir Next'; font-style: normal; font-weight: 500; cursor: default; position: absolute; text-align: left; z-index: 40; }
body.glossary section#glossary div.caption button { background: url('../img/icons_close.svg') center center no-repeat; background-size: contain; cursor: pointer; display: block; position: absolute; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.glossary section.banner h1 { max-width: 290px; }

    body.glossary section#glossary aside h1 { font-size: 17px; margin-bottom: 17px; }
    body.glossary section#glossary aside input { height: 34px; margin-top: 15px; }
    body.glossary section#glossary article ul li { font-size: 14px; line-height: 20px; }
    body.glossary section#glossary article ul li:not(:last-of-type) { margin-bottom: 24px; }
    body.glossary section#glossary article ul li img { max-height: 130px; max-width: 130px; }

    body.glossary section#glossary span[caption] { font-size: 12px; height: 17px; line-height: 18px; margin-left: 8px; width: 18px; }

    body.glossary section#glossary div.caption { font-size: 11px; line-height: 13px; padding: 33px 24px 36px; }
    body.glossary section#glossary div.caption button { height: 7px; right: 13px; top: 13px; width: 7px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.glossary section.banner { margin-bottom: 24px; }

    body.glossary section#glossary aside { margin-bottom: 30px; padding-top: 19px; }
    body.glossary section#glossary aside div { max-width: 260px; }
    body.glossary section#glossary article ul li img { margin-top: 10px; }

    body.glossary section#glossary div.caption { left: 18px; width: calc(100% - 36px); }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.glossary section#glossary div.container { -webkit-display: flex; display: flex; }
    body.glossary section#glossary article ul li img { float: right; margin: 0 0 20px 20px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.glossary section.banner { margin-bottom: 44px; }

    body.glossary section#glossary aside { padding-right: 38px; width: 250px; }
    body.glossary section#glossary article { padding-top: 40px; width: calc(100% - 250px); }

    body.glossary section#glossary div.caption { left: 18px; width: 304px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.glossary section#glossary aside { padding-right: 45px; width: 300px; }
    body.glossary section#glossary aside h1 { font-size: 21px; margin-bottom: 26px; }
    body.glossary section#glossary aside input { height: 40px; margin-top: 19px;}
    body.glossary section#glossary article { width: calc(100% - 300px); }
    body.glossary section#glossary article ul li { font-size: 17px; line-height: 25px; }
    body.glossary section#glossary article ul li:not(:last-of-type) { margin-bottom: 54px; }
    body.glossary section#glossary article ul li img { max-height: 150px; max-width: 150px; }

    body.glossary section#glossary span[caption] { font-size: 15px; height: 20px; line-height: 20px; margin-left: 10px; width: 20px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.glossary section.banner { margin-bottom: 40px; }
    body.glossary section.banner h1 { max-width: 310px; }

    body.glossary section#glossary article { padding-top: 46px; }

    body.glossary section#glossary div.caption { font-size: 12px; line-height: 15px; padding: 35px 27px 38px; width: 332px; }
    body.glossary section#glossary div.caption button { height: 8px; right: 14px; top: 14px; width: 8px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.glossary section.banner { margin-bottom: 50px; }
    body.glossary section.banner h1 { max-width: 480px; }

    body.glossary section#glossary article { max-width: 900px; padding-top: 43px; }

    body.glossary section#glossary div.caption { font-size: 15px; line-height: 18px; padding: 44px 32px 50px; width: 420px; }
    body.glossary section#glossary div.caption button { height: 10px; right: 18px; top: 18px; width: 10px; }
}



/** Homepage **************************************************/
body.homepage a.content { display: block; }

body.homepage section#banner { font-size: 0; left: 0; overflow: hidden; position: relative; top: 0 !important; width: 100%; }
body.homepage section#banner #banners { height: 100%; left: 0; position: absolute; transition: left 0.8s ease; top: 0; width: 2000%; }
body.homepage section#banner #banners div.slide { display: inline-block; height: 100%; overflow: hidden; position: relative; vertical-align: top; width: calc(100% / 20); }
body.homepage section#banner #banners div.slide[href]:not([href=""]) { cursor: pointer; }
body.homepage section#banner #banners div.slide a.content { opacity: 0; pointer-events: none; position: relative; transition: opacity 0.8s ease 0.4s, margin 0.8s ease 0.4s; z-index: 2; }
body.homepage section#banner #banners div.slide.active a.content { opacity: 1; pointer-events: auto; transition: opacity 0 ease 0.8s; }

body.homepage section#banner div.slide.on-view a.content { font-family: Circular; }
body.homepage section#banner div.slide.on-view a.content strong,
body.homepage section#banner div.slide.on-view a.content p { display: block; font-weight: bold; }
body.homepage section#banner div.slide.on-view a.content small { display: block; }
body.homepage section#banner div.slide.on-view a.content p span { border-bottom: 1px solid; font-family: 'Trade Gothic'; font-weight: bold; text-decoration: none !important; text-transform: uppercase; }

body.homepage section#banner div.slide.event a.content { font-family: Circular; }
body.homepage section#banner div.slide.event a.content strong,
body.homepage section#banner div.slide.event a.content > p em { font-weight: bold; }
body.homepage section#banner div.slide.event a.content > p em { white-space: pre-line; }
body.homepage section#banner div.slide.event a.content strong,
body.homepage section#banner div.slide.event a.content > p { display: block; }

body.homepage section#banner div.slide.book a.content { background: #fff; font-family: Circular; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.homepage section#banner div.slide.book a.content strong { border-bottom: 2px solid #ee5e4f; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section#banner div.slide.book a.content h3 { color: #ee5e4f; font-weight: bold; text-transform: uppercase; }
body.homepage section#banner div.slide.book a.content h3 span { display: block; }
body.homepage section#banner div.slide.book a.content em { display: block; font-weight: bold; text-transform: uppercase; }
body.homepage section#banner div.slide.book a.content small { display: block; }

body.homepage section#banner div.slide.book-inner a.content { color: #000; font-family: 'Trade Gothic'; font-weight: bold; position: absolute; text-align: center; }
body.homepage section#banner div.slide.book-inner a.content img { display: block; width: 100%; }
body.homepage section#banner div.slide.book-inner a.content h3 { border-bottom: 1px solid #fff; display: inline-block; text-align: center; text-transform: uppercase; white-space: pre-line; }
body.homepage section#banner div.slide.book-inner a.content q { color: #fff; font-family: 'Adobe Caslon'; display: block; font-style: italic; font-weight: 600; text-align: center; white-space: pre-line; }
body.homepage section#banner div.slide.book-inner a.content small { display: block; text-align: center; text-transform: uppercase; }

body.homepage section#banner div.slide.essay a.content { background: #fff; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.homepage section#banner div.slide.essay a.content strong { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section#banner div.slide.essay a.content strong span { display: block; }
body.homepage section#banner div.slide.essay a.content > p { font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; }
body.homepage section#banner div.slide.essay a.content small { display: block; font-family: Circular; text-align: center; }

body.homepage section#banner div.slide.under-the-influence a.content { background: #fff; font-family: Circular; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.homepage section#banner div.slide.under-the-influence a.content img { display: block; margin: 0 auto; }
body.homepage section#banner div.slide.under-the-influence a.content strong { display: block; font-weight: bold; text-transform: uppercase; }
body.homepage section#banner div.slide.under-the-influence a.content strong em { color: #00AF97; display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; text-transform: lowercase; }
body.homepage section#banner div.slide.under-the-influence a.content small { display: block; text-align: center; }

body.homepage section#banner div.slide.living-history a.content { background: #fff; border-color: #e7c234; border-style: solid; display: inline-block; position: absolute; text-align: center; z-index: 2; }
body.homepage section#banner div.slide.living-history a.content div { left: 0; position: relative; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
body.homepage section#banner div.slide.living-history a.content strong { color: #e7c234; display: block; font-family: Circular; font-weight: bold; text-transform: uppercase; }
body.homepage section#banner div.slide.living-history a.content strong span { display: block; font-family: 'Adobe Caslon'; font-weight: 600; height: auto; }
body.homepage section#banner div.slide.living-history a.content em { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section#banner div.slide.living-history a.content em span { display: block; height: auto; }
body.homepage section#banner div.slide.living-history a.content p { font-family: Circular; font-weight: bold; margin: 0 auto; }

body.homepage section#banner div.slide.my-canada a.content { background: #fff; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.homepage section#banner div.slide.my-canada a.content h2 { color: #ff5e4c; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section#banner div.slide.my-canada a.content h2 span { display: block; white-space: pre-line; }
body.homepage section#banner div.slide.my-canada a.content em { font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; }
body.homepage section#banner div.slide.my-canada a.content em strong { display: block; font-style: normal; font-weight: normal; }
body.homepage section#banner div.slide.my-canada a.content img { border-color: #ff5e4c; border-style: solid; display: block; left: 50%; margin: 0 auto; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }

body.homepage section#banner div.slide.glossary a.content { background: #fff; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.homepage section#banner div.slide.glossary a.content > strong { color: #ef5e4f; display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
body.homepage section#banner div.slide.glossary a.content em { display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; white-space: pre-line; }

body.homepage section#banner button { background: rgba(255, 255, 255, 0.5); cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -999px; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); moz-transform: translateY(-50%); }
body.homepage section#banner button::after { border-style: solid; content: ''; display: block; position: absolute; z-index: 2; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
body.homepage section#banner button.prev { left: 0; transform: rotate(180deg) translateY(50%); -webkit-transform: rotate(180deg) translateY(50%); -moz-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); -o-transform: rotate(180deg) translateY(50%); }
body.homepage section#banner button.next { right: 0; }

body.homepage section#banner div.slide.exhibition { position: relative; text-align: center; }
body.homepage section#banner div.slide.exhibition a.content { color: #fff; left: 0; position: absolute; top: 50%; width: 100%; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
body.homepage section#banner div.slide.exhibition a.content h2 { border-bottom-color: #fff; }
body.homepage section#banner div.slide.exhibition a.content strong { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section#banner div.slide.exhibition a.content small { display: block; font-family: Circular; }

body.homepage #parallax { background: #fff; position: relative; }
body.homepage section#intro::before { border-color: transparent transparent #fff transparent; border-style: solid; content: ''; display: block; height: 0; left: 50%; opacity: 0.5; position: absolute; width: 0; z-index: 10; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
body.homepage section#intro h3 { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section#intro p { font-family: Circular; }
body.homepage section#intro p a { border-bottom: 1px solid #000; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section#intro aside q { font-family: Circular; font-weight: bold; }
body.homepage section#intro aside small,
body.homepage section#intro aside strong { font-family: 'Trade Gothic'; font-weight: bold; }

body.homepage div#newsletter_container { position: relative; }
body.homepage section#newsletter { overflow: hidden; }
body.homepage section#newsletter div.container { height: 100%; }
body.homepage section#newsletter button.subscribe { background: #ee5e4f; border-radius: 50%; color: #fff; cursor: pointer; display: block; font-family: Circular; position: absolute; text-align: center; white-space: pre-line; }
body.homepage section#newsletter button.subscribe strong { display: block; text-transform: uppercase; }
body.homepage section#newsletter h1 { color: #fff; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
body.homepage section#newsletter p { font-family: Circular; font-weight: bold; }
body.homepage section#newsletter p a { border-bottom-width: 1px; border-bottom-style: solid; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section#newsletter p a::before { content: ''; display: block; }
body.homepage section#newsletter form input[type="text"] { background: #fff; font-family: Circular; }
body.homepage section#newsletter form small { color: #fff; font-family: Circular; }
body.homepage section#newsletter form button { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage div#newsletter_container span#subscribe { position: absolute; }

body.homepage [href]:not([href=""]) { cursor: pointer; }

/* Glossary */
body.homepage section.glossary { display: -webkit-flex; display: flex; flex-direction: column; }
body.homepage section.glossary.middle { justify-content: center; }
body.homepage section.glossary.bottom { justify-content: flex-end; }
body.homepage section.glossary h2 { color: #fff; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; white-space: pre-line; }
body.homepage section.glossary p { color: #fff; font-family: Circular; font-weight: bold; }
body.homepage section.glossary p a { border-bottom-width: 1px; border-bottom-style: solid; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section.glossary p a::before { content: ''; display: block; }
body.homepage section.glossary span.background-image { z-index: -1; }

/* Library */
body.homepage section.library div.scroller ul li a { font-family: Circular; line-height: normal; }
body.homepage section.library div.scroller ul li a small { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
body.homepage section.library div.scroller ul li a strong { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }

/* CTA */
body.homepage section.cta.essay a.content { background: #fff; position: relative; text-align: center; z-index: 2; }
body.homepage section.cta.essay a.content strong { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section.cta.essay a.content div > p { font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; }
body.homepage section.cta.essay a.content small { display: block; font-family: Circular; }

body.homepage section.cta.exhibition { position: relative; text-align: center; }
body.homepage section.cta.exhibition a.content { color: #fff; left: 0; position: absolute; top: 50%; width: 100%; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
body.homepage section.cta.exhibition a.content h2 { border-bottom-color: #fff; }
body.homepage section.cta.exhibition a.content strong { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section.cta.exhibition a.content small { display: block; font-family: Circular; }

body.homepage section.cta.event a.content { position: relative; z-index: 2; }
body.homepage section.cta.event a.content strong,
body.homepage section.cta.event a.content > p,
body.homepage section.cta.event a.content em { display: block; font-family: Circular; font-weight: bold; }
body.homepage section.cta.event a.content em { white-space: pre-line; }
body.homepage section.cta.event a.content strong { display: block; }
body.homepage section.cta.event a.content small { display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }

body.homepage section.cta.my-canada a.content { background: #fff; position: relative; text-align: center; top: 50%; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
body.homepage section.cta.my-canada a.content h2 { color: #ff5e4c; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section.cta.my-canada a.content h2 span { display: block; white-space: pre-line; }
body.homepage section.cta.my-canada a.content em { font-family: 'Adobe Caslon'; font-style: italic; font-weight: bold; }
body.homepage section.cta.my-canada a.content em strong { display: block; font-style: normal; font-weight: normal; }
body.homepage section.cta.my-canada a.content img { border-color: #ff5e4c; border-radius: 50%; border-style: solid; display: block; left: 50%; margin: 0 auto; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }

body.homepage section.social-block div.feed { text-align: center; }
body.homepage section.social-block div.feed a.figure { display: block; padding-bottom: 64%; position: relative; width: 100%; }
body.homepage section.social-block div.feed strong { display: inline-block; font-family: Circular; font-weight: bold; }
body.homepage section.social-block div.feed p { font-family: Circular; }
body.homepage section.social-block div.feed a:last-child { color: #e7244c; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section.social-block div.feed:first-child strong { background: url('../img/icons_sharing_instagram.gif') center left no-repeat; color: #e7244c; }
body.homepage section.social-block div.feed:last-child strong { color: #e7244c; }
body.homepage section.social-block div.feed:last-child a.figure::after { background: url('../img/icons_play.png') center center no-repeat; background-size: contain; content: ''; display: block; left: 50%; pointer-events: none; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); }


.animation-pulseSlow {
    animation-name: pulseSlow; -webkit-animation-name: pulseSlow;
    animation-duration: 30s; -webkit-animation-duration: 30s;
    animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear; -webkit-animation-timing-function: linear;
}

@keyframes pulseSlow {
    0% { transform: scale(1.1); }
    50% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

@-webkit-keyframes pulseSlow {
    0% { -webkit-transform: scale(1.1); }
    50% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(1.1); }
}

/** Mobile & Tablet **********/
@media all and (max-width: 1279px){

    /* Library */
    body.homepage section.library div.scroller ul li { font-size: 13px; margin-right: 20px; }

    body.homepage section.cta.event a.content > p,
    body.homepage section.cta.event a.content small { font-size: 14px; }

    body.homepage section.social-block div.feed p,
    body.homepage section.social-block div.feed a:last-child { font-size: 14px; }
    body.homepage section.social-block div.feed:first-child strong { background-size: 21px 21px; height: 21px; line-height: 21px; padding-left: 29px; }
}


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.homepage section#banner div.slide.book a.content strong { border-bottom-width: 1px; font-size: 14px; }
    body.homepage section#banner div.slide.book a.content em { font-size: 18px; }
    body.homepage section#banner div.slide.book a.content small { font-size: 14px; }

    body.homepage section#banner div.slide.living-history a.content { border-width: 15px; }

    body.homepage section#banner div.slide.my-canada a.content img { border-width: 2px; }

    body.homepage section#intro article p a { line-height: 14px; }

    /* Library */
    body.homepage section.library div.scroller a img { margin-bottom: 20px; }
    body.homepage section.library div.scroller a strong { font-size: 16px; margin-bottom: 4px; }

    body.homepage section.cta.essay a.content div > p { font-size: 16px; }

    body.homepage section.cta.exhibition a.content h2 { margin-bottom: 18px; }
    body.homepage section.cta.exhibition a.content strong { font-size: 46px; margin-bottom: 8px; }
    body.homepage section.cta.exhibition a.content small { font-size: 13px; }

    body.homepage section.cta.event a.content strong { font-size: 23px; margin-bottom: 13px; }
    body.homepage section.cta.event a.content > p { margin-bottom: 16px; }
    body.homepage section.cta.event a.content em { font-size: 14px; margin-bottom: 17px; }
    body.homepage section.cta.event a.content small { line-height: 17px; }

    body.homepage section.social-block div.feed strong { font-size: 18px; }
    body.homepage section.social-block div.feed:last-child a.figure::after { height: 66px; width: 66px; }
	
	body.homepage section.library div.scroller ul li a small + strong { margin-bottom: 0; }
}


/** Mobile **********/
@media all and (max-width: 767px){
    /* Banner */
    body.homepage section#banner { height: calc(100vh - 54px - 70px); }
    body.homepage section#banner a.content { opacity: 1 !important; pointer-events: auto !important; }

    body.homepage section#banner div.slide.on-view { padding-top: 18px; }
    body.homepage section#banner div.slide.on-view a.content { color: #fff; padding-top: 15px; }
    body.homepage section#banner div.slide.on-view a.content h2 { border-bottom-color: #fff; font-size: 17px; }
    body.homepage section#banner div.slide.on-view a.content strong { font-size: 29px; line-height: 27px; margin-bottom: 8px; }
    body.homepage section#banner div.slide.on-view a.content p { font-size: 16px; line-height: 19px; margin-bottom: 5px; max-width: 260px; }
    body.homepage section#banner div.slide.on-view a.content p br { display: none; }
    body.homepage section#banner div.slide.on-view a.content small { font-size: 14px; line-height: 19px; }
	body.homepage section#banner div.slide.on-view a.content p span { font-size: 14px; padding-top: 11px; }

    body.homepage section#banner div.slide.event { padding-top: 18px; }
    body.homepage section#banner div.slide.event a.content { border-bottom-color: #fff; color: #fff; padding-top: 15px; }
    body.homepage section#banner div.slide.event a.content h2 { border-bottom-color: #fff; font-size: 17px; }
    body.homepage section#banner div.slide.event a.content strong { font-size: 23px; line-height: 21px; margin-bottom: 14px; }
    body.homepage section#banner div.slide.event a.content > p { font-size: 13px; line-height: 19px; margin-bottom: 5px; max-width: 340px; }

    body.homepage section#banner div.slide.book a.content { padding: 52px 0 50px; width: calc(100% - 16px); }
    body.homepage section#banner div.slide.book a.content img { display: none; }
    body.homepage section#banner div.slide.book a.content strong { margin-bottom: 9px; }
    body.homepage section#banner div.slide.book a.content h3 { font-size: 42px; line-height: 38px; margin-bottom: 11px; }
    body.homepage section#banner div.slide.book a.content em { margin-bottom: 4px; }
	
    body.homepage section#banner div.slide.book.stacked { display: -webkit-inline-flex !important; display: inline-flex !important; flex-direction: column; padding: 0; }
    body.homepage section#banner div.slide.book.stacked a.content { left: 0; top: 0; width: 100%; -webkit-transform: none; transform: none; }
    body.homepage section#banner div.slide.book.stacked span.background-image.mobile-only { position: relative; }

    body.homepage section#banner div.slide.book-inner a.content { width: 100%; }
    body.homepage section#banner div.slide.book-inner a.content img { margin-bottom: 17px; }
    body.homepage section#banner div.slide.book-inner a.content h3 { display: inline-block; font-size: 15px; margin: 0 auto 40px auto; padding-bottom: 2px; }
    body.homepage section#banner div.slide.book-inner a.content q { font-size: 25px; margin-bottom: 23px; padding: 0 20px; }
    body.homepage section#banner div.slide.book-inner a.content small { font-size: 13px; }

    body.homepage section#banner div.slide.essay a.content { padding: 17px 32px 21px; }
    body.homepage section#banner div.slide.essay a.content h2 { margin-bottom: 14px; }
    body.homepage section#banner div.slide.essay a.content strong { font-size: 36px; line-height: 32px; margin-bottom: 13px; }
    body.homepage section#banner div.slide.essay a.content > p { font-size: 16px; line-height: 19px; margin-bottom: 8px; }
    body.homepage section#banner div.slide.essay a.content small { font-size: 13px; line-height: 19px; }

    body.homepage section#banner div.slide.under-the-influence a.content { padding: 15px 8px; }
    body.homepage section#banner div.slide.under-the-influence a.content img { height: 90px; margin-bottom: 12px; }
    body.homepage section#banner div.slide.under-the-influence a.content strong { font-size: 27px; line-height: 34px; margin-bottom: 10px; }
    body.homepage section#banner div.slide.under-the-influence a.content strong em { font-size: 30px; margin-bottom: -8px; }
    body.homepage section#banner div.slide.under-the-influence a.content small { font-size: 10px; }

    body.homepage section#banner div.slide.living-history a.content { height: calc(100% - 6px); left: -18px; min-width: 40%; min-height: 190px; padding: 0 40px; top: 6px; }
    body.homepage section#banner div.slide.living-history a.content strong { font-size: 23px; line-height: 27px; margin-bottom: 1px; }
    body.homepage section#banner div.slide.living-history a.content em { font-size: 28px; line-height: 27px; margin-bottom: 3px; }
    body.homepage section#banner div.slide.living-history a.content p { font-size: 13px; line-height: 18px; margin-bottom: 20px; max-width: 120px; }

    body.homepage section#banner div.slide.my-canada a.content { padding: 115px 18px 20px; }
    body.homepage section#banner div.slide.my-canada a.content h2 { font-size: 45px; line-height: 39px; margin-bottom: 11px; }
    body.homepage section#banner div.slide.my-canada a.content em { font-size: 16px; line-height: 17px; }
    body.homepage section#banner div.slide.my-canada a.content img { height: 114px; top: -10px; width: 114px; }

    body.homepage section#banner div.slide.glossary a.content { padding: 32px 18px; }
    body.homepage section#banner div.slide.glossary a.content h2 { margin-bottom: 14px; }
    body.homepage section#banner div.slide.glossary a.content > strong { font-size: 45px; line-height: 39px; margin-bottom: 11px; }
    body.homepage section#banner div.slide.glossary a.content em { font-size: 16px; line-height: 17px; }

    body.homepage section#banner div.exhibition a.content h2 { font-size: 17px; margin-bottom: 18px; }
    body.homepage section#banner div.exhibition a.content strong { font-size: 46px; line-height: 42px; margin-bottom: 8px; }
    body.homepage section#banner div.exhibition a.content small { font-size: 13px; }

    body.homepage section#banner button { height: 45px; top: 50%; width: 45px; }
    body.homepage section#banner button::after { border-width: 3px 3px 0 0; height: 8px; left: calc(50% - 8px); top: calc(50% - 5px); width: 8px; }

    /* Intro */
    body.homepage section#intro { padding: 25px 27px 23px 0; }
    body.homepage section#intro::before { border-width: 0 18px 18px 18px; top: -18px; }
    body.homepage section#intro h3 { font-size: 24px; line-height: 24px; margin-bottom: 14px; white-space: pre-line; }
    body.homepage section#intro article p { font-size: 14px; line-height: 19px; }
    /*		body.homepage section#intro article p:last-of-type,*/
    body.homepage section#intro aside { display: none; }

    /* Newsletter */
    body.homepage section#newsletter { height: 380px; margin-bottom: 305px; overflow: visible; padding-top: 20px; }
    body.homepage section#newsletter h1 { font-size: 34px; line-height: 31px; margin-bottom: 13px; }
    body.homepage.english section#newsletter h1 { width: 150px; }
    body.homepage.french section#newsletter h1 { width: 160px; }
    body.homepage section#newsletter p { font-size: 14px; line-height: 17px; width: 170px; }
    body.homepage section#newsletter p a::before { height: 11px; }
    body.homepage section#newsletter button.subscribe { font-size: 13px; height: 280px; left: calc(50% - 145px); line-height: 15px; padding: 0 30px 91px; top: 385px; width: 290px; }
    body.homepage section#newsletter button.subscribe strong { font-size: 23px; line-height: 23px; margin-bottom: -5px; padding: 0 20px; }
    body.homepage.french section#newsletter button.subscribe strong { padding: 0; }
    body.homepage section#newsletter form { left: calc(50% - 72px); position: absolute; text-align: center; top: 538px; width: 144px; }
    body.homepage section#newsletter form input { display: block; font-size: 11px; height: 26px; margin-left: -15px; margin-bottom: 5px; text-align: center; width: 174px; }
    body.homepage section#newsletter form small { display: block; font-size: 11px; margin-bottom: 5px; }
    body.homepage section#newsletter form button { background: none; color: #fff; cursor: pointer; display: inline-block; font-family: 'Trade Gothic'; font-size: 18px; font-weight: bold; margin: 0 auto; text-transform: uppercase; }
    body.homepage div#newsletter_container span#subscribe { top: 320px; }

    /* Glossary */
    body.homepage section.glossary { padding: 24px; }
    body.homepage section.glossary h2 { font-size: 34px; line-height: 31px; margin-bottom: 13px; }
    body.homepage section.glossary p { font-size: 14px; line-height: 17px; width: 200px; }
    body.homepage section.glossary p a::before { height: 11px; }

    /* Library */
    body.homepage section.library { padding-bottom: 20px; }
    body.homepage section.library div.scroller ul { left: 20px; margin-right: 20px; }
    body.homepage section.library div.scroller ul li a img { width: 130px; }
    body.homepage section.library.guides div.scroller ul li a img { width: 150px; }
	body.homepage section.library div.scroller ul li a small { font-size: 12px; margin: -14px 0 6px; }
    body.homepage section.library.guides div.scroller button { top: calc(50% - 17px); }
    body.homepage section.library.guides div.scroller { margin-bottom: 20px; }
    body.homepage section.library.guides div.scroller ul li a img { margin-bottom: 0; }

    /* CTA */
    body.homepage section.cta { height: 380px; }
    body.homepage section.cta.essay a.content { bottom: 18px; left: 18px; padding: 20px; position: absolute; width: calc(100% - 36px); }
    body.homepage section.cta.essay a.content strong { font-size: 36px; line-height: 32px; margin-bottom: 14px; }
    body.homepage section.cta.essay a.content div > p { line-height: 18px; }
    body.homepage section.cta.essay a.content small { font-size: 13px; line-height: 18px; }
	
	body.homepage section.on-view { min-height: 380px; }

    body.homepage section.cta.event a.content { color: #fff; padding-top: 32px; }
    body.homepage section.cta.event a.content h2 { border-bottom-color: #fff; }

    body.homepage section.cta.my-canada a.content { padding: 115px 18px 16px; }
    body.homepage section.cta.my-canada a.content h2 { font-size: 45px; line-height: 39px; margin-bottom: 11px; }
    body.homepage section.cta.my-canada a.content em { font-size: 16px; line-height: 17px; }
    body.homepage section.cta.my-canada a.content img { border-width: 2px; height: 114px; top: -10px; width: 114px; }

    body.homepage section.cta.glossary a.content { padding: 115px 18px 16px; }
    body.homepage section.cta.glossary a.content strong { font-size: 45px; line-height: 39px; margin-bottom: 11px; }
    body.homepage section.cta.glossary a.content em { font-size: 16px; line-height: 17px; }

    /* Social */
    body.homepage section.social-block { padding: 26px 0 23px 0; }
    body.homepage section.social-block div.feed:first-of-type { padding-bottom: 20px; }
    body.homepage section.social-block div.feed a.figure { margin-bottom: 25px; }
    body.homepage section.social-block div.feed strong { line-height: 22px; margin-bottom: 6px; }
    body.homepage section.social-block div.feed p,
    body.homepage section.social-block div.feed a:last-child { line-height: 19px; }
    body.homepage section.social-block div.feed p { margin-bottom: 8px; }
}

/** Mobile MD **********/
@media all and (min-width: 375px) and (max-width: 767px){
    body.homepage section#banner div.slide.on-view a.content h2 { font-size: 19px; }
    body.homepage section#banner div.slide.on-view a.content strong { font-size: 32px; line-height: 30px; margin-bottom: 9px; }
    body.homepage section#banner div.slide.on-view a.content p { font-size: 14px; line-height: 17px; margin-bottom: 6px; max-width: 320px; }
    body.homepage section#banner div.slide.on-view a.content small { font-size: 14px; line-height: 17px; }

    body.homepage section#banner div.slide.event a.content h2 { font-size: 19px; }
    body.homepage section#banner div.slide.event a.content strong { font-size: 26px; line-height: 23px; margin-bottom: 16px; }
    body.homepage section#banner div.slide.event a.content > p { font-size: 14px; line-height: 21px; margin-bottom: 6px; }

}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.homepage section#banner div.slide.on-view a.content { background: #fff; color: #000 !important; display: inline-block; margin-top: 20px; }
    body.homepage section#banner div.slide.on-view a.content h2 { border-bottom-color: #000 !important; }
    body.homepage section#banner div.slide.on-view a.content strong { white-space: pre-line; }
    body.homepage section#banner div.slide.on-view.active a.content { margin-top: 0; }

    body.homepage section#banner div.slide.event a.content { background: #fff; margin-top: 20px; }
    body.homepage section#banner div.slide.event.active a.content { margin-top: 0; }

    body.homepage section#banner div.slide.book a.content { display: inline-block; }
    body.homepage section#banner div.slide.book a.content img { display: block; margin: 0 auto; }

    body.homepage section#banner div.slide.essay a.content,
    body.homepage section#banner div.slide.under-the-influence a.content,
    body.homepage section#banner div.slide.event a.content,
    body.homepage section#banner div.slide.my-canada a.content,
    body.homepage section#banner div.slide.glossary a.content { display: inline-block; }

    body.homepage section#banner div.slide.book-inner a.content { left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }

    body.homepage section#banner div.living-history a.content { left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }


    body.homepage section#intro { font-size: 0; }
    body.homepage section#intro aside q { color: #e7244c; display: block; font-family: circular; font-weight: bold; white-space: pre-line; }
    body.homepage section#intro aside small { display: block; padding-left: 14px; position: relative; text-transform: uppercase; white-space: pre-line; }
    body.homepage section#intro aside small::before { border-top: 1px solid #000; content: ''; display: block; height: 0; left: 0; position: absolute; }
    /*		body.homepage section#intro article p:first-of-type a { display: none; } */

    body.homepage section#newsletter { overflow: hidden; }
    body.homepage section#newsletter button.subscribe { overflow: hidden; }
    body.homepage section#newsletter p { white-space: pre-line; }
    body.homepage section#newsletter form { background: rgba(0, 0, 0, 0.5); font-size: 0; left: 0; position: absolute; text-align: right; transition: bottom ease-out 0.3s; width: 100%; }
    body.homepage section#newsletter form.active { bottom: 0; }
    body.homepage section#newsletter form input[type="text"] { color: #959595; display: inline-block; margin-right: 10px; }
    body.homepage section#newsletter form small { position: absolute; }
    body.homepage section#newsletter form button { color: #fff; cursor: pointer; display: inline-block; text-align: center; text-transform: uppercase; }

    body.homepage section.glossary { padding: 32px; }
    body.homepage section.glossary p { white-space: pre-line; }

    body.homepage section.cta.essay a.content { display: inline-block; height: 100%; }
    body.homepage section.cta.essay a.content div { left: 0; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
    body.homepage section.cta.essay a.content strong span { display: block; }

    body.homepage section.cta.event a.content { background: #fff; display: inline-block; height: 100%; }

    body.homepage section.cta.my-canada a.content { display: inline-block; }

    body.homepage section.social-block { font-size: 0; text-align: center; }
    body.homepage section.social-block div.feed { display: inline-block; vertical-align: top; }
}


/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
    body.homepage section#banner button { height: 45px; top: 50%; width: 45px; }
    body.homepage section#banner button::after { border-width: 3px 3px 0 0; height: 8px; left: calc(50% - 8px); top: calc(50% - 5px); width: 8px; }

    body.homepage section#intro aside small::before { top: 5px; width: 13px; }

    body.homepage section#newsletter button.subscribe { font-size: 11px; height: 200px; line-height: 13px; padding: 5px 20px 0; top: -31px; width: 200px; }
    body.homepage.french section#newsletter button.subscribe { padding-top: 10px; }
    body.homepage section#newsletter button.subscribe strong { font-size: 25px; line-height: 26px; }
    body.homepage.french section#newsletter button.subscribe strong	{ font-size: 21px; line-height: 23px; }
    body.homepage section#newsletter p a { font-size: 14px; }
    body.homepage section#newsletter form { bottom: -50px; height: 50px; padding: 8px 32px; }
    body.homepage section#newsletter form input[type="text"] { font-size: 13px; height: 34px; text-indent: 16px; }
    body.homepage section#newsletter form small { font-size: 13px; height: 34px; line-height: 34px; right: 365px; }
    body.homepage section#newsletter form button { font-size: 14px; height: 34px; padding: 0 15px; }
    body.homepage div#newsletter_container span#subscribe { top: -73px; }

    body.homepage section.glossary p a { font-size: 14px; }

    /* Scroller (Library / Spotlight) */
    body.homepage section.scroller div.scroller button { height: 45px; width: 45px; }
    body.homepage section.scroller div.scroller button::after { border-width: 3px 3px 0 0; height: 8px; left: calc(50% - 8px); top: calc(50% - 5px); width: 8px; }
}


/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.homepage { padding-top: 73px; }

    /* Banner */
    body.homepage section#banner { height: calc(100vh - 96px - 25px); }

    body.homepage section#banner div.slide.on-view { padding-top: 18px; }
    body.homepage section#banner div.slide.on-view a.content { padding: 26px 26px; min-width: 304px; }
    body.homepage section#banner div.slide.on-view a.content strong { font-size: 39px; line-height: 36px; margin-bottom: 9px; }
    body.homepage section#banner div.slide.on-view a.content p { font-size: 17px; line-height: 23px; margin-bottom: 3px; /*width: 304px;*/ }
    body.homepage section#banner div.slide.on-view a.content small { font-size: 17px; line-height: 23px; }
    body.homepage section#banner div.slide.on-view a.content p span { font-size: 14px; padding-top: 10px; }

    body.homepage section#banner div.slide.event { padding-top: 18px; }
    body.homepage section#banner div.slide.event a.content { padding: 26px 26px 29px; }
    body.homepage section#banner div.slide.event a.content strong { font-size: 39px; line-height: 36px; margin-bottom: 14px; }
    body.homepage section#banner div.slide.event a.content > p { font-size: 18px; line-height: 24px; }

    body.homepage section#banner div.slide.book a.content { margin-top: 20px; padding: 22px 54px 40px; }
    body.homepage section#banner div.slide.book.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.book a.content img { height: 126px; margin-bottom: 25px; }
    body.homepage section#banner div.slide.book a.content strong { font-size: 18px; margin-bottom: 32px; }
    body.homepage section#banner div.slide.book a.content h3 { font-size: 69px; line-height: 63px; margin-bottom: 27px; }
    body.homepage section#banner div.slide.book a.content em { font-size: 24px; margin-bottom: 6px; }
    body.homepage section#banner div.slide.book a.content small { font-size: 19px; }

    body.homepage section#banner div.slide.book-inner a.content { margin-top: 20px; width: 434px; }
    body.homepage section#banner div.slide.book-inner.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.book-inner a.content img { margin-bottom: 22px; }
    body.homepage section#banner div.slide.book-inner a.content h3 { font-size: 20px; padding-bottom: 2px; margin-bottom: 31px; }
    body.homepage section#banner div.slide.book-inner a.content q { font-size: 33px; margin-bottom: 16px; }
    body.homepage section#banner div.slide.book-inner a.content small { font-size: 17px; }

    body.homepage section#banner div.slide.essay a.content { margin-top: 20px; padding: 22px 42px 26px; }
    body.homepage section#banner div.slide.essay.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.essay a.content h2 { margin-bottom: 32px; }
    body.homepage section#banner div.slide.essay a.content strong { font-size: 76px; line-height: 63px; margin-bottom: 31px; }
    body.homepage section#banner div.slide.essay a.content > p { font-size: 25px; line-height: 27px; margin-bottom: 17px; }
    body.homepage section#banner div.slide.essay a.content small { font-size: 19px; line-height: 27px; }

    body.homepage section#banner div.slide.under-the-influence a.content { padding: 30px 35px; }
    body.homepage section#banner div.slide.under-the-influence.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.under-the-influence a.content img { height: 114px; margin-bottom: 23px; }
    body.homepage section#banner div.slide.under-the-influence a.content strong { font-size: 53px; line-height: 64px; margin-bottom: 22px; }
    body.homepage section#banner div.slide.under-the-influence a.content strong em { font-size: 59px; margin-bottom: -10px; }
    body.homepage section#banner div.slide.under-the-influence a.content small { font-size: 19px; }

    body.homepage section#banner div.slide.living-history a.content { border-width: 20px; height: calc(100% - 140px); margin-top: 20px; min-height: 330px; min-width: 340px; padding: 0 38px; }
    body.homepage section#banner div.slide.living-history.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.living-history a.content strong { font-size: 48px; line-height: 48px; }
    body.homepage section#banner div.slide.living-history a.content strong span { padding-top: 4px; }
    body.homepage section#banner div.slide.living-history a.content em { font-size: 58px; line-height: 56px; margin-bottom: 6px; }
    body.homepage section#banner div.slide.living-history a.content p { font-size: 19px; line-height: 24px; margin-bottom: 34px; max-width: 180px; }

    body.homepage section#banner div.slide.my-canada a.content { margin-top: 20px; padding: 152px 25px 22px; }
    body.homepage section#banner div.slide.my-canada.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.my-canada a.content h2 { font-size: 60px; line-height: 52px; margin-bottom: 18px; }
    body.homepage section#banner div.slide.my-canada a.content em { font-size: 21px; line-height: 22px; }
    body.homepage section#banner div.slide.my-canada a.content img { height: 154px; width: 154px; top: -17px; }

    body.homepage section#banner div.slide.glossary a.content { margin-top: 20px; padding: 52px 25px; }
    body.homepage section#banner div.slide.glossary.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.glossary a.content h2 { margin-bottom: 32px; }
    body.homepage section#banner div.slide.glossary a.content > strong { font-size: 60px; line-height: 52px; margin-bottom: 18px; }
    body.homepage section#banner div.slide.glossary a.content em { font-size: 21px; line-height: 22px; }

    body.homepage section#banner div.slide.exhibition a.content { margin-top: 20px; }
    body.homepage section#banner div.slide.exhibition.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.exhibition a.content h2 { margin-bottom: 28px; }
    body.homepage section#banner div.slide.exhibition a.content strong { font-size: 61px; line-height: 58px; margin-bottom: 18px; }
    body.homepage section#banner div.slide.exhibition a.content small { font-size: 17px; }

    /* Intro */
    body.homepage section#intro { padding: 50px 0 45px 0; }
    body.homepage section#intro::before { border-width: 0 23px 23px 23px; top: -23px; }
    body.homepage section#intro h3 { font-size: 24px; margin-bottom: 13px; }
    body.homepage section#intro article { display: inline-block; margin-right: 50px; vertical-align: top; width: calc(100% - 225px); }
    body.homepage section#intro article p { font-size: 15px; line-height: 20px; }
    body.homepage section#intro article p a { font-size: 14px; }
    body.homepage section#intro aside:first-of-type { display: none; }
    body.homepage section#intro aside:last-of-type { display: inline-block; vertical-align: top; width: 175px; }
    body.homepage section#intro aside:last-of-type q:last-of-type,
    body.homepage section#intro aside:last-of-type small:last-of-type { display: none; }
    body.homepage section#intro aside q { font-size: 15px; margin-bottom: 12px; }
    body.homepage section#intro aside small { font-size: 12px; }
    body.homepage section#intro aside small:not(:last-of-type) { margin-bottom: 13px; }
    body.homepage section#intro aside strong,
    body.homepage section#intro aside p { display: none; }

    /* Newsletter */
    body.homepage section#newsletter { height: 330px; }
    body.homepage section#newsletter div.container { padding-top: 17px; }
    body.homepage section#newsletter h1 { font-size: 46px; line-height: 41px; margin-bottom: 8px; width: 210px; }
    body.homepage section#newsletter p { font-size: 15px; line-height: 18px; }
    body.homepage section#newsletter p a::before { height: 10px; }
    body.homepage section#newsletter button.subscribe { right: 18px; }
    body.homepage section#newsletter form input[type="text"] { width: 200px; }
    body.homepage section#newsletter form small { right: 535px; }

    /* Glossary */
    body.homepage section.glossary h2 { font-size: 46px; line-height: 41px; margin-bottom: 8px; }
    body.homepage section.glossary p { font-size: 15px; line-height: 18px; }
    body.homepage section.glossary p a::before { height: 10px; }

    /* Library */
    body.homepage section.library { padding-bottom: 56px; }
    body.homepage section.library div.scroller ul { left: 20px; margin-right: 20px; }
    body.homepage section.library div.scroller ul li a img { margin-bottom: 20px; width: 130px; }
    body.homepage section.library.guides div.scroller ul li a img { width: 210px; }
	body.homepage section.library div.scroller ul li a small { font-size: 14px; margin: -14px 0 10px; }
    body.homepage section.library div.scroller button { top: 57px; }
    body.homepage section.library.guides div.scroller { margin-bottom: 20px; }
    body.homepage section.library.guides div.scroller button { top: calc(50% - 22px); }
    body.homepage section.library.guides div.scroller img { margin-bottom: 0; }

    /* Spotlight */
    body.homepage section#spotlight { padding-bottom: 47px; }

    /* CTA */
    body.homepage section.cta { height: 330px; }
    body.homepage section.cta.essay { padding: 18px; }
    body.homepage section.cta.essay a.content { padding: 13px 20px; }
    body.homepage section.cta.essay a.content strong { font-size: 46px; line-height: 41px; margin-bottom: 12px; }
    body.homepage section.cta.essay a.content div > p { line-height: 17px; margin-bottom: 3px; }
    body.homepage section.cta.essay a.content small { font-size: 14px; line-height: 17px; }
	
	body.homepage section.on-view { min-height: 330px; }

    body.homepage section.cta.event { padding: 18px; }
    body.homepage section.cta.event a.content { padding: 13px 20px; }

    body.homepage section.cta.my-canada a.content { padding: 115px 18px 16px; }
    body.homepage section.cta.my-canada a.content h2 { font-size: 45px; line-height: 39px; margin-bottom: 11px; }
    body.homepage section.cta.my-canada a.content em { font-size: 16px; line-height: 17px; }
    body.homepage section.cta.my-canada a.content img { height: 114px; top: -10px; width: 114px; }

    /* Social */
    body.homepage section.social-block { padding: 40px 0 27px 0; }
    body.homepage section.social-block div.feed { width: calc(50% - 9px); }
    body.homepage section.social-block div.feed:first-of-type { margin-right: 18px; }
    body.homepage section.social-block div.feed a.figure { margin-bottom: 32px; }
    body.homepage section.social-block div.feed strong { margin-bottom: 16px; }
    body.homepage section.social-block div.feed p,
    body.homepage section.social-block div.feed a:last-child { line-height: 17px; }
    body.homepage section.social-block div.feed p { margin-bottom: 9px; }
}


/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.homepage section#banner div.slide.my-canada a.content img { border-width: 4px; }

    body.homepage section#banner div.slide.exhibition a.content strong { margin-bottom: 10px; }

    body.homepage section#newsletter button.subscribe { right: 32px; }
    body.homepage section#newsletter form input[type="text"] { width: 242px; }
    body.homepage section#newsletter form small { right: 615px; }

    body.homepage section#intro article { display: inline-block; vertical-align: top; width: 515px; }
    body.homepage section#intro aside { display: inline-block; vertical-align: top; }
    body.homepage section#intro aside:last-of-type q:nth-of-type(-n+2),
    body.homepage section#intro aside:last-of-type small:nth-of-type(-n+2) { display: none; }
    body.homepage section#intro aside strong { border-bottom: 2px solid #000; display: inline-block; text-transform: uppercase; }

    body.homepage section.cta.essay { padding: 32px; }
    body.homepage section.cta.essay a.content { padding: 32px 40px; }

    body.homepage section.cta.exhibition a.content strong { margin-bottom: 10px; }

    body.homepage section.cta.event { padding: 32px; }
    body.homepage section.cta.event a.content { padding: 32px 32px; }

    body.homepage section.cta.my-canada a.content img { border-width: 4px; }
}


/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.homepage { padding-top: 73px; }
    body.homepage section#banner { height: calc(100vh - 115px - 25px); }

    body.homepage section#banner div.slide.on-view { padding-top: 32px; }
    body.homepage section#banner div.slide.on-view a.content { padding: 26px 26px; min-width: 304px; }
    body.homepage section#banner div.slide.on-view a.content strong { font-size: 39px; line-height: 36px; margin-bottom: 9px; }
    body.homepage section#banner div.slide.on-view a.content p { font-size: 17px; line-height: 23px; margin-bottom: 3px; /*width: 304px;*/ }
    body.homepage section#banner div.slide.on-view a.content small { font-size: 17px; line-height: 23px; }
    body.homepage section#banner div.slide.on-view a.content p span { font-size: 14px; padding-top: 6px; }

    body.homepage section#banner div.slide.event { padding-top: 32px; }
    body.homepage section#banner div.slide.event a.content { padding: 26px 26px 29px; }
    body.homepage section#banner div.slide.event a.content strong { font-size: 39px; line-height: 36px; margin-bottom: 14px; }
    body.homepage section#banner div.slide.event a.content > p { font-size: 18px; line-height: 24px; }

    body.homepage section#banner div.slide.book a.content { margin-top: 20px; padding: 22px 54px 40px; }
    body.homepage section#banner div.slide.book.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.book a.content img { height: 126px; margin-bottom: 25px; }
    body.homepage section#banner div.slide.book a.content strong { font-size: 18px; margin-bottom: 32px; }
    body.homepage section#banner div.slide.book a.content h3 { font-size: 69px; line-height: 63px; margin-bottom: 27px; }
    body.homepage section#banner div.slide.book a.content em { font-size: 24px; margin-bottom: 6px; }
    body.homepage section#banner div.slide.book a.content small { font-size: 19px; }

    body.homepage section#banner div.slide.book-inner a.content { margin-top: 20px; width: 434px; }
    body.homepage section#banner div.slide.book-inner.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.book-inner a.content img { margin-bottom: 22px; }
    body.homepage section#banner div.slide.book-inner a.content h3 { font-size: 20px; padding-bottom: 2px; margin-bottom: 31px; }
    body.homepage section#banner div.slide.book-inner a.content q { font-size: 33px; margin-bottom: 16px; }
    body.homepage section#banner div.slide.book-inner a.content small { font-size: 17px; }

    body.homepage section#banner div.slide.essay a.content { margin-top: 20px; padding: 22px 42px 26px; }
    body.homepage section#banner div.slide.essay.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.essay a.content h2 { margin-bottom: 32px; }
    body.homepage section#banner div.slide.essay a.content strong { font-size: 76px; line-height: 63px; margin-bottom: 31px; }
    body.homepage section#banner div.slide.essay a.content > p { font-size: 25px; line-height: 27px; margin-bottom: 17px; }
    body.homepage section#banner div.slide.essay a.content small { font-size: 19px; line-height: 27px; }

    body.homepage section#banner div.slide.under-the-influence a.content { padding: 30px 35px; }
    body.homepage section#banner div.slide.under-the-influence.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.under-the-influence a.content img { height: 114px; margin-bottom: 23px; }
    body.homepage section#banner div.slide.under-the-influence a.content strong { font-size: 53px; line-height: 64px; margin-bottom: 22px; }
    body.homepage section#banner div.slide.under-the-influence a.content strong em { font-size: 59px; margin-bottom: -10px; }
    body.homepage section#banner div.slide.under-the-influence a.content small { font-size: 19px; }

    body.homepage section#banner div.slide.living-history a.content { border-width: 20px; height: calc(100% - 140px); margin-top: 20px; min-height: 330px; min-width: 340px; padding: 0 38px; }
    body.homepage section#banner div.slide.living-history.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.living-history a.content strong { font-size: 48px; line-height: 48px; }
    body.homepage section#banner div.slide.living-history a.content strong span { padding-top: 4px; }
    body.homepage section#banner div.slide.living-history a.content em { font-size: 58px; line-height: 56px; margin-bottom: 6px; }
    body.homepage section#banner div.slide.living-history a.content p { font-size: 19px; line-height: 24px; margin-bottom: 34px; max-width: 180px; }

    body.homepage section#banner div.slide.my-canada a.content { margin-top: 20px; padding: 152px 25px 22px; }
    body.homepage section#banner div.slide.my-canada.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.my-canada a.content h2 { font-size: 60px; line-height: 52px; margin-bottom: 18px; }
    body.homepage section#banner div.slide.my-canada a.content em { font-size: 21px; line-height: 22px; }
    body.homepage section#banner div.slide.my-canada a.content img { height: 154px; width: 154px; top: -17px; }

    body.homepage section#banner div.slide.glossary a.content { margin-top: 20px; padding: 52px 25px; }
    body.homepage section#banner div.slide.glossary.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.glossary a.content h2 { margin-bottom: 32px; }
    body.homepage section#banner div.slide.glossary a.content > strong { font-size: 60px; line-height: 52px; margin-bottom: 18px; }
    body.homepage section#banner div.slide.glossary a.content em { font-size: 21px; line-height: 22px; }

    body.homepage section#banner div.slide.exhibition a.content { margin-top: 20px; }
    body.homepage section#banner div.slide.exhibition.active a.content { margin-top: 0; }
    body.homepage section#banner div.slide.exhibition a.content h2 { margin-bottom: 21px; }
    body.homepage section#banner div.slide.exhibition a.content strong { font-size: 61px; margin-bottom: 18px; }
    body.homepage section#banner div.slide.exhibition a.content small { font-size: 17px; }

    body.homepage section#intro { padding: 65px 0 85px 0; }
    body.homepage section#intro::before { border-width: 0 31px 31px 31px; top: -31px; }
    body.homepage section#intro h3 { font-size: 29px; margin: 0 0 11px 275px; }
    body.homepage section#intro article { margin: 0 50px; width: calc(100% - 225px - 225px - 50px - 50px); }
    body.homepage section#intro article p { font-size: 17px; line-height: 23px; }
    body.homepage section#intro aside { width: 225px; }
    body.homepage section#intro aside q { font-size: 17px; margin-bottom: 15px; }
    body.homepage section#intro aside small { font-size: 13px; }
    body.homepage section#intro aside small:not(:last-of-type) { margin-bottom: 15px; }
    body.homepage section#intro aside small:last-of-type { margin-bottom: 65px; }
    body.homepage section#intro aside strong { font-size: 18px; margin-bottom: 8px; padding-bottom: 1px; }
    body.homepage section#intro aside p { font-size: 15px; line-height: 18px; }
    body.homepage section#intro p a { font-size: 14px; line-height: 15px; }

    body.homepage section#newsletter { height: 440px; }
    body.homepage section#newsletter div.container { padding-top: 32px; }
    body.homepage section#newsletter h1 { font-size: 61px; line-height: 54px; margin-bottom: 18px; }
    body.homepage.english section#newsletter h1 { width: 240px; }
    body.homepage.french section#newsletter h1 { width: 270px; }
    body.homepage section#newsletter p { font-size: 17px; line-height: 21px; }
    body.homepage section#newsletter p a::before { height: 6px; }

    /* Glossary */
    body.homepage section.glossary h2 { font-size: 61px; line-height: 54px; margin-bottom: 18px; }
    body.homepage section.glossary p { font-size: 17px; line-height: 21px; }
    body.homepage section.glossary p a::before { height: 6px; }

    /* Library */
    body.homepage section.library { padding: 60px 0 80px; }
    body.homepage section.library div.scroller ul { left: 20px; margin-right: 20px; }
    body.homepage section.library div.scroller ul li { width: 142px; }
    body.homepage section.library.guides div.scroller ul li { width: 230px; }
    body.homepage section.library div.scroller ul li a img { margin-bottom: 19px; }
	body.homepage section.library div.scroller ul li a small { font-size: 16px; margin-bottom: 10px; }
    body.homepage section.library div.scroller ul li a strong { font-size: 17px; margin-bottom: 3px; }
    body.homepage section.library div.scroller button { top: 67px; }
    body.homepage section.library.guides div.scroller { margin-bottom: 19px; }
    body.homepage section.library.guides div.scroller button { top: calc(50% - 22px); }
    body.homepage section.library.guides div.scroller img { margin-bottom: 0; }

    /* Spotlight */
    body.homepage section#spotlight { padding: 60px 0 53px; }

    body.homepage section.cta { height: 440px; }
    body.homepage section.cta.essay a.content strong { font-size: 61px; line-height: 55px; margin-bottom: 17px; }
    body.homepage section.cta.essay a.content div > p { font-size: 22px; line-height: 23px; margin-bottom: 3px; }
    body.homepage section.cta.essay a.content small { font-size: 19px; line-height: 23px; }
	
	body.homepage section.on-view { min-height: 440px; }

    body.homepage section.cta.exhibition a.content h2 { margin-bottom: 21px; }
    body.homepage section.cta.exhibition a.content strong { font-size: 61px; }
    body.homepage section.cta.exhibition a.content small { font-size: 17px; }

    body.homepage section.cta.event a.content strong { font-size: 30px; margin-bottom: 22px; }
    body.homepage section.cta.event a.content > p { margin-bottom: 25px; }
    body.homepage section.cta.event a.content em { font-size: 18px; margin-bottom: 23px; }
    body.homepage section.cta.event a.content small { line-height: 19px; }

    body.homepage section.cta.my-canada a.content { padding: 152px 25px 22px; }
    body.homepage section.cta.my-canada a.content h2 { font-size: 60px; line-height: 52px; margin-bottom: 18px; }
    body.homepage section.cta.my-canada a.content em { font-size: 21px; line-height: 22px; }
    body.homepage section.cta.my-canada a.content img { height: 154px; width: 154px; top: -17px; }

    body.homepage section.social-block { padding: 51px 0 48px 0; }
    body.homepage section.social-block div.feed { width: calc(50% - 12px); }
    body.homepage section.social-block div.feed:first-of-type { margin-right: 24px; }
    body.homepage section.social-block div.feed a.figure { margin-bottom: 35px; }
    body.homepage section.social-block div.feed strong { font-size: 22px; margin-bottom: 7px; }
    body.homepage section.social-block div.feed p,
    body.homepage section.social-block div.feed a:last-child { line-height: 19px; }
    body.homepage section.social-block div.feed p { margin-bottom: 5px; }
    body.homepage section.social-block div.feed:last-child a.figure::after { height: 86px; width: 86px; }
}


/** Desktop **********/
@media all and (min-width: 1280px){
    body.homepage section#banner { height: 100vh; }

    body.homepage section#banner div.slide.on-view { padding-top: 176px; }
    body.homepage section#banner div.slide.on-view a.content { display: inline-block; min-width: 380px; padding: 30px; }
    body.homepage section#banner div.slide.on-view a.content strong { font-size: 49px; line-height: 45px; margin-bottom: 12px; }
    body.homepage section#banner div.slide.on-view a.content p { font-size: 23px; line-height: 28px; margin-bottom: 6px; /*width: 380px;*/ }
    body.homepage section#banner div.slide.on-view a.content small { font-size: 23px; line-height: 28px; }
    body.homepage section#banner div.slide.on-view a.content p span { font-size: 17px; padding-top: 4px; }

    body.homepage section#banner div.slide.event { padding-top: 175px; }
    body.homepage section#banner div.slide.event a.content { padding: 30px 30px 38px 30px; }
    body.homepage section#banner div.slide.event a.content strong { font-size: 49px; line-height: 46px; margin-bottom: 12px; }
    body.homepage section#banner div.slide.event a.content > p { font-size: 23px; line-height: 29px; }

    body.homepage section#banner div.slide.book a.content { margin-top: 92px; padding: 28px 70px 25px; }
    body.homepage section#banner div.slide.book.active a.content { margin-top: 72px; }
    body.homepage section#banner div.slide.book a.content img { height: 157px; margin-bottom: 18px; }
    body.homepage section#banner div.slide.book a.content strong { font-size: 23px; margin-bottom: 18px; }
    body.homepage section#banner div.slide.book a.content h3 { font-size: 87px; line-height: 78px; margin-bottom: 21px; }
    body.homepage section#banner div.slide.book a.content em { font-size: 30px; margin-bottom: 7px; }
    body.homepage section#banner div.slide.book a.content small { font-size: 24px; }

    body.homepage section#banner div.slide.book-inner a.content { margin-top: 92px; width: 540px; }
    body.homepage section#banner div.slide.book-inner.active a.content { margin-top: 72px; }
    body.homepage section#banner div.slide.book-inner a.content img { margin-bottom: 27px; }
    body.homepage section#banner div.slide.book-inner a.content h3 { font-size: 25px; padding-bottom: 2px; margin-bottom: 41px; }
    body.homepage section#banner div.slide.book-inner a.content q { font-size: 41px; margin-bottom: 16px; }
    body.homepage section#banner div.slide.book-inner a.content small { font-size: 21px; }

    body.homepage section#banner div.slide.essay a.content { margin-top: 92px; padding: 28px 54px 34px; }
    body.homepage section#banner div.slide.essay.active a.content { margin-top: 72px; }
    body.homepage section#banner div.slide.essay a.content h2 { margin-bottom: 22px; }
    body.homepage section#banner div.slide.essay a.content strong { font-size: 95px; line-height: 78px; margin-bottom: 38px; }
    body.homepage section#banner div.slide.essay a.content > p { font-size: 30px; line-height: 34px; margin-bottom: 21px; }
    body.homepage section#banner div.slide.essay a.content small { font-size: 24px; line-height: 34px; }

    body.homepage section#banner div.slide.under-the-influence a.content { margin-top: 92px; padding: 38px 44px; }
    body.homepage section#banner div.slide.under-the-influence.active a.content { margin-top: 72px; }
    body.homepage section#banner div.slide.under-the-influence a.content img { height: 142px; margin-bottom: 30px; }
    body.homepage section#banner div.slide.under-the-influence a.content strong { font-size: 66px; line-height: 81px; margin-bottom: 22px; }
    body.homepage section#banner div.slide.under-the-influence a.content strong em { font-size: 74px; margin-bottom: -14px; }
    body.homepage section#banner div.slide.under-the-influence a.content small { font-size: 24px; }

    body.homepage section#banner div.slide.living-history a.content { border-width: 26px; height: calc(100% - 264px); margin-top: 92px; min-height: 412px; min-width: 426px; padding: 0 46px; }
    body.homepage section#banner div.slide.living-history.active a.content { margin-top: 72px; }
    body.homepage section#banner div.slide.living-history a.content strong { font-size: 60px; line-height: 72px; }
    body.homepage section#banner div.slide.living-history a.content em { font-size: 72px; line-height: 70px; margin-bottom: 11px; }
    body.homepage section#banner div.slide.living-history a.content p { font-size: 24px; line-height: 31px; margin-bottom: 21px; max-width: 220px; }

    body.homepage section#banner div.slide.my-canada a.content { margin-top: 92px; padding: 190px 29px 26px; }
    body.homepage section#banner div.slide.my-canada.active a.content { margin-top: 72px; }
    body.homepage section#banner div.slide.my-canada a.content h2 { font-size: 75px; line-height: 64px; margin-bottom: 23px; }
    body.homepage section#banner div.slide.my-canada a.content em { font-size: 26px; line-height: 29px; }
    body.homepage section#banner div.slide.my-canada a.content img { height: 190px; top: -19px; width: 190px; }

    body.homepage section#banner div.slide.glossary a.content { margin-top: 92px; padding: 69px 29px; }
    body.homepage section#banner div.slide.glossary.active a.content { margin-top: 72px; }
    body.homepage section#banner div.slide.glossary a.content h2 { margin-bottom: 22px; }
    body.homepage section#banner div.slide.glossary a.content > strong { font-size: 75px; line-height: 64px; margin-bottom: 23px; }
    body.homepage section#banner div.slide.glossary a.content em { font-size: 26px; line-height: 29px; }

    body.homepage section#banner div.slide.exhibition a.content { margin-top: 72px; }
    body.homepage section#banner div.slide.exhibition.active a.content { margin-top: 52px; }
    body.homepage section#banner div.slide.exhibition a.content h2 { margin-bottom: 28px; }
    body.homepage section#banner div.slide.exhibition a.content strong { font-size: 76px; margin-bottom: 20px; }
    body.homepage section#banner div.slide.exhibition a.content small { font-size: 22px; }

    body.homepage section#banner button { height: 55px; top: calc(50% + 72px); width: 55px; }
    body.homepage section#banner button::after { border-width: 3px 3px 0 0; height: 12px; left: calc(50% - 11px); top: calc(50% - 7px); width: 12px; }

    body.homepage section#intro { padding: 82px 0 108px 0; }
    body.homepage section#intro::before { border-width: 0 38px 38px 38px; top: -38px; }
    body.homepage section#intro h3 { font-size: 36px; margin-bottom: 0; width: 530px; }
    body.homepage section#intro article p { font-size: 22px; line-height: 29px; }
    body.homepage section#intro aside:first-of-type { width: 300px; }
    body.homepage section#intro aside:last-of-type { width: 312px; }
    body.homepage section#intro aside q { font-size: 22px; line-height: 26px; margin-bottom: 16px; }
    body.homepage section#intro aside small { font-size: 17px; }
    body.homepage section#intro aside small::before { top: 9px; width: 17px; }
    body.homepage section#intro aside small:not(:last-of-type) { margin-bottom: 18px; }
    body.homepage section#intro aside small:last-of-type { margin-bottom: 81px; }
    body.homepage section#intro aside strong { font-size: 23px; margin-bottom: 10px; padding-bottom: 1px; }
    body.homepage section#intro aside p { font-size: 19px; line-height: 22px; }
    body.homepage section#intro p a { font-size: 17px; line-height: 19px; }

    body.homepage section#newsletter div.container { padding-top: 29px; }
    body.homepage section#newsletter button.subscribe { font-size: 14px; height: 250px; line-height: 17px; padding: 10px 20px 0; top: -40px; width: 250px; }
    body.homepage.french section#newsletter button.subscribe { padding: 22px 22px 0; }
    body.homepage section#newsletter button.subscribe strong { font-size: 31px; line-height: 32px; }
    body.homepage.french section#newsletter button.subscribe strong { font-size: 27px; line-height: 28px; }
    body.homepage section#newsletter h1 { font-size: 76px; line-height: 68px; margin-bottom: 17px; }
    body.homepage.english section#newsletter h1 { width: 300px; }
    body.homepage.french section#newsletter h1 { width: 340px; }
    body.homepage section#newsletter p { font-size: 23px; line-height: 28px; }
    body.homepage section#newsletter p a { font-size: 17px; }
    body.homepage section#newsletter p a::before { height: 4px; }
    body.homepage section#newsletter form { bottom: -66px; height: 66px; padding: 11px 32px; }
    body.homepage section#newsletter form input[type="text"] { font-size: 14px; height: 44px; text-indent: 19px; width: 302px; }
    body.homepage section#newsletter form small { font-size: 14px; height: 44px; line-height: 44px; right: 755px; }
    body.homepage section#newsletter form button { font-size: 17px; height: 44px; padding: 0 17px; }
    body.homepage div#newsletter_container span#subscribe { top: -89px; }

    /* Glossary */
    body.homepage section.glossary h2 { font-size: 76px; line-height: 68px; margin-bottom: 17px; }
    body.homepage section.glossary p { font-size: 23px; line-height: 28px; }
    body.homepage section.glossary p a { font-size: 17px; }
    body.homepage section.glossary p a::before { height: 4px; }

    /* Library */
    body.homepage section.library { padding: 60px 0 100px; }
    body.homepage section.library div.scroller ul { left: 28px; margin-right: 28px; }
    body.homepage section.library div.scroller ul li { font-size: 17px; margin-right: 28px; width: 180px; }
    body.homepage section.library.guides div.scroller ul li { width: 290px; }
    body.homepage section.library div.scroller ul li a img { margin-bottom: 23px; }
	body.homepage section.library div.scroller ul li a small { font-size: 18px; margin-bottom: 10px; }
    body.homepage section.library div.scroller ul li a strong { font-size: 22px; margin-bottom: 4px; }
    body.homepage section.library div.scroller button { top: 88px; }
    body.homepage section.library.guides div.scroller button { top: calc(50% - 27px); }

    /* Spotlight */
    body.homepage section#spotlight { padding: 60px 0 71px; }

    body.homepage section.cta.essay a.content strong { font-size: 76px; line-height: 68px; margin-bottom: 23px; }
    body.homepage section.cta.essay a.content div > p { font-size: 27px; line-height: 29px; margin-bottom: 2px; }
    body.homepage section.cta.essay a.content small { font-size: 24px; line-height: 29px; }

    body.homepage section.cta.exhibition a.content h2 { margin-bottom: 28px; }
    body.homepage section.cta.exhibition a.content strong { font-size: 76px; }
    body.homepage section.cta.exhibition a.content small { font-size: 22px; }

    body.homepage section.cta.event a.content strong { font-size: 38px; line-height: 43px; margin-bottom: 23px; }
    body.homepage section.cta.event a.content > p { font-size: 17px; line-height: 23px; margin-bottom: 25px; }
    body.homepage section.cta.event a.content em { font-size: 23px; line-height: 27px; margin-bottom: 22px; }
    body.homepage section.cta.event a.content small { font-size: 17px; line-height: 23px; }

    body.homepage section.cta.my-canada a.content { padding: 190px 29px 26px; }
    body.homepage section.cta.my-canada a.content h2 { font-size: 75px; line-height: 64px; margin-bottom: 23px; }
    body.homepage section.cta.my-canada a.content em { font-size: 26px; line-height: 29px; }
    body.homepage section.cta.my-canada a.content img { height: 190px; top: -19px; width: 190px; }

    body.homepage section.social-block { padding: 72px 0 49px 0; }
    body.homepage section.social-block div.feed { max-width: 590px; }
    body.homepage section.social-block div.feed a.figure { margin-bottom: 40px; }
    body.homepage section.social-block div.feed strong { font-size: 27px; margin-bottom: 8px; }
    body.homepage section.social-block div.feed p,
    body.homepage section.social-block div.feed a:last-child { font-size: 17px; line-height: 23px; }
    body.homepage section.social-block div.feed p { margin-bottom: 9px; }
    body.homepage section.social-block div.feed:first-child strong { background-size: 26px 26px; padding-left: 37px; }
    body.homepage section.social-block div.feed:last-child a.figure::after { height: 94px; width: 94px; }
}


/** Desktop Small **********/
@media all and (min-width: 1280px) and (max-width: 1439px) {
    body.homepage section#intro h3 { margin: 0 calc((100% - 530px) / 2) 11px; }
    body.homepage section#intro article { margin: 0 calc((100% - 300px - 312px - 515px) / 2); }

    body.homepage section#newsletter,
    body.homepage section.cta { height: 512px; }
	body.homepage section.on-view { min-height: 512px; }

    body.homepage section.social-block div.feed { width: calc(50% - 15px); }
    body.homepage section.social-block div.feed:first-of-type { margin-right: 30px; }
}


/** Desktop Large **********/
@media all and (min-width: 1440px){
    body.homepage section#intro h3 { margin: 0 calc(((100% - 527px) / 10) * 5) 11px; }
    body.homepage section#intro article { margin: 0 calc(((100% - 300px - 312px - 515px) / 10) * 2); }
    body.homepage section#intro aside:first-of-type { margin-left: calc(((100% - 300px - 312px - 515px) / 10) * 3); }
    body.homepage section#intro aside:last-of-type { margin-right: calc(((100% - 300px - 312px - 515px) / 10) * 3); }

    body.homepage section#newsletter,
    body.homepage section.cta { height: 580px; }
	body.homepage section.on-view { min-height: 580px; }
	
    body.homepage section.social-block div.feed { width: calc(50% - 15px); }
    body.homepage section.social-block div.feed:first-of-type { margin-right: 30px; }
}



/** Homepage **************************************************/

/** Hero Banners *****/

body.homepage section#banner div.slide.canadian-art-library a.content { padding:30px 30px 80px 30px; width:380px; background-color:#ffffff; font-family:Circular; }
body.homepage section#banner div.slide.canadian-art-library a.content strong { display:block; font-family: 'Trade Gothic'; font-weight:bold; text-transform:uppercase; white-space:pre-line; }
body.homepage section#banner div.slide.canadian-art-library a.content strong,  body.homepage section#banner div.slide.canadian-art-library a.content p { display:block; font-weight:bold; white-space: pre-line; }

body.homepage section#banner div.slide.essay a.content { left: initial; top:initial; transform:initial; }
body.homepage section#banner div.slide.essay a.content { margin-top:0; word-break:break-word; }
body.homepage section#banner div.slide.essay a.content div { position: relative; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
body.homepage section#banner div.slide.essay a.content div h2 { font-family: 'Trade Gothic'; text-transform: uppercase; font-weight: bold; }
body.homepage section#banner div.slide.essay a.content div strong { font-family: 'Trade Gothic'; text-transform: uppercase; font-weight: bold; }
body.homepage section#banner div.slide.essay a.content div > p { display:block; font-family:'Adobe Caslon'; font-style: italic; font-weight: bold; }
body.homepage section#banner div.slide.essay a.content div small { font-family:'Circular'; font-weight:normal; }

    /** Desktop **********/
    @media (min-width:1280px) {
        body.homepage section#banner div.slide.canadian-art-library { padding-top:176px; padding-left:32px; }
        body.homepage section#banner div.slide.canadian-art-library a.content{ padding: 40px 30px; }
        body.homepage section#banner div.slide.canadian-art-library a.content strong{ font-size:60px; line-height:58px; padding-bottom:46px; padding-top:30px; }
        body.homepage section#banner div.slide.canadian-art-library a.content p{ font-size:22px; line-height:26px; margin-bottom:20px; }

        body.homepage section#banner div.slide.essay { padding: 176px 32px 32px; font-size:26px; line-height:29px; }
        body.homepage section#banner div.slide.essay a.content { padding: 32px; width: 460px; height:418px; }
        body.homepage section#banner div.slide.essay.active a.content { margin-top:initial; }
        body.homepage section#banner div.slide.essay a.content div h2 { margin-bottom:13px; font-size:26px; }
        body.homepage section#banner div.slide.essay a.content div strong { font-size:66px; line-height:60px; margin-bottom:12px; }
        body.homepage section#banner div.slide.essay a.content div > p { font-size:22px; line-height:28px; margin-bottom: 4px; }
        body.homepage section#banner div.slide.essay a.content div small { font-size:20px; line-height:26px; }
    }

    /** Desktop & Tablet ***********/
    @media all and (min-width: 1024px) and (max-width: 1279px){
        body.homepage section#banner div.slide.canadian-art-library { padding-top:30px; }
        body.homepage section#banner div.slide.canadian-art-library a.content{ padding: 20px 30px; }
        body.homepage section#banner div.slide.canadian-art-library a.content strong{ font-size:58px; line-height:52px; padding-bottom:24px; padding-top:8px; }
        body.homepage section#banner div.slide.canadian-art-library a.content p { font-size:20px; line-height:22px; margin-bottom:12px; }

        body.homepage section#banner div.slide.essay { padding: 32px; font-size:21px; line-height:22px; }
        body.homepage section#banner div.slide.essay a.content { width: 400px; height:386px; }
        body.homepage section#banner div.slide.essay a.content div h2 { margin-bottom:10px; font-size:21px; }
        body.homepage section#banner div.slide.essay a.content div strong { font-size:53px; line-height:48px; margin-bottom:13px; }
        body.homepage section#banner div.slide.essay a.content div > p { font-size:21px; line-height:22px; margin-bottom: 6px; }
        body.homepage section#banner div.slide.essay a.content div small { font-size:19px; line-height:22px; }
    }

    /** Tablet **********!*/
    @media all and (min-width: 768px) and (max-width: 1023px){
        body.homepage section#banner div.slide.canadian-art-library { padding-top:18px; }
        body.homepage section#banner div.slide.canadian-art-library a.content{ padding: 26px; width:304px ;}
        body.homepage section#banner div.slide.canadian-art-library a.content strong{ font-size:48px; line-height:42px; padding-bottom:16px; padding-top:0; }
        body.homepage section#banner div.slide.canadian-art-library a.content p{ font-size:19px; line-height:21px; margin-bottom:10px; width: 304px;}

        body.homepage section#banner div.slide.essay { padding: 18px; font-size:16px; line-height:17px; }
        body.homepage section#banner div.slide.essay a.content { width: 270px; height:435px; padding:18px; }
        body.homepage section#banner div.slide.essay a.content div h2 { margin-bottom:7px; font-size:16px; }
        body.homepage section#banner div.slide.essay a.content div strong { font-size:32px; line-height:30px; margin-bottom:16px; }
        body.homepage section#banner div.slide.essay a.content div > p { font-size:16px; line-height:17px; margin-bottom: 2px; }
        body.homepage section#banner div.slide.essay a.content div small { font-size:14px; line-height:17px; }
    }

    /** Mobile **********/
    @media all and (max-width: 767px){
        body.homepage section#banner div.slide.canadian-art-library a.content{ width:360px; padding:30px; left:50%; top:50%; text-align:center; transform:translate3d(-50%, -50%,0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%,-50%, 0);}
        body.homepage section#banner div.slide.canadian-art-library a.content strong{ font-size:39px; line-height:38px; padding-bottom:16px; padding-top:0px; }
        body.homepage section#banner div.slide.canadian-art-library a.content p{ font-size:16px; line-height:15px; margin-bottom:0; font-family:'Adobe Caslon'; font-style:italic;  }

        body.homepage section#banner div.slide.essay { padding:18px; font-size:16px; line-height:17px; }
        body.homepage section#banner div.slide.essay a.content { width:100%; height:302px; padding:18px; left:50%; top:50%; transform: translate3d(-50%,-50%,0); -webkit-transform:translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); }
        body.homepage section#banner div.slide.essay a.content div h2 { margin-bottom:14px; font-size:16px; }
        body.homepage section#banner div.slide.essay a.content div strong { font-size:40px; line-height:36px; margin-bottom:10px; }
        body.homepage section#banner div.slide.essay a.content div > p { font-size:16px; line-height:17px; margin-bottom: 4px; }
        body.homepage section#banner div.slide.essay a.content div small { font-size:14px; line-height:17px; }
    }

/** Interior Banners *****/
body.homepage section.book div,
body.homepage section.book-inner div,
body.homepage section.art-and-influence div { display: block; height: 100%; overflow: hidden; position: relative; vertical-align: top; }

body.homepage section.on-view div a.content,
body.homepage section.book div a.content,
body.homepage section.book-inner div a.content,
body.homepage section.art-and-influence div a.content,
body.homepage section.living-history div a.content { z-index: 2; opacity: 1; pointer-events: auto; position: relative; }

body.homepage section.cta.my-canada a.content{ position: relative; left:50%; top:50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }

body.homepage section.on-view div a.content { font-family: Circular; }
body.homepage section.on-view div a.content strong,
body.homepage section.on-view div a.content p { display: block; font-weight: bold; }

body.homepage section.on-view div a.content p + p { border-bottom: 1px solid; display: inline !important; font-family: 'Trade Gothic'; font-weight: bold; margin-bottom: 0 !important; text-transform: uppercase; }
body.homepage section.on-view div a.content small { display: block; }

body.homepage section.book div.book a.content { background: #fff; font-family: Circular; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.homepage section.book div.book a.content strong { border-bottom: 2px solid #ee5e4f; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section.book div.book a.content h3 { color: #ee5e4f; font-weight: bold; text-transform: uppercase; }
body.homepage section.book div.book a.content h3 span { display: block; }
body.homepage section.book div.book a.content em { display: block; font-weight: bold; text-transform: uppercase; }
body.homepage section.book div.book a.content small { display: block; }

body.homepage section.book-inner div.book-inner a.content { color: #000; font-family: 'Trade Gothic'; font-weight: bold; position: absolute; text-align: center; }
body.homepage section.book-inner div.book-inner a.content img { display: block; width: 100%; }
body.homepage section.book-inner div.book-inner a.content h3 { border-bottom: 1px solid #fff; display: inline-block; text-align: center; text-transform: uppercase; white-space: pre-line; }
body.homepage section.book-inner div.book-inner a.content q { color: #fff; font-family: 'Adobe Caslon'; display: block; font-style: italic; font-weight: 600; text-align: center; white-space: pre-line; }
body.homepage section.book-inner div.book-inner a.content small { display: block; text-align: center; text-transform: uppercase; }

body.homepage section.art-and-influence div.under-the-influence a.content { background: #fff; font-family: Circular; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.homepage section.art-and-influence div.under-the-influence a.content img { display: block; margin: 0 auto; }
body.homepage section.art-and-influence div.under-the-influence a.content strong { display: block; font-weight: bold; text-transform: uppercase; }
body.homepage section.art-and-influence div.under-the-influence a.content strong em { color: #00AF97; display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; text-transform: lowercase; }
body.homepage section.art-and-influence div.under-the-influence a.content small { display: block; text-align: center; }

body.homepage section.living-history div.living-history a.content { background: #fff; border-color: #e7c234; border-style: solid; display: inline-block; position: absolute; text-align: center; z-index: 2; }
body.homepage section.living-history div.living-history a.content div { left: 0; position: relative; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
body.homepage section.living-history div.living-history a.content strong { color: #e7c234; display: block; font-family: Circular; font-weight: bold; text-transform: uppercase; }
body.homepage section.living-history div.living-history a.content strong span { display: block; font-family: 'Adobe Caslon'; font-weight: 600; height: auto; }
body.homepage section.living-history div.living-history a.content em { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section.living-history div.living-history a.content em span { display: block; height: auto; }
body.homepage section.living-history div.living-history a.content p { font-family: Circular; font-weight: bold; margin: 0 auto; }

body.homepage section.canadian-art-library-banner div.content { background-color:#ffffff; z-index:2; text-align:center; position:relative; }
body.homepage section.canadian-art-library-banner div.content strong{ font-family:'Trade Gothic'; font-weight:bold; text-transform:uppercase; white-space:pre-line; display:block;}
body.homepage section.canadian-art-library-banner div.content p.paragraph { font-family:'Adobe Caslon'; font-style:italic; font-weight:bold; white-space:pre-line; display:block; }
body.homepage section.canadian-art-library-banner div.content a.learn-more { font-family:'Trade Gothic'; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #000; }
body.homepage section.canadian-art-library-banner span.background-image { z-index:-1; }

body.homepage section.canadian-art-library-library div.scroller ul li a { font-family: Circular; line-height: normal; }
body.homepage section.canadian-art-library-library div.scroller ul li a strong { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }

body.homepage section.canadian-art-library-library div.scroller ul li a h2.available-for-sale,
body.homepage section.canadian-art-library-library div.scroller ul li a h2.upcoming { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.homepage section.canadian-art-library-library div.scroller ul li a h2.available-for-sale { text-decoration:underline; }

body.homepage section.two-columns div.title-container, body.homepage section.two-columns div.side{ text-align:center; }
body.homepage section.two-columns div.side a.figure{display:block; padding-bottom:64%; position:relative; width:100%;}
body.homepage section.two-columns div.side strong.column-title p {display:inline-block; font-weight:bold;}
body.homepage section.two-columns div.side strong.online-exhibition-title p strong {font-family: Circular; text-transform:uppercase;}
body.homepage section.two-columns div.side strong.the-essay-title p {font-family: 'Adobe Caslon'; font-style:italic;}

body.homepage section.two-columns div.side p {display:block; font-family: Circular;}
body.homepage section.two-columns div.side p strong {font-weight:bold;}
body.homepage section.two-columns div.side.online-exhibition-side > p {font-family: 'Adobe Caslon'; font-style:italic; font-weight:bold;}
body.homepage section.two-columns div.side.online-exhibition-side > p > strong {font-family: Circular; font-style:initial; }


body.homepage section.social div.feed.watch strong { color:#e7244c; }

    /** Mobile SM **********/
    @media all and (max-width: 374px){
        body.homepage section.on-view div.on-view a.content p { max-width: 260px; }
	    body.homepage section.on-view div.on-view a.content p br { display: none; }
	}
	
    /** Mobile **********/
    @media all and (min-width: 375px) and (max-width: 767px){

        body.homepage section.on-view div.on-view a.content { color: #fff; padding-top: 15px; }
        body.homepage section.on-view div.on-view a.content h2 { font-size: 19px; }
        body.homepage section.on-view div.on-view a.content strong { font-size: 32px; line-height: 30px; margin-bottom: 9px; }
        body.homepage section.on-view div.on-view a.content p { font-size: 14px; line-height: 17px; margin-bottom: 6px; max-width: 320px; }
	    body.homepage section.on-view div.on-view a.content p br { display: none; }
        body.homepage section.on-view div.on-view a.content small { font-size: 14px; line-height: 17px; }
		body.homepage section.on-view div a.content p + p { font-size: 14px; padding-top: 11px; }
    }

    /** Mobile & Tablet 767px **********/
    @media all and (max-width: 767px){
        body.homepage section.living-history, body.homepage section.art-and-influence, body.homepage section.on-view, body.homepage section.book, body.homepage section.book-inner{ height:380px; }

        body.homepage section.on-view div.on-view { padding: 18px 18px 0 18px; }
        body.homepage section.on-view div.on-view a.content { color: #fff; padding-top: 15px; }
        body.homepage section.on-view div.on-view a.content h2 { border-bottom-color: #fff; font-size: 17px; }
        body.homepage section.on-view div.on-view a.content strong { font-size: 29px; line-height: 27px; margin-bottom: 8px; }
        body.homepage section.on-view div.on-view a.content p { margin-bottom: 5px; /*max-width: 260px;*/ }
		body.homepage section.on-view div a.content p + p { font-size: 14px !important; }

        body.homepage section.book div.book a.content { padding: 52px 0 50px; width: calc(100% - 16px); }
        body.homepage section.book div.book a.content img { display: none; }
        body.homepage section.book div.book a.content strong { margin-bottom: 9px; }
        body.homepage section.book div.book a.content h3 { font-size: 42px; line-height: 38px; margin-bottom: 11px; }
        body.homepage section.book div.book a.content em { margin-bottom: 4px; }

		body.homepage section.book-inner, 
		body.homepage section.book-inner div.book-inner { height: auto; }
        body.homepage section.book-inner div.book-inner a.content { padding-bottom: 17px; position: relative; width: 100%; }
        body.homepage section.book-inner div.book-inner a.content img { margin-bottom: 17px; }
        body.homepage section.book-inner div.book-inner a.content h3 { display: inline-block; font-size: 15px; margin: 0 auto 40px auto; padding-bottom: 2px; }
        body.homepage section.book-inner div.book-inner a.content q { font-size: 25px; margin-bottom: 23px; padding: 0 20px; }
        body.homepage section.book-inner div.book-inner a.content small { font-size: 13px; }

        body.homepage section.art-and-influence div.under-the-influence a.content { padding: 15px 8px; }
        body.homepage section.art-and-influence div.under-the-influence a.content img { height: 90px; margin-bottom: 12px; }
        body.homepage section.art-and-influence div.under-the-influence a.content strong { font-size: 21px; line-height: 28px; margin-bottom: 8px; }
        body.homepage section.art-and-influence div.under-the-influence a.content strong em { font-size: 23px; margin-bottom: -8px; }
        body.homepage section.art-and-influence div.under-the-influence a.content small { font-size: 11px; }

        body.homepage section.living-history div.living-history a.content { height: calc(100% - 6px); min-width: 40%; min-height: 190px; padding: 0 40px;  left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0);  }
        body.homepage section.living-history div.living-history a.content strong { font-size: 23px; line-height: 27px; margin-bottom: 1px; }
        body.homepage section.living-history div.living-history a.content em { font-size: 28px; line-height: 27px; margin-bottom: 3px; }
        body.homepage section.living-history div.living-history a.content p { font-size: 13px; line-height: 18px; margin-bottom: 20px; max-width: 120px; }

        body.homepage section.canadian-art-library-banner div.content { position:relative; background-color:#ffffff; width: 290px; padding:20px 10px; left:50%; bottom:-50%; text-align:center; transform: translate3d(-50%, -20%, 0); -webkit-transform: translate3d(-50%, -20%, 0); -moz-transform: translate3d(-50%, -20%, 0); }
        body.homepage section.canadian-art-library-banner div.content strong {  font-size:40px; line-height:38px; margin-bottom:8px;}
        body.homepage section.canadian-art-library-banner div.content p.paragraph { font-size:16px; line-height:15px; margin-bottom:8px; }
        body.homepage section.canadian-art-library-banner div.content a.learn-more { font-size:14px; }

        body.homepage section.canadian-art-library-library { padding-bottom: 20px; }
        body.homepage section.canadian-art-library-library div.scroller ul { left: 20px; margin-right: 20px; }
        body.homepage section.canadian-art-library-library div.scroller ul li a { width: 130px; }
        body.homepage section.canadian-art-library-library div.scroller ul li a img { height: 167px; }
        body.homepage section.canadian-art-library-library div.scroller button {top: 67px; }
        body.homepage section.canadian-art-library-library div.scroller ul li a h2.upcoming,
        body.homepage section.canadian-art-library-library div.scroller ul li a h2.available-for-sale { font-size:12px; margin-bottom:6px; margin-top:6px; }

        body.homepage section.two-columns div.side strong.column-title p { font-size:22px; margin-top:14px;margin-bottom:4px; }
        body.homepage section.two-columns div.side.online-exhibition-side > p { font-size:18px; margin-top:6px; margin-bottom:0px; padding-right:4px; padding-left:4px; }
        body.homepage section.two-columns div.side.online-exhibition-side > p > strong { font-size:16px; }

        body.homepage section.cta.v3banner{height: auto;}

        body.homepage section.library, body.homepage section.canadian-art-library-library { padding-top: 25px; padding-bottom: 10px; }
        body.homepage section.intro, body.homepage section.social, body.homepage section.spotlight, body.homepage section.two-columns{ padding-top: 25px; padding-bottom: 25px; }
        body.homepage section.cta, body.homepage div#newsletter_container, body.homepage section.living-history,
        body.homepage section.art-and-influence, body.homepage section.book, body.homepage section.book-inner, body.homepage section.on-view  { margin-top:25px; }

        body.homepage section.newsletter { margin-bottom:330px; }

        section.white-background + section:not(.white-background), section.white-background + div#newsletter_container{margin-top:0 !important;}
        section.white-background + section.white-background{padding-top:0 !important; margin-top:0 !important;}

        body.homepage section.two-columns div.container div.left-side { padding-bottom:20px; }

        body.homepage footer { padding-top: 25px; }
    }

    /** Mobile & Tablet 768px **********/
    @media all and (max-width: 1023px){
        body.homepage section.book div.book a.content strong { border-bottom-width: 1px; font-size: 14px; }
        body.homepage section.book div.book a.content em { font-size: 18px; }
        body.homepage section.book div.book a.content small { font-size: 14px; }

        body.homepage section.cta.event a.content strong { margin-bottom:16px; }
        body.homepage section.cta.event a.content > p { margin-bottom:6px; }
        body.homepage section.cta.event a.content em { margin-bottom:8px; margin-top:8px; }

        body.homepage section.cta.v3banner{height: auto;}

        body.homepage section.canadian-art-library-banner div.content h2.section-title { margin-bottom: 8px; }

        body.homepage section.living-history div.living-history a.content { border-width: 15px; }
    }

    /** Tablet & Desktop **********/
    @media all and (min-width: 768px) {

        body.homepage section.on-view div.on-view a.content { background: #fff; color: #000 !important; display: inline-block; margin-top: 20px; }
        body.homepage section.on-view div.on-view a.content h2 { border-bottom-color: #000 !Important; }
        body.homepage section.on-view div.on-view a.content { margin-top: 0; }
		body.homepage section.on-view div.on-view a.content strong { white-space: pre-line; }
		body.homepage section.on-view div a.content p + p { white-space: pre-line; }

        body.homepage section.book div.book a.content { display: inline-block; }
        body.homepage section.book div.book a.content img { display: block; margin: 0 auto; }

        body.homepage section.canadian-art-library-banner div.content { display:inline-block; height: auto; }
        body.homepage section.canadian-art-library-banner div.content strong, body.homepage section.canadian-art-library-banner div.content p.paragraph { text-align: left; }
        body.homepage section.canadian-art-library-banner div.content a.learn-more { font-size:14px; }

        body.homepage section.book-inner div.book-inner a.content { left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
        body.homepage section.living-history div.living-history a.content { left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }

        body.homepage section.two-columns {font-size:0; text-align:center;}
        body.homepage section.two-columns div.side {display:inline-block; vertical-align:top;}

        body.homepage section.cta.event a.content{ height:auto; max-height:100%; }

    }

    @media all and (min-width: 768px) and (max-width: 1023px){
        body.homepage section.living-history, body.homepage section.art-and-influence, body.homepage section.book, body.homepage section.book-inner{ height:410px; }

        body.homepage section.on-view div.on-view { padding-top: 18px; padding-bottom: 18px; padding-left:18px; }
        body.homepage section.on-view div.on-view a.content { padding: 26px 26px; min-width: 304px; }
        body.homepage section.on-view div.on-view a.content strong { font-size: 39px; line-height: 36px; margin-bottom: 9px; }
        body.homepage section.on-view div.on-view a.content p { font-size: 17px; line-height: 23px; margin-bottom: 3px; /*width: 304px; */}
        body.homepage section.on-view div.on-view a.content small { font-size: 17px; line-height: 23px; }
		body.homepage section.on-view div a.content p + p { font-size: 14px !important; padding-top: 10px; }

        body.homepage section.book div.book a.content { margin-top: 0; padding: 20px 45px; }
        body.homepage section.book div.book a.content img { height: 126px; margin-bottom: 25px; }
        body.homepage section.book div.book a.content strong { font-size: 18px; margin-bottom: 20px; }
        body.homepage section.book div.book a.content h3 { font-size: 42px; line-height: 44px; margin-bottom: 20px; }
        body.homepage section.book div.book a.content em { font-size: 21px; margin-bottom: 4px; }
        body.homepage section.book div.book a.content small { font-size: 18px; }

		body.homepage section.book-inner, 
		body.homepage section.book-inner div.book-inner { align-items: center; display: -webkit-flex; display: flex; height: auto; justify-content: center; min-height: 410px; width: 100%; }
        body.homepage section.book-inner div.book-inner a.content { left: 0; margin-top: 0; padding: 17px 0; position: relative; top: 0; width: 434px; -webkit-transform: none; transform: none; }
        body.homepage section.book-inner div.book-inner a.content img { margin-bottom: 22px; }
        body.homepage section.book-inner div.book-inner a.content h3 { font-size: 20px; padding-bottom: 2px; margin-bottom: 31px; }
        body.homepage section.book-inner div.book-inner a.content q { font-size: 33px; margin-bottom: 16px; }
        body.homepage section.book-inner div.book-inner a.content small { font-size: 17px; }

        body.homepage section.art-and-influence div.under-the-influence a.content { margin-top: 0; padding: 25px 30px; }
        body.homepage section.art-and-influence div.under-the-influence a.content img { height: 114px; margin-bottom: 23px; }
        body.homepage section.art-and-influence div.under-the-influence a.content strong { font-size: 34px; line-height: 44px; margin-bottom: 16px; }
        body.homepage section.art-and-influence div.under-the-influence a.content strong em { font-size: 36px; margin-bottom: -10px; }
        body.homepage section.art-and-influence div.under-the-influence a.content small { font-size: 16px; }

        body.homepage section.living-history div.living-history a.content { border-width: 20px; height: calc(100% - 140px); margin-top: 0;  min-height: 330px; min-width: 340px; padding: 0 38px; }
        body.homepage section.living-history div.living-history a.content strong { font-size: 40px; line-height: 46px; }
        body.homepage section.living-history div.living-history a.content strong span { padding-top: 4px; }
        body.homepage section.living-history div.living-history a.content em { font-size: 48px; line-height: 46px; margin-bottom: 4px; }
        body.homepage section.living-history div.living-history a.content p { font-size: 19px; line-height: 24px; margin-bottom: 34px; max-width: 180px; }

        body.homepage section.canadian-art-library-banner { padding:18px; }
        body.homepage section.canadian-art-library-banner div.content { padding: 20px; width:270px; }
        body.homepage section.canadian-art-library-banner div.content strong { font-size:36px; line-height: 34px; margin-bottom:8px; }
        body.homepage section.canadian-art-library-banner div.content p.paragraph { font-size:15px; line-height:15px; margin-bottom:6px; }

        body.homepage section.canadian-art-library-library { padding-bottom: 56px; }
        body.homepage section.canadian-art-library-library div.scroller ul { left: 20px; margin-right: 20px; }
        body.homepage section.canadian-art-library-library div.scroller ul li a { width: 130px; }
        body.homepage section.canadian-art-library-library div.scroller ul li a img { height: 166px; }
        body.homepage section.canadian-art-library-library div.scroller button { top: 57px; }

        body.homepage section.canadian-art-library-library div.scroller ul li a h2.upcoming,
        body.homepage section.canadian-art-library-library div.scroller ul li a h2.available-for-sale { font-size:14px; margin-bottom:10px; margin-top:6px; }

        body.homepage section.two-columns div.side {width:calc(50% - 9px);}
        body.homepage section.two-columns div.side:first-of-type {margin-right:18px;}
        body.homepage section.two-columns div.side strong.column-title p { font-size:18px; margin-bottom:4px; margin-top:20px;padding-right:4px;padding-left:4px; }
        body.homepage section.two-columns div.side p { font-size:14px; margin-bottom:4px; padding-right:4px;padding-left:4px;}
        body.homepage section.two-columns div.side.online-exhibition-side > p { font-size:16px; margin-top:6px; margin-bottom:4px; padding-right:4px; padding-left:4px; }
        body.homepage section.two-columns div.side.online-exhibition-side > p > strong { font-size:14px; }

        body.homepage section.intro, body.homepage section.library, body.homepage section.social, body.homepage section.spotlight, body.homepage section.canadian-art-library-library, body.homepage section.two-columns{ padding: 50px 0; }
        body.homepage section.cta, body.homepage div#newsletter_container, body.homepage section.book, body.homepage section.book-inner, body.homepage section.art-and-influence, body.homepage section.living-history, body.homepage section.on-view { margin-top: 50px; }

        section.white-background + section:not(.white-background), section.white-background + div#newsletter_container{margin-top:0 !important;}
        section.white-background + section.white-background{padding-top:0 !important; margin-top:0 !important;}

        body.homepage footer { padding-top: 50px; }

    }

    /** Mobile & Tablet **********/
    @media all and (max-width: 1279px) {
        body.homepage section.canadian-art-library-library div.scroller ul li { font-size: 13px; margin-right: 20px; }
    }

    @media all and (min-width:1024px) {
        body.homepage section.canadian-art-library-library div.scroller a img { margin-bottom: 20px; }
        body.homepage section.canadian-art-library-library div.scroller a strong { font-size: 16px; margin-bottom: 4px; }
    }

    /** Tablet 1024px **********/
    @media all and (min-width: 1024px) and (max-width: 1279px){
        body.homepage section.living-history, body.homepage section.art-and-influence, body.homepage section.book, body.homepage section.book-inner{ height:440px; }

        body.homepage section.cta.event a.content strong { margin-bottom:16px; }
        body.homepage section.cta.event a.content>p { margin-bottom:8px; }
        body.homepage section.cta.event a.content em { margin-bottom:16px; margin-top:16px; }

        body.homepage section.on-view div.on-view { padding-top: 32px; padding-bottom:32px; padding-left:32px; }
        body.homepage section.on-view div.on-view a.content { padding: 26px 26px; min-width: 304px; }
        body.homepage section.on-view div.on-view a.content strong { font-size: 39px; line-height: 36px; margin-bottom: 9px; }
        body.homepage section.on-view div.on-view a.content p { font-size: 17px; line-height: 23px; margin-bottom: 3px; }
        body.homepage section.on-view div.on-view a.content small { font-size: 17px; line-height: 23px; }
		body.homepage section.on-view div a.content p + p { font-size: 14px !important; padding-top: 6px; }

        body.homepage section.book div.book a.content { margin-top: 0;  padding: 20px 54px 20px; }
        body.homepage section.book div.book a.content img { height: 126px; margin-bottom: 25px; }
        body.homepage section.book div.book a.content strong { font-size: 16px; margin-bottom: 20px; }
        body.homepage section.book div.book a.content h3 { font-size: 55px; line-height: 50px; margin-bottom: 20px; }
        body.homepage section.book div.book a.content em { font-size: 22px; margin-bottom: 6px; }
        body.homepage section.book div.book a.content small { font-size: 16px; }

        body.homepage section.book-inner div.book-inner a.content { margin-top: 0; width: 434px; }
        body.homepage section.book-inner div.book-inner a.content img { margin-bottom: 22px; }
        body.homepage section.book-inner div.book-inner a.content h3 { font-size: 20px; padding-bottom: 2px; margin-bottom: 31px; }
        body.homepage section.book-inner div.book-inner a.content q { font-size: 33px; margin-bottom: 16px; }
        body.homepage section.book-inner div.book-inner a.content small { font-size: 15px; }

        body.homepage section.art-and-influence div.under-the-influence a.content { padding: 30px 35px; margin-top: 0; }
        body.homepage section.art-and-influence div.under-the-influence a.content img { height: 114px; margin-bottom: 23px; }
        body.homepage section.art-and-influence div.under-the-influence a.content strong { font-size: 42px; line-height: 55px; margin-bottom: 22px; }
        body.homepage section.art-and-influence div.under-the-influence a.content strong em { font-size: 46px; margin-bottom: -10px; }
        body.homepage section.art-and-influence div.under-the-influence a.content small { font-size: 16px; }

        body.homepage section.living-history div.living-history a.content { border-width: 20px; height: calc(100% - 140px); margin-top: 0;  min-height: 330px; min-width: 340px; padding: 0 38px; }
        body.homepage section.living-history div.living-history a.content strong { font-size: 36px; line-height: 36px; }
        body.homepage section.living-history div.living-history a.content strong span { padding-top: 4px; }
        body.homepage section.living-history div.living-history a.content em { font-size: 46px; line-height: 46px; margin-bottom: 6px; }
        body.homepage section.living-history div.living-history a.content p { font-size: 16px; line-height: 20px; margin-bottom: 30px; max-width: 180px; }

        body.homepage section.canadian-art-library-banner { padding:32px; }
        body.homepage section.canadian-art-library-banner div.content { padding:20px 30px; width:360px; }
        body.homepage section.canadian-art-library-banner div.content strong { font-size:58px; line-height:52px; margin-bottom:14px; }
        body.homepage section.canadian-art-library-banner div.content p.paragraph { font-size:22px; line-height:22px; margin-bottom:8px; }
        body.homepage section.canadian-art-library-banner div.content a.learn-more { font-size:14px; }

        body.homepage section.canadian-art-library-library { padding: 60px 0 80px; }
        body.homepage section.canadian-art-library-library div.scroller ul { left: 20px; margin-right: 20px; }
        body.homepage section.canadian-art-library-library div.scroller ul li { width: 142px; }
        body.homepage section.canadian-art-library-library div.scroller ul li a img { margin-bottom: 19px; }
        body.homepage section.canadian-art-library-library div.scroller ul li a strong { font-size: 17px; margin-bottom: 3px; }
        body.homepage section.canadian-art-library-library div.scroller button { top: 67px; }

        body.homepage section.canadian-art-library-library div.scroller ul li a h2.upcoming,
        body.homepage section.canadian-art-library-library div.scroller ul li a h2.available-for-sale { font-size:16px; margin-bottom:10px; }

        body.homepage section.two-columns div.side {width:calc(50% - 12px);}
        body.homepage section.two-columns div.side:first-of-type {margin-right:24px;}
        body.homepage section.two-columns div.side strong.column-title p { font-size:22px; margin-bottom:4px; margin-top:22px;padding-right:8px; padding-left:8px; }
        body.homepage section.two-columns div.side p { font-size:16px; margin-bottom:4px; padding-right:8px;padding-left:8px; }
        body.homepage section.two-columns div.side.online-exhibition-side > p { font-size:20px; margin-top:8px; margin-bottom:4px; padding-right:8px; padding-left:8px; }
        body.homepage section.two-columns div.side.online-exhibition-side > p > strong { font-size:16px; }

        body.homepage section.intro, body.homepage section.library, body.homepage section.canadian-art-library-library, body.homepage section.social, body.homepage section.spotlight,  body.homepage section.two-columns{ padding: 60px 0; }
        body.homepage section.cta, body.homepage div#newsletter_container, body.homepage section.art-and-influence, body.homepage section.living-history, body.homepage section.book-inner, body.homepage section.on-view, body.homepage section.book{ margin-top: 60px; }

        section.white-background + section:not(.white-background), section.white-background + div#newsletter_container{margin-top:0 !important;}
        section.white-background + section.white-background{padding-top:0 !important; margin-top:0 !important;}

        body.homepage footer { padding-top: 60px; }

    }

    /** Desktop ********/
    @media all and (min-width: 1280px) {

        body.homepage section.cta.event a.content > p { line-height:20px; margin-bottom:10px; }

        body.homepage section.on-view div.on-view { padding-top: 32px; padding-bottom:32px;  padding-left:32px; }
        body.homepage section.on-view div.on-view a.content { display: inline-block; padding: 30px; min-width: 380px; }
        body.homepage section.on-view div.on-view a.content strong { font-size: 49px; line-height: 45px; margin-bottom: 12px; }
        body.homepage section.on-view div.on-view a.content p { font-size: 23px; line-height: 28px; margin-bottom: 6px; /*width: 380px;*/ }
        body.homepage section.on-view div.on-view a.content small { font-size: 23px; line-height: 28px; }
		body.homepage section.on-view div a.content p + p { font-size: 17px !important; padding-top: 4px; }

        body.homepage section.book div.book a.content { padding: 20px 60px; }
        body.homepage section.book div.book a.content img { height: 157px; margin-bottom: 18px; }
        body.homepage section.book div.book a.content strong { font-size: 20px; margin-bottom: 15px; }
        body.homepage section.book div.book a.content h3 { font-size: 70px; line-height: 70px; margin-bottom: 20px; }
        body.homepage section.book div.book a.content em { font-size: 26px; margin-bottom: 6px; }
        body.homepage section.book div.book a.content small { font-size: 21px; }

        body.homepage section.book-inner div.book-inner a.content { width: 540px; }
        body.homepage section.book-inner div.book-inner a.content img { margin-bottom: 27px; }
        body.homepage section.book-inner div.book-inner a.content h3 { font-size: 25px; padding-bottom: 2px; margin-bottom: 41px; }
        body.homepage section.book-inner div.book-inner a.content q { font-size: 41px; margin-bottom: 16px; }
        body.homepage section.book-inner div.book-inner a.content small { font-size: 21px; }

        body.homepage section.art-and-influence div.under-the-influence a.content { padding: 38px 44px; }
        body.homepage section.art-and-influence div.under-the-influence a.content img { height: 142px; margin-bottom: 30px; }
        body.homepage section.art-and-influence div.under-the-influence a.content strong { font-size: 66px; line-height: 81px; margin-bottom: 22px; }
        body.homepage section.art-and-influence div.under-the-influence a.content strong em { font-size: 74px; margin-bottom: -14px; }
        body.homepage section.art-and-influence div.under-the-influence a.content small { font-size: 24px; }

        body.homepage section.living-history div.living-history a.content { border-width: 26px; height: 490px; min-width: 426px; padding: 0 46px; }
        body.homepage section.living-history div.living-history a.content strong { font-size: 60px; line-height: 72px; }
        body.homepage section.living-history div.living-history a.content em { font-size: 72px; line-height: 70px; margin-bottom: 11px; }
        body.homepage section.living-history div.living-history a.content p { font-size: 24px; line-height: 31px; margin-bottom: 21px; max-width: 220px; }

        body.homepage section.canadian-art-library-banner { padding:32px; }
        body.homepage section.canadian-art-library-banner div.content { padding:32px; width:440px; }
        body.homepage section.canadian-art-library-banner div.content strong { font-size:73px; line-height:62px; margin-bottom:18px; }
        body.homepage section.canadian-art-library-banner div.content p.paragraph { font-size:24px; line-height:26px; margin-bottom:8px; }
        body.homepage section.canadian-art-library-banner div.content a.learn-more { font-size:17px; }

        body.homepage section.canadian-art-library-library { padding: 60px 0 100px; }
        body.homepage section.canadian-art-library-library div.scroller ul { left: 28px; margin-right: 28px; }
        body.homepage section.canadian-art-library-library div.scroller ul li { font-size: 17px; margin-right: 28px; width: 180px; }
        body.homepage section.canadian-art-library-library div.scroller ul li a img { margin-bottom: 23px; }
        body.homepage section.canadian-art-library-library div.scroller ul li a strong { font-size: 22px; margin-bottom: 4px; }
        body.homepage section.canadian-art-library-library div.scroller button { top: 88px; }

        body.homepage section.canadian-art-library-library div.scroller ul li a h2.upcoming,
        body.homepage section.canadian-art-library-library div.scroller ul li a h2.available-for-sale { font-size:18px; margin-bottom:10px; }

        body.homepage section.two-columns div.side {max-width:590px; width:calc(50% - 15px);}
        body.homepage section.two-columns div.side:first-of-type {margin-right:30px;}
        body.homepage section.two-columns div.side strong.column-title p {font-size:24px; margin-bottom:4px; margin-top:24px;padding-right:10px;padding-left:10px;}
        body.homepage section.two-columns div.side p {font-size:18px; margin-bottom:4px; padding-right:10px;padding-left:10px;}
        body.homepage section.two-columns div.side.online-exhibition-side > p {font-size:22.5px; margin-top:8px; margin-bottom:4px; padding-right:10px;padding-left:10px;}
        body.homepage section.two-columns div.side.online-exhibition-side > p > strong {font-size:18px; }

        body.homepage section.intro, body.homepage section.library, body.homepage section.canadian-art-library-library, body.homepage section.canadian-art-library-library, body.homepage section.social, body.homepage section.spotlight, body.homepage section.two-columns { padding: 70px 0; }
        body.homepage section.cta, body.homepage div#newsletter_container, body.homepage section.book, body.homepage section.art-and-influence,
        body.homepage von-view, body.homepage section.living-history{ margin-top: 70px; }

        section.white-background + section:not(.white-background), section.white-background + div#newsletter_container{margin-top:0 !important;}
        section.white-background + section.white-background{padding-top:0 !important; margin-top:0 !important;}

        body.homepage footer { padding-top: 70px; }
    }

    /** Desktop Small **********/
    @media all and (min-width: 1280px) and (max-width: 1439px) {
        body.homepage section.on-view,
        body.homepage section.book,
        body.homepage section.book-inner,
        body.homepage section.art-and-influence,
        body.homepage section.living-history { height: 512px; }

        body.homepage section.art-and-influence div.under-the-influence a.content { padding: 28px 37px; }
        body.homepage section.art-and-influence div.under-the-influence a.content img { height: 142px; margin-bottom: 30px; }
        body.homepage section.art-and-influence div.under-the-influence a.content strong { font-size: 58px; line-height: 72px; margin-bottom: 20px; }
        body.homepage section.art-and-influence div.under-the-influence a.content strong em { font-size: 64px; margin-bottom: -14px; }
        body.homepage section.art-and-influence div.under-the-influence a.content small { font-size: 22px; }
    }

    /** Desktop Large **********/
    @media all and (min-width: 1440px){
        body.homepage section.on-view,
        body.homepage section.book,
        body.homepage section.book-inner,
        body.homepage section.art-and-influence,
        body.homepage section.living-history { height: 580px; }

        body.homepage section.two-columns div.side{width:calc(50% - 15px);}
        body.homepage section.two-columns div.side:first-of-type{margin-right:30px;}
    }


/** Watch / Podcast Landing Pages **************************************************/

/*body.media.landing section.banner::after { border-color: transparent transparent #fff transparent; border-style: solid; bottom: 0; content: ''; display: block; height: 0; left: 50%; opacity: 0.6; position: absolute; width: 0; z-index: 3; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }*/
body.media.landing section.banner h1 { color: #fff; font-family: 'Trade Gothic'; font-weight: bold; position: absolute; text-transform: uppercase; z-index: 2; }

body.media.landing section.media ul li em { background-position: left center; background-repeat: no-repeat; display: block; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.media.landing section.banner h1 { bottom: 18px; left: 18px; }

}

/** Mobile **********/
@media all and (max-width: 767px){
    body.media.landing section.banner { margin-bottom: 27px; }
/*    body.media.landing section.banner::after { border-width: 0 18px 18px 18px; }*/
    body.media.landing section.banner h1 { font-size: 38px; }

    body.media.landing section.media ul li em { background-size: 20px 20px; font-size: 14px; line-height: 20px; margin-bottom: 8px; padding-left: 24px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.media.landing section.banner { margin-bottom: 44px; }
/*    body.media.landing section.banner::after { border-width: 0 23px 23px 23px; }*/
    body.media.landing section.banner h1 { font-size: 45px; }

    body.media.landing section.media ul li em { background-size: 22px 22px; font-size: 16px; line-height: 22px; margin-bottom: 7px; padding-left: 28px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.media.landing section.banner h1 { bottom: 32px; left: 32px; }

    section.media ul li em { margin-bottom: 11px; }
    section.media ul li strong { margin-bottom: 19px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.media.landing section.banner { margin-bottom: 13px; }
/*    body.media.landing section.banner::after { border-width: 0 31px 31px 31px; }*/
    body.media.landing section.banner h1 { font-size: 60px; }

    body.media.landing section.media { padding-top: 40px; }
    body.media.landing section.media ul li em { background-size: 24px 24px; font-size: 18px; line-height: 24px; padding-left: 30px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.media.landing section.banner { margin-bottom: 26px; }
/*    body.media.landing section.banner::after { border-width: 0 38px 38px 38px; }*/
    body.media.landing section.banner h1 { font-size: 75px; }

    body.media.landing section.media { padding-top: 40px; }
    body.media.landing ul li em { background-size: 30px 30px; font-size: 23px; margin-bottom: 14px; line-height: 30px; padding-left: 38px; }
}

/** Watch / Podcast Media Pages **************************************************/
body.media.article #aci { background: #e6dfca; }
body.media.article #aside { background: #e6dfca; }
body.media section.article article,
body.media section.article aside { font-family: Circular; font-weight: bold; }
body.media section.article article h2 { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.media section.article article div.media { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 8px 0; }
body.media section.article article div.media button,
body.media section.article article div.media a { background: none; border-bottom: 2px solid #e8244c; cursor: pointer; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; line-height: normal; position: relative; text-transform: uppercase; }
body.media section.article article div.media button::before { background-position: top left; background-repeat: no-repeat; background-size: contain; content: ''; display: block; position: absolute; top: 0; }
body.media section.article article div.media a::after { background: url('../img/icons_book.svg') top left no-repeat; background-size: contain; content: ''; display: block; position: absolute; top: 0; }

body.media section.article aside em { font-style: italic; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.media section.article article p:last-of-type { margin-bottom: 18px; }
    body.media section.article article div.media button,
    body.media section.article article div.media a { font-size: 14px; padding-top: 2px; }
    body.media section.article article div.media button { margin-left: 30px; }
    body.media section.article article div.media button::before { height: 22px; left: -30px; top: -2px; width: 22px; }
    body.media.article section.article article div.media a::after { height: 22px; right: -30px; width: 22px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.media.article #aside { padding-bottom: 26px; }
    body.media.article section.article article { font-size: 13px; line-height: 18px; margin-bottom: 26px; }
    body.media.article section.article article h2 { font-size: 14px; margin-bottom: 8px; }
    body.media.article section.article article h1 { font-size: 19px; line-height: 22px; margin-bottom: 15px; }
    body.media.article section.article aside { font-size: 11px; line-height: 13px; }

    body.media aside#share { margin-bottom: 0; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.media.article section.article article div.media a::before { content: ''; display: block; position: absolute; }
}

/** Tablet **********/
@media all and (min-width: 768px) and (max-width: 1279px){
    body.media.article section.article article div.media a::before { border-left: 1px solid #000; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.media.article section.article article { font-size: 14px; line-height: 18px; margin-bottom: 48px; }
    body.media.article section.article article h2 { font-size: 16px; margin-bottom: 8px; }
    body.media.article section.article article h1 { font-size: 19px; line-height: 22px; margin-bottom: 15px; }
    body.media.article section.article article div.media a { margin-left: 14px; }
    body.media.article section.article article div.media a::before { height: 14px; left: -9px; top: 2px; }
    body.media.article section.article aside { font-size: 11px; line-height: 13px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.media.article section.article article { font-size: 16px; line-height: 23px; margin-bottom: 96px; }
    body.media.article section.article article h2 { font-size: 21px; margin-bottom: 8px; }
    body.media.article section.article article h1 { font-size: 21px; line-height: 24px; margin-bottom: 10px; }
    body.media.article section.article article p:last-of-type { margin-bottom: 20px; }
    body.media.article section.article article div.media button,
    body.media.article section.article article div.media a { font-size: 17px; padding-top: 2px; }
    body.media.article section.article article div.media button { margin-left: 32px; }
    body.media.article section.article article div.media button::before { height: 25px; left: -32px; top: -2px; width: 25px; }
    body.media.article section.article article div.media a { margin-left: 18px; }
    body.media.article section.article article div.media a::before { height: 18px; left: -11px; top: 1px; }
    body.media.article section.article article div.media a::after { height: 25px; right: -32px; width: 25px; }
    body.media.article section.article aside { font-size: 11px; line-height: 13px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.media.article section.article article { font-size: 20px; line-height: 29px; margin-bottom: 114px; }
    body.media.article section.article article h2 { font-size: 23px; margin-bottom: 15px; }
    body.media.article section.article article h1 { font-size: 26px; line-height: 30px; margin-bottom: 25px; }
    body.media.article section.article article p:last-of-type { margin-bottom: 27px; }
    body.media.article section.article article div.media button,
    body.media.article section.article article div.media a { font-size: 21px; margin-bottom: 2px; padding-top: 2px; }
    body.media.article section.article article div.media button { margin-left: 41px; }
    body.media.article section.article article div.media button::before { height: 32px; left: -41px; width: 32px; }
    body.media.article section.article article div.media a { margin-left: 20px; }
    body.media.article section.article article div.media a::before { border-left: 2px solid #000; height: 22px; left: -13px; top: 5px; }
    body.media.article section.article article div.media a::after { height: 32px; right: -41px; top: 3px; width: 32px; }
    body.media.article section.banner article button { height: 118px; margin-top: 52px; width: 118px; }
    body.media.article section.article aside { font-size: 14px; line-height: 18px; }
}

/** Desktop Large **********/
@media all and (min-width: 1440px){
}



/** Watch **************************************************/
body.watch section.media ul li em { background-image: url('../img/icons_video.svg'); }

body.watch.article section.banner iframe { display: none; height: 100%; left: 0; position: absolute; width: 100%; z-index: 2; }
body.watch.article section.banner button { background: url('../img/icons_play.png') center center no-repeat; background-size: contain; cursor: pointer; left: 50%; position: absolute; top: 50%; z-index: 2; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); }
body.watch.article section.banner button.black { background-image: url('../img/icons_play-black.png'); }

body.watch.article section.article article button::before { background-image: url('../img/icons_video.svg'); }

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){

    body.watch.article section.banner button { height: 70px; width: 70px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.watch section.banner div.article { display: none; }
    body.watch #aside section.article aside { display: none; }

    body.watch.article section.banner button { display: none; }
    body.watch.article section.banner iframe { display: block; top: 40px; }

    body.watch section.article article div.media:not(.artbook) { display: none; }
    body.watch.article section.article article div.media button { display: none; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.watch.article section.banner.video button { display: none; }
    body.watch.article section.banner.video iframe { display: block; background: #000; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.watch section.banner div.article { bottom: 18px; right: 18px; }

    body.watch.article section.banner iframe { height: calc(100% - 73px); top: 73px; }
    body.watch.article section.banner button { margin-top: 52px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.article section.banner button { height: 94px; margin-top: 52px; width: 94px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.watch.article section.banner iframe { height: calc(100% - 73px); top: 73px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.watch.article section.banner iframe { height: calc(100% - 89px); top: 89px; }
}

/** Podcast **************************************************/
body.podcasts section.media ul li em { background-image: url('../img/icons_podcast.svg'); }

body.podcasts.article section.article article button::before { background-image: url('../img/icons_podcast-listen.svg'); }


/** Press Page **************************************************/
body.press section#press ul li { font-family: Circular; font-weight: bold; }
body.press section#press ul li::after { border-bottom: 2px solid #000; content: ''; display: block; }
body.press section#press ul li small { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.press section#press ul li strong { color: #e8244c; display: block; }
body.press section#press ul li p a { border-bottom: 1px solid #000; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; line-height: 18px; text-transform: uppercase; }


/** Mobile & Tablet **********/
@media all and (max-width: 1279px){
    body.press section#press ul li::after { width: 13px; }
    body.press section#press ul li p { line-height: 20px; }
}

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.press section#press ul li { font-size: 14px; }
    body.press section#press ul li:first-of-type::before { border-bottom: 2px solid #000; content: ''; display: block; margin-bottom: 26px; width: 13px; }
    body.press section#press ul li:not(:last-of-type) { margin-bottom: 26px; }
    body.press section#press ul li small { margin-bottom: 9px; }
    body.press section#press ul li strong { font-size: 19px; margin-bottom: 8px; }
    body.press section#press ul li p { margin-bottom: 31px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.press section#press ul { padding-top: 1px; }
    body.press section#press ul li:not(:last-of-type) { margin-bottom: 28px; }
    body.press section#press ul li small { font-size: 15px; line-height: 32px; }
    body.press section#press ul li strong { font-size: 21px; margin-bottom: 7px; }
    body.press section#press ul li p { font-size: 14px; margin-bottom: 31px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.press section#press ul { padding-top: 12px; }
    body.press section#press ul li { max-width: 1000px; }
    body.press section#press ul li:not(:last-of-type) { margin-bottom: 33px; }
    body.press section#press ul li::after { width: 15px; }
    body.press section#press ul li small { font-size: 17px; margin-bottom: 9px; }
    body.press section#press ul li strong { font-size: 26px; margin-bottom: 9px; }
    body.press section#press ul li p { font-size: 18px; line-height: 25px; margin-bottom: 39px; }
}


/** News Landing Page **************************************************/

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.news section.media ul li a { padding-left: 364px; }
    body.news section.media ul li figure { width: 332px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.news section.media { padding-top: 40px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.news { padding-top: 73px; }

    body.news section.media ul { padding-top: 11px; }
    body.news section.media ul li a { padding-left: 442px; }
    body.news section.media ul li figure { width: 412px; }
    body.news section.media ul li strong { margin-bottom: 12px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.news { padding-top: 89px; }

    body.news section.media ul { padding-top: 14px; }
    body.news section.media ul li a { padding-left: 590px; }
    body.news section.media ul li figure { width: 554px; }
    body.news section.media ul li strong { margin-bottom: 15px; }
}


/** News Article Page **************************************************/
body.news.article section#article figure { background-position: center center; background-repeat: no-repeat; background-size: cover; }
body.news.article section#article article em.date { border-bottom-color: #000; border-bottom-style: solid; display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.news.article section#article article h1,
body.news.article section#article article p.summary,
body.news.article section#article article div.event,
body.news.article section#article article div.sponsors { font-family: Circular; font-weight: bold; }
body.news.article section#article article div.news p { font-family: 'Adobe Caslon'; }
body.news.article section#article article div.news p strong { font-weight: bold; }
body.news.article section#article article div.news p em { font-style: italic; }
body.news.article section#article article div.news p a { border-bottom: 1px solid #000; display: inline-block; }
body.news.article section#article article div.news p sup { font-size: smaller; vertical-align: super; }
body.news.article section#article article div.event { position: relative; }
body.news.article section#article article div.event::before,
body.news.article section#article article div.event::after { border-top-color: #000; border-top-style: solid; content: ''; display: block; left: 0; position: absolute; }
body.news.article section#article article div.event::before { top: 0; }
body.news.article section#article article div.event::after { bottom: 0; }
body.news.article section#article article div.sponsors img { display: block; max-width: 100%; }
body.news.article section#article article small { display: block; font-family: Circular; }
body.news.article section#article article small strong { font-weight: bold; }
body.news.article section#article article small em { font-style: italic; }
body.news.article section.navigation div.container div { border-bottom: none; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.news.article section#article figure { height: 240px; margin-bottom: 18px; }
    body.news.article section#article article { font-size: 16px; padding-bottom: 12px; }
    body.news.article section#article article em.date { border-bottom-width: 1px; margin-bottom: 14px; line-height: 15px; }
    body.news.article section#article article h1 { font-size: 19px; margin-bottom: 10px; }
    body.news.article section#article article p.summary { margin-bottom: 24px; }
    body.news.article section#article article div.news { margin-bottom: 21px; }
    body.news.article section#article article div.news p { line-height: 22px; }
    body.news.article section#article article div.news p a { line-height: 9px; }
    body.news.article section#article article div.event { padding: 13px 0 19px; }
    body.news.article section#article article div.event::before,
    body.news.article section#article article div.event::after { border-top-width: 1px; width: 9px; }
    body.news.article section#article article div.sponsors { margin-bottom: 5px; }
    body.news.article section#article article div.sponsors p { font-size: 12px; margin-bottom: 20px; }
    body.news.article section#article article small { font-size: 11px; line-height: 13px; }

    body.news.article section#navigation { margin-bottom: 10px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.news.article section#article article { line-height: 22px; }
    body.news.article section#article article div.event { margin-bottom: 22px; }

    body.news.article section.navigation { margin-bottom: 10px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.news.article section#article div.container { padding: 0 46px; }
    body.news.article section#article article div.news p { line-height: 18px; }
    body.news.article section#article article div.event { line-height: 16px; margin-bottom: 20px; }

	body.news.article section.navigation { margin: 0 auto; max-width: 1366px; width: auto; }
    body.news.article section.navigation div.container { padding: 0 46px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.news.article section#article em { border-bottom-width: 2px; }
    body.news.article section#article article div.news p a { line-height: 13px; }
    body.news.article section#article div.event::before,
    body.news.article section#article div.event::after { border-top-width: 2px; }
    body.news.article section#article article small { line-height: 15px; }
    body.news.article section#article article div.event { margin-bottom: 26px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.news.article section#article { font-size: 16px; margin: 0 auto; padding-top: 51px; width: auto; }
    body.news.article section#article div.container { padding: 0 58px; }
    body.news.article section#article figure { height: 318px; margin-bottom: 26px; }
    body.news.article section#article article { padding-bottom: 21px; width: calc(100% - 90px); }
    body.news.article section#article article em.date { margin-bottom: 13px; line-height: 20px; }
    body.news.article section#article article h1 { font-size: 27px; margin-bottom: 17px; }
    body.news.article section#article article p.summary { line-height: 21px; margin-bottom: 29px; }
    body.news.article section#article article div.news { margin-bottom: 25px; }
    body.news.article section#article article div.news p { line-height: 22px; }
    body.news.article section#article article div.event { line-height: 21px; padding: 21px 0 26px; }
    body.news.article section#article article div.event::before,
    body.news.article section#article article div.event::after { width: 13px; }
    body.news.article section#article article div.sponsors { margin-bottom: 24px; }
    body.news.article section#article article div.sponsors p { font-size: 14px; margin-bottom: 30px; }
    body.news.article section#article article small { font-size: 12px; }

	body.news.article section.navigation { margin: 0 auto; max-width: 1366px; width: auto; }
    body.news.article section.navigation div.container { padding: 0 58px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.news.article section#article { font-size: 19px; margin: 0 auto; max-width: 1366px; padding-top: 54px; width: auto; }
    body.news.article section#article div.container { padding: 0 58px; }
    body.news.article section#article figure { height: 318px; margin-bottom: 26px; }
    body.news.article section#article article { padding-bottom: 21px; width: calc(100% - 90px); }
    body.news.article section#article article em.date { margin-bottom: 7px; line-height: 20px; }
    body.news.article section#article article h1 { font-size: 27px; margin-bottom: 17px; }
    body.news.article section#article article p.summary { line-height: 21px; margin-bottom: 29px; }
    body.news.article section#article article div.news { margin-bottom: 25px; }
    body.news.article section#article article div.news p { line-height: 27px; }
    body.news.article section#article article div.event { line-height: 21px; padding: 21px 0 26px; }
    body.news.article section#article article div.event::before,
    body.news.article section#article article div.event::after { width: 13px; }
    body.news.article section#article article div.sponsors { margin-bottom: 24px; }
    body.news.article section#article article div.sponsors p { font-size: 14px; margin-bottom: 30px; }
    body.news.article section#article article small { font-size: 12px; }
	
	body.news.article section.navigation { margin: 0 auto; max-width: 1366px; width: auto; }
    body.news.article section.navigation div.container { padding: 0 58px; }
}



/** Search **************************************************/
body.search section#search { height: 60px; line-height: 64px; z-index: 3; }
body.search section#search form { align-items: baseline; -webkit-display: flex; display: flex; }
body.search section#search form label,
body.search section#search form input[type="text"] { font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.search section#search form label { color: #969696; }
body.search section#search form label[for="search_keywords"] { background: url('../img/icons_search-hover.svg') left center no-repeat; }
body.search section#search form #filters { position: relative; }
body.search section#search form #filters label[search-filters] { background: url('../img/icons_arrow_pink.svg') left center no-repeat; border-bottom: 1px solid #969696; cursor: pointer; display: block; width: 100%; }
body.search section#search form #filters div { background: #f5f5f5; display: none; left: 0; position: absolute; width: 100%; z-index: 3; }
body.search section#search form #filters div input { left: -9999px; opacity: 0; pointer-events: none; position: absolute; }
body.search section#search form #filters.active div { display: block; }
body.search section#search form #filters div label { cursor: pointer; display: block; }
body.search section#search form #filters div label:hover span,
body.search section#search form #filters div label input:checked + span { color: #e7244c; }

body.search section#results ul li figure { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; }
body.search section#results ul li small { border-bottom: 1px solid #000; color: #969696; display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.search section#results ul li strong,
body.search section#results ul li p { font-family: Circular; }
body.search section#results ul li strong { display: block; font-weight: bold; }

body.search section#results h4 { font-family: 'Trade Gothic'; font-weight: bold; position: absolute; text-align: center; text-transform: uppercase; width: 100%; }
body.search section#results h4 button { background: none; color: #e7244c; text-transform: uppercase; }

/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.search section#search form label { font-size: 12px; }
    body.search section#search form label[for="search_keywords"] { margin-right: 4px; padding-left: 15px; }
    body.search section#search form label[search-filters] { background-size: 9px auto; line-height: 20px; padding-left: 17px; }
    body.search section#search form #filters div { line-height: 24px; padding: 8px 17px; }
    body.search section#search form input { font-size: 16px; }
    body.search section#search form select { font-size: 12px; }

    body.search section#results ul li:not(:last-of-type) { margin-bottom: 33px; }
    body.search section#results ul li figure { margin-bottom: 10px; }
    body.search section#results ul li small { margin-bottom: 10px; padding-bottom: 3px; }
    body.search section#results ul li strong,
    body.search section#results ul li p { font-size: 13px; line-height: 16px; }
    body.search section#results ul li strong { margin-bottom: 8px; }

    body.search section#results h4 { font-size: 16px; }

}

/** Mobile **********/
@media all and (max-width: 767px){
    body.search section#search { margin-bottom: 20px; }
    body.search section#search form label { flex-grow: 0; }
    body.search section#search form label[for="search_keywords"] { background-size: 10px auto; position: relative; text-indent: -999px; top: -1px; width: 15px; }
    body.search section#search input[type="text"] { flex-grow: 9; }
    body.search section#search form #filters { width: 60%; }

    body.search section#results { min-height: 300px; }
    body.search section#results ul li figure { padding-bottom: 73%; }

    body.search section#results h4 { top: 120px; white-space: pre-line; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.search section#results ul { -webkit-display: flex; display: flex; flex-wrap: wrap; margin: 0 auto; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.search { padding-top: 96px; }

    body.search section#search { margin-bottom: 28px; }
    body.search section#search form #filters { width: 220px; }
    body.search section#search form label[for="search_keywords"] { background-size: 8px auto; }

    body.search section#results { min-height: 525px; }
    body.search section#results ul { margin-bottom: -33px;}
    body.search section#results ul li { margin-bottom: 33px; width: calc((100% - 68px) / 3); }
    body.search section#results ul li:not(:nth-child(3n)) { margin-right: 34px; }
    body.search section#results ul li figure { height: 162px; }

    body.search section#results h4 { top: 250px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.search { padding-top: 115px; }

    body.search section#search { margin-bottom: 39px; }
    body.search section#search form label { font-size: 14px; }
    body.search section#search form label[for="search_keywords"] { background-size: 10px auto; margin-right: 7px; padding-left: 19px; }
    body.search section#search form #filters  { width: 295px; }
    body.search section#search form #filters label[search-filters] { background-size: 12px auto; line-height: 26px; padding-left: 18px; }
    body.search section#search form #filters div { line-height: 32px; padding: 10px 18px; }
    body.search section#search form input { font-size: 21px; }
    body.search section#search form select { font-size: 14px; }

    body.search section#results { min-height: 260px; }
    body.search section#results ul { margin-bottom: -45px; }
    body.search section#results ul li { margin-bottom: 45px; width: calc((100% - 72px) / 3); }
    body.search section#results ul li:not(:nth-child(3n)) { margin-right: 36px; }
    body.search section#results ul li figure { height: 215px; margin-bottom: 18px; }
    body.search section#results ul li small { margin-bottom: 16px; padding-bottom: 6px; }
    body.search section#results ul li strong,
    body.search section#results ul li p { font-size: 14px; line-height: 17px; }
    body.search section#results ul li strong { margin-bottom: 10px; }

    body.search section#results h4 { font-size: 21px; top: 130px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.search { padding-top: 144px; }

    body.search section#search { margin-bottom: 47px; }
    body.search section#search form label { font-size: 17px; }
    body.search section#search form label[for="search_keywords"] { background-size: 12px auto; margin-right: 11px; padding-left: 23px; }
    body.search section#search form #filters { width: 370px; }
    body.search section#search form #filters label[search-filters] { background-size: 14px auto; line-height: 28px; padding-left: 20px; }
    body.search section#search form #filters div { line-height: 35px; padding: 12px 20px; }
    body.search section#search form input { font-size: 26px; }
    body.search section#search form select { font-size: 17px; }

    body.search section#results ul { margin-bottom: -57px; }
    body.search section#results ul li { margin-bottom: 57px; }
    body.search section#results ul li figure { height: 270px; margin-bottom: 26px; }
    body.search section#results ul li small { margin-bottom: 20px; padding-bottom: 8px; }
    body.search section#results ul li strong,
    body.search section#results ul li p  { font-size: 17px; line-height: 20px; }
    body.search section#results ul li strong { margin-bottom: 15px; }

    body.search section#results h4 { font-size: 26px; top: 150px; }
}

/** Desktop Small **********/
@media all and (min-width: 1280px) and (max-width: 1439px) {
    body.search section#results ul li { width: calc((100% - 108px) / 3); }
    body.search section#results ul li:not(:nth-child(3n)) { margin-right: 54px; }
}

/** Desktop Large **********/
@media all and (min-width: 1440px){
    body.search section#results ul li { width: calc((100% - 162px) / 4); }
    body.search section#results ul li:not(:nth-child(4n)) { margin-right: 54px; }
}



























/** Compendium **************************************************/
body.art-books section#compendium aside { font-family: Wigrum; font-weight: 500; text-transform: uppercase; }
body.art-books section#compendium aside a { font-size: 17px; line-height: 25px; transition: color ease-out 0.2s; }
body.art-books section#compendium aside a:hover,
body.art-books section#compendium aside a.active { color: #e7244c; }
body.art-books section#compendium aside a.disabled { color: #dddddf; pointer-events: none; }
body.art-books section#compendium aside input { border: 1px solid #969696; display: block; font-size: 12px; text-indent: 12px; width: 100%; }
body.art-books section#compendium aside input::-webkit-input-placeholder { color: #000; }
body.art-books section#compendium aside input::-moz-placeholder { color: #000; }
body.art-books section#compendium aside input:-ms-input-placeholder { color: #000; }
body.art-books section#compendium aside input:-moz-placeholder { color: #000; }

body.art-books section#compendium article ul li { clear: both; }
body.art-books section#compendium article ul li > strong { color: #e7244c; display: block; font-family: Wigrum; font-weight: 500; }
body.art-books section#compendium article ul li em { font-style: italic; }
body.art-books section#compendium article ul li a { border-bottom: 1px solid #000; }
body.art-books section#compendium article ul li > p { font-family: 'Avenir Next'; }
body.art-books section#compendium article ul li p small { color: #e7244c; }
body.art-books section#compendium article ul li p strong { font-weight: bold; }
body.art-books section#compendium article ul li p span { background: rgba(231,36,76, 0.2); }

body.art-books section#compendium p#no-results { text-transform: uppercase; }

body.art-books section#compendium span[caption] { border: 1px solid #666; border-radius: 50%; cursor: pointer; display: inline-block; text-align: center; transition: border-color ease-out 0.2s, color ease-out 0.2s; }
body.art-books section#compendiumbody.art-books section#compendium span[caption]:hover,
body.art-books section#compendium span[caption].active { border-color: #e7244c; color: #e7244c; }

body.art-books section#compendium div.caption { background: #ffffd1; box-shadow: 10px 10px 19px -5px rgba(0,0,0,0.6); color: #000; font-family: 'Avenir Next'; font-style: normal; font-weight: 500; cursor: default; position: absolute; text-align: left; z-index: 40; }
body.art-books section#compendium div.caption button { background: url('../img/icons_close.svg') center center no-repeat; background-size: contain; cursor: pointer; display: block; position: absolute; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
    body.art-books section#compendium aside h1 { font-size: 17px; margin-bottom: 17px; }
    body.art-books section#compendium aside input { height: 34px; margin-top: 15px; }
    body.art-books section#compendium article ul li { font-size: 14px; line-height: 20px; }
    body.art-books section#compendium article ul li:not(:last-of-type) { margin-bottom: 24px; }
    body.art-books section#compendium article ul li img { max-height: 130px; max-width: 130px; }

    body.art-books section#compendium span[caption] { font-size: 12px; height: 17px; line-height: 18px; margin-left: 8px; width: 18px; }

    body.art-books section#compendium div.caption { font-size: 11px; line-height: 13px; padding: 33px 24px 36px; }
    body.art-books section#compendium div.caption button { height: 7px; right: 13px; top: 13px; width: 7px; }
	
    body.art-books section#compendium p#no-results { font-size: 14px; line-height: 22px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.art-books section#compendium aside { margin-bottom: 30px; padding-top: 19px; }
    body.art-books section#compendium aside > * { max-width: 260px; }
    body.art-books section#compendium article ul li img { margin-top: 10px; }

    body.art-books section#compendium div.caption { left: 18px; width: calc(100% - 36px); }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
    body.art-books section#compendium div.container { z-index: 3; }
    body.art-books section#compendium article ul li img { float: right; margin: 0 0 20px 20px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
    body.art-books section#compendium { padding-top: 30px; }
    body.art-books section#compendium aside,
    body.art-books section#compendium article { max-width: 650px; }
    body.art-books section#compendium aside { margin-bottom: 40px; width: 250px; }
    body.art-books section#compendium article { margin-right: 18px; margin-bottom: 40px; }

    body.art-books section#compendium div.caption { left: 18px; width: 304px; }
	
    body.art-books section#compendium p#no-results { padding-bottom: 60px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
    body.art-books section#compendium aside { margin-bottom: 50px; }
    body.art-books section#compendium aside > * { width: 300px; }
    body.art-books section#compendium aside h1 { font-size: 21px; margin-bottom: 26px; }
    body.art-books section#compendium aside input { height: 40px; margin-top: 19px; }
    body.art-books section#compendium article { margin-bottom: 50px; }
    body.art-books section#compendium article ul li { font-size: 17px; line-height: 25px; }
    body.art-books section#compendium article ul li:not(:last-of-type) { margin-bottom: 54px; }
    body.art-books section#compendium article ul li img { max-height: 150px; max-width: 150px; }

    body.art-books section#compendium span[caption] { font-size: 15px; height: 20px; line-height: 20px; margin-left: 10px; width: 20px; }
	
    body.art-books section#compendium p#no-results { font-size: 17px; padding-bottom: 100px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
    body.art-books section#compendium { padding-top: 40px; }
    body.art-books section#compendium aside,
    body.art-books section#compendium article { max-width: 650px; }
    body.art-books section#compendium article { margin-right: 32px; }

    body.art-books section#compendium div.caption { font-size: 12px; line-height: 15px; padding: 35px 27px 38px; width: 332px; }
    body.art-books section#compendium div.caption button { height: 8px; right: 14px; top: 14px; width: 8px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
    body.art-books section#compendium { margin: 0 auto 65px; padding-top: 50px; width: 1210px; }
    body.art-books section#compendium aside,
    body.art-books section#compendium article { max-width: 850px; }

    body.art-books section#compendium div.caption { font-size: 15px; line-height: 18px; padding: 44px 32px 50px; width: 420px; }
    body.art-books section#compendium div.caption button { height: 10px; right: 18px; top: 18px; width: 10px; }
}


/** Publication Banner **************************************************/
body.art-books section.article article figure.publication {	margin-bottom: 0; pointer-events: none; position: relative; }
body.art-books section.article article figure.publication img { margin-bottom: 0; }
body.art-books section.article article figure.publication > div div { background: #e7dec8; padding: 22px 18px; pointer-events: auto; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
}

/** Mobile **********/
@media all and (max-width: 767px){
	body.art-books section.article article figure.publication { margin-left: -18px; width: calc(100% + 36px); }
	body.art-books section.article article > figure.publication:first-child { margin-top: -16px; }
	body.art-books section.article article figure.publication img { display: block; height: 320px; object-fit: cover; width: 100%; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
	body.art-books section.article article figure.publication img { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; }
	body.art-books section.article article figure.publication > div { display: -webkit-flex; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; }
	body.art-books section.article article figure.publication > div div { background: #e7dec8; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
	body.art-books section.article article figure.publication { height: 346px; margin-left: -18px; width: calc(100% + 54px); }
	body.art-books section.article article > figure.publication:first-child { margin-top: -19px; }
	body.art-books section.article article figure.publication > div { padding: 0 18px; width: 400px; }
	body.art-books section.article article figure.publication > div div { padding: 20px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
	body.art-books section.article article figure.publication { height: 460px; margin-left: -32px; width: calc(100% + 96px); }
	body.art-books section.article article > figure.publication:first-child { margin-top: -23px; }
	body.art-books section.article article figure.publication > div { padding: 0 32px; width: 520px; }
	body.art-books section.article article figure.publication > div div { padding: 36px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
	body.art-books section.article article figure.publication { height: 576px; margin-left: calc(((((var(--vw) * 100) - 1210px) / 2) * -1) - 32px); width: calc(var(--vw) * 100); }
	body.art-books section.article article > figure.publication:first-child { margin-top: -34px; }
	body.art-books section.article article figure.publication > div { padding: 0 64px; width: 620px; }
	body.art-books section.article article figure.publication > div div { padding: 48px; }
}


/** Artbook Font Families **************************************************/
body.art-books.avenir header a.artbook-logo strong { font-family: 'Avenir Next'; font-weight: 500; }
body.art-books.circular header a.artbook-logo strong { font-family: Circular; font-weight: bold; text-transform: none; }
body.art-books.circular header a.artbook-logo small { font-family: Circular; font-weight: normal; }
body.art-books.circular header a.artbook-logo small em { font-weight: bold; } 
	
body.art-books.chapter.avenir section.banner h1 { font-family: Wigrum; font-weight: 500; }
body.art-books.chapter.circular section.banner h1 { font-family: Circular; font-weight: bold; text-transform: none; }

body.art-books.circular section.article h1 { font-family: Circular; font-weight: normal; }
body.art-books.circular section.article h1 strong { font-weight: bold; }

body.art-books.chapter.about-the-author.circular section.article h1 { font-weight: bold; }

body.art-books.chapter.circular section#compendium aside h1,
body.art-books.chapter.circular section#compendium aside div a { font-family: Circular; font-weight: bold; text-transform: none; }

body.art-books.chapter.avenir section#compendium p#no-results { font-family: Wigrum; font-weight: 500; }
body.art-books.chapter.circular section#compendium p#no-results { font-family: Circular; font-weight: bold; text-transform: none; }

body.art-books.chapter.avenir section.article.large-intro article > p:first-child { font-family: Wigrum; font-weight: 500; }
body.art-books.chapter.circular section.article.large-intro article > p:first-child { font-family: Circular; font-weight: bold; }

body.art-books.chapter.credits.avenir section.article h1,
body.art-books.chapter.avenir section.article h2 { font-family: Wigrum; font-style: normal; font-weight: 500; text-transform: uppercase; }
body.art-books.chapter.credits.circular section.article h1,
body.art-books.chapter.circular section.article h2 { font-family: Circular; font-style: normal; font-weight: bold; text-transform: none; }

body.art-books.avenir section.navigation a { font-family: Wigrum; font-weight: 500; }
body.art-books.circular section.navigation a { font-family: Circular; font-weight: bold; }











/** Spotlight Landing Page **************************************************/

body.spotlight-landing section.intro { padding: 0; }
body.spotlight-landing section.intro p { font-family: Circular; font-weight: bold; margin: 0 auto; }

body.spotlight-landing.the-essay .the-essay-list ul li strong { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.spotlight-landing.the-essay .the-essay-list ul li em { display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; }
body.spotlight-landing.the-essay .the-essay-list ul li small { display: block; font-family: Circular; font-weight: bold; }

body.features section.banner.landing.spotlight-list-banner a.content.standard p { font-family: Circular; font-size:24px; margin-bottom:6px; }
body.features section.banner.landing.spotlight-list-banner a.content.standard small{ font-size:21px; }
body.features section.banner.landing.spotlight-list-banner a.content.standard > div > p > strong { font-family: Circular; border-bottom: none; text-transform: inherit; }

.spotlight-list {
    background-color: inherit!important;
    text-align: left!important;
}
.spotlight-list ul li a.img {
    padding-top: 100% !important;
}
.spotlight-list em {
    font-size: 32px;
    margin-bottom: 4px;
    display: block;
    font-family: 'Adobe Caslon';
    font-style: italic;
    font-weight: 600;
}
.spotlight-list small {
    text-transform: none!important;
}

.spotlight-list-banner a.content.standard {
    height: 400px!important;
}

.spotlight-list-banner div p strong {
    margin-bottom: auto!important;
}

.spotlight-list ul li::after {
    border-top: 2px solid #000!important;
    padding-top: 10px;
    content: '';
    display: block;
    width: 33%;
    text-align: center;
    position: relative;
    margin-top: 36px;
    margin-left: auto; margin-right: auto;
}

.spotlight-list ul li p > strong {
    font-weight:bold;
}


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
	body.spotlight-landing.the-essay .the-essay-list ul li em { font-size: 14px; line-height: 17px; margin-bottom: 5px; }
	body.spotlight-landing.the-essay .the-essay-list ul li small { font-size: 11px; line-height: 14px; }
	body.spotlight-landing.the-essay .the-essay-list ul li::after { margin-top: 22px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
    body.spotlight-landing section.banner > h1 { bottom: -82px; color: #000; font-size: 28px; line-height: 28px; }
	body.spotlight-landing section.intro { margin-bottom: 30px; }
	body.spotlight-landing section.intro p { font-size: 16px; line-height: 22px; }
	
	body.spotlight-landing.the-essay .the-essay-list ul li strong { font-size: 20px; line-height: 20px; margin-bottom: 9px; }
	
	
    .spotlight-list-banner a.content.standard {
        height: 302px!important;
    }
    .spotlight-list em {
        font-size: 21px;
        margin-bottom: 2px;
    }

    .spotlight-list ul li a.img { height: auto!important; }
	
    body.the-essay section.banner.landing.spotlight-list-banner a.content.standard p {  font-size:18px; }
    body.the-essay section.banner.landing.spotlight-list-banner a.content.standard small{ font-size:16px; }
}

/** Mobile LG **********/
@media all and (min-width: 375px) and (max-width: 767px){
    .spotlight-list-banner a.content.standard {
        height: 302px!important;
    }
    .spotlight-list em {
        font-size: 21px;
        margin-bottom: 2px;
    }

    .spotlight-list ul li a.img { height: auto!important; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
	body.spotlight-landing .spotlight-list { overflow: hidden; }
	body.spotlight-landing .spotlight-list ul { width: calc(100% + 40px); }
	body.spotlight-landing .spotlight-list li { margin-right: 40px !important; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
	body.spotlight-landing section.intro { margin-bottom: 40px; }
	body.spotlight-landing section.intro p { font-size: 18px; line-height: 25px; }
	
	body.spotlight-landing .spotlight-list li { width: calc((100% - 80px) / 3) !important; }
	
	body.spotlight-landing.the-essay .the-essay-list ul li strong { font-size: 26px; line-height: 26px; margin-bottom: 9px; }
	
    .spotlight-list-banner a.content.standard {
        height: 382px!important;
    }
    .spotlight-list em {
        font-size: 28px;
        margin-bottom: 2px;
    }
	
    body.the-essay section.banner.landing.spotlight-list-banner a.content.standard p {  font-size:16px; }
    body.the-essay section.banner.landing.spotlight-list-banner a.content.standard small{ font-size:14px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
	body.spotlight-landing .spotlight-list li { width: calc((100% - 40px - 120px) / 4) !important; }
	
    .spotlight-list ul li a.img { height: auto!important; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
	body.spotlight-landing section.intro { margin-bottom: 50px; }
	body.spotlight-landing section.intro p { font-size: 20px; line-height: 26px; width: calc(100% - 148px); }

	body.spotlight-landing.the-essay .the-essay-list ul li strong { font-size: 26px; line-height: 26px; margin-bottom: 16px; }
	body.spotlight-landing.the-essay .the-essay-list ul li em { font-size: 16px; line-height: 19px; margin-bottom: 14px; }
	body.spotlight-landing.the-essay .the-essay-list ul li small { font-size: 14px; line-height: 18px; }
	body.spotlight-landing.the-essay .the-essay-list ul li::after { margin-top: 26px; }
	

    body.art-and-influence section#art-and-influence .spotlight-list ul li p { padding: 0 35px; }
    .spotlight-list ul li a.img { height: auto!important; }
	
    body.the-essay section.banner.landing.spotlight-list-banner a.content.standard p {  font-size:18px; }
    body.the-essay section.banner.landing.spotlight-list-banner a.content.standard small{ font-size:16px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
	body.spotlight-landing section.intro { margin-bottom: 62px; }
	body.spotlight-landing section.intro p { font-size: 25px; line-height: 32px; }
	
	body.spotlight-landing.the-essay .the-essay-list ul li strong { font-size: 33px; line-height: 33px; margin-bottom: 14px; }
	body.spotlight-landing.the-essay .the-essay-list ul li em { font-size: 20px; line-height: 24px; margin-bottom: 12px; }
	body.spotlight-landing.the-essay .the-essay-list ul li small { font-size: 18px; line-height: 22px; margin-bottom: 2px; }
	body.spotlight-landing.the-essay .the-essay-list ul li::after { margin-top: 36px; }

    .spotlight-list ul li a.img { height: auto!important; }

    body.art-and-influence section#art-and-influence .spotlight-list ul li p { padding: 0 35px; }	
}

/** Desktop Small **********/
@media all and (min-width: 1279px) and (max-width: 1439px){
	body.spotlight-landing section.intro p { margin: 0 auto; width: 934px; }
}


/** Essay Scroller **************************************************/
body.the-essay section#more.scroller.the-essay strong { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
body.the-essay section#more.scroller.the-essay em  { display: block; font-family: 'Adobe Caslon'; font-style: italic; font-weight: 600; }
body.the-essay section#more.scroller.the-essay small { display: block; font-family: Circular; font-weight: bold; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
	body.the-essay section#more.scroller.the-essay ul li em { font-size: 14px; line-height: 17px; margin-bottom: 5px; }
	body.the-essay section#more.scroller.the-essay ul li small { font-size: 11px; line-height: 14px; }
	body.the-essay section#more.scroller.the-essay ul li::after { margin-top: 22px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
	body.the-essay section#more.scroller.the-essay ul li strong { font-size: 20px; line-height: 20px; margin-bottom: 9px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){	
	body.the-essay section#more.scroller.the-essay ul li strong { font-size: 26px; line-height: 26px; margin-bottom: 9px; }
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
	body.the-essay section#more.scroller.the-essay ul li strong { font-size: 26px; line-height: 26px; margin-bottom: 16px; }
	body.the-essay section#more.scroller.the-essay ul li em { font-size: 16px; line-height: 19px; margin-bottom: 14px; }
	body.the-essay section#more.scroller.the-essay ul li small { font-size: 14px; line-height: 18px; }
	body.the-essay section#more.scroller.the-essay ul li::after { margin-top: 29px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
	body.the-essay section#more.scroller.the-essay ul li strong { font-size: 33px; line-height: 33px; margin-bottom: 14px; }
	body.the-essay section#more.scroller.the-essay ul li em  { font-size: 20px; line-height: 24px; margin-bottom: 12px; }
	body.the-essay section#more.scroller.the-essay ul li small { font-size: 18px; line-height: 22px; }
	body.the-essay section#more.scroller.the-essay ul li::after { margin-top: 36px; }
	
}


/** News Landing **************************************************/
section.news-landing h1 { font-family: Circular; font-weight: bold; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
	section.news-landing h1 { font-size: 28px; line-height: 28px; margin-bottom: 29px; }
}

/** Mobile **********/
@media all and (max-width: 767px){
	section.news-landing { padding-top: 29px; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
	section.news-landing { margin: 0 auto; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
	section.news-landing { padding-top: 102px; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
	section.news-landing { padding-top: 110px; }
	section.news-landing h1 { font-size: 37px; line-height: 37px; margin-bottom: 38px; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
	section.news-landing { max-width: 1210px; padding-top: 137px; }
	section.news-landing h1 { font-size: 46px; line-height: 46px; margin-bottom: 48px; }
}



/** Search Bar **************************************************/
form.section-search { border-top: 1px solid #dddddf; display: -webkit-flex; display: flex; font-family: Circular; font-size: 14px; text-transform: uppercase; }
form.section-search input[type="text"] { background: url('../img/icons_searchbar_mag.svg') center right no-repeat; background-size: 20px; color: #000; display: block; font-family: Circular; font-size: 14px; height: 22px; text-transform: uppercase; width: 100%; }
form.section-search input[type="text"]::-webkit-input-placeholder { color: #bbbdbf; }
form.section-search input[type="text"]::-mo4z-placeholder { color: #bbbdbf; }

form.section-search > div.keyword button { display: none; }

form.section-search > div.checkboxes label { align-items: center; cursor: pointer; display: -webkit-flex; display: flex; position: relative; }
form.section-search > div.checkboxes label input { opacity: 0; pointer-events: none; position: absolute; }
form.section-search > div.checkboxes label span { background: #fff; border: 1px solid #dddddf; border-radius: 50%; display: block; height: 15px; margin-right: 10px; width: 15px; }
form.section-search > div.checkboxes label input:checked + span { background-color: #e7244c; border-color: #e7244c; }
form.section-search > div.checkboxes label small { color: #000; }

form.section-search div.dropdown { border: 1px solid #dddddf; border-radius: 0; height: 34px; position: relative; }
form.section-search div.dropdown strong { background: url('../img/icons_arrow-down.svg') right 12px center no-repeat; background-size: 11px; cursor: pointer; display: block; font-family: Circular; height: 34px; line-height: 34px; padding: 0 10px; width: 192px; }
form.section-search div.dropdown strong::after { background: url('../img/icons_arrow-up.svg') right 12px center; content: ''; }
form.section-search div.dropdown div.options_container { background: #fff; box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.25); display: none; left: 0; position: absolute; top: 34px; width: 191px; }
form.section-search div.dropdown div.options_container div.options { max-height: 336px; overflow: auto; padding: 10px; }
form.section-search div.dropdown div.options_container div.options label { align-items: flex-start; cursor: pointer; display: -webkit-flex; display: flex; position: relative; }
form.section-search div.dropdown div.options_container div.options label:not(:last-child) { margin-bottom: 10px; }
form.section-search div.dropdown div.options_container div.options label input { opacity: 0; pointer-events: none; position: absolute; }
form.section-search div.dropdown div.options_container div.options label > span { background: #fff; border: 1px solid #dddddf; border-radius: 50%; display: block; height: 15px; margin-right: 10px; width: 15px; }
form.section-search div.dropdown div.options_container div.options label input:checked + span { background-color: #e7244c; border-color: #e7244c; }
form.section-search div.dropdown div.options_container div.options label small { color: #000; flex: 1; }
form.section-search div.dropdown div.options_container div.options label small span { display: inline-block; font-size: smaller; margin-top: -6px; text-transform: lowercase; vertical-align: super; }
form.section-search div.dropdown div.options_container button { background: #fff; border: 1px solid #e7244c; color: #e7244c; cursor: pointer; display: block; font-size: 14px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; width: 100%; }
form.section-search div.dropdown div.options_container div.options label.disabled { pointer-events: none; }
form.section-search div.dropdown div.options_container div.options label.disabled span { background: #dddddf; }
form.section-search div.dropdown div.options_container div.options label.disabled small { color: #dddddf; }

form.section-search div.dropdown.active strong { background-color: #e7244c; background-image: url('../img/icons_arrow-up.svg'); color: #fff; }
form.section-search div.dropdown.active div.options_container { display: block; }

form.section-search:not(.searching) > div.results { display: none; }
form.section-search > div.results small { border-right: 1px solid #000; margin-right: 9px; padding-right: 9px; text-transform: uppercase !important; }
form.section-search > div.results button { background: none; cursor: pointer; font-size: 14px; text-transform: uppercase; }

form.section-search + ul.searchable.filtering { opacity: 0; }
form.section-search + ul.searchable li.filtered,
ul.searchable li.infinite-scroll { display: none !important; }


/** Mobile & Tablet 768px **********/
@media all and (max-width: 1023px){
}

/** Mobile **********/
@media all and (max-width: 767px){
	form.section-search { align-items: flex-start; flex-direction: column; margin-bottom: 12px; }
	form.section-search > div { width: 100%; }
	form.section-search > div:not(:last-child) { border-bottom: 1px solid #dddddf; padding: 22px 0; }
	form.section-search > div:last-child { border-bottom: 1px solid #dddddf; padding: 12px 0; }
	
	form.section-search div.dropdown strong { width: 100%; }
	form.section-search div.dropdown div.options_container { left: -1px; width: calc(100% + 2px); z-index: 2; }
	
	form.section-search > div.checkboxes label:not(:last-child),	
	form.section-search div.dropdown:not(:last-child) { margin-bottom: 24px; }
}

/** Tablet & Desktop **********/
@media all and (min-width: 768px){
	form.section-search { align-items: center; border-bottom: 1px solid #dddddf; }
	form.section-search > div { align-items: center; display: -webkit-flex; display: flex; }
	form.section-search > div:not(:nth-last-child(-n+2)),
	form.section-search > div.only-keywords { border-right: 1px solid #dddddf; }
	form.section-search > div:first-child { padding-left: 0; }
	form.section-search > div:last-child { padding-right: 0; }
	form.section-search > div.checkboxes label:not(:last-child) { margin-right: 24px; }
	form.section-search > div.results { flex: 1; justify-content: flex-end; }
	
	form.section-search div.dropdown { width: 192px; }
	form.section-search div.dropdown:not(:last-child) { margin-right: 14px; }
}

/** Tablet 768px **********/
@media all and (min-width: 768px) and (max-width: 1023px){
	form.section-search { margin-bottom: 32px; padding: 12px 0; }
	form.section-search > div { height: 56px; padding: 0 28px; }
	form.section-search > div.keyword { width: 280px; }
	
	body.about form.section-search { max-width: 1250px; }
	body.art-books_landing form.section-search { margin-left: auto; margin-right: auto; }
	body.events.landing form.section-search,
	body.media.landing form.section-search,
	body.online-exhibitions form.section-search { margin-left: auto; margin-right: auto; }
}

/** Tablet 1024px & Desktop **********/
@media all and (min-width: 1024px){
}

/** Tablet 1024px **********/
@media all and (min-width: 1024px) and (max-width: 1279px){
	form.section-search { margin-bottom: 43px; padding: 12px 0; }
	form.section-search > div { height: 56px; padding: 0 28px; }
	form.section-search > div.keyword { width: 280px; }
	
	body.about form.section-search { max-width: 1250px; }
	body.art-books_landing form.section-search { margin-left: auto; margin-right: auto; }
	body.events.landing form.section-search,
	body.media.landing form.section-search,
	body.online-exhibitions form.section-search { margin-left: auto; margin-right: auto; }
}

/** Desktop **********/
@media all and (min-width: 1280px){
	form.section-search { margin-bottom: 54px; padding: 12px 0; }
	form.section-search > div { height: 56px; padding: 0 28px; }
	form.section-search > div.keyword { width: 280px; }
	
	body.about form.section-search { max-width: 1250px; }
	body.art-books_landing form.section-search { margin-left: auto; margin-right: auto; max-width: 1526px; }
	body.events.landing form.section-search,
	body.media.landing form.section-search,
	body.online-exhibitions form.section-search { margin-left: auto; margin-right: auto; max-width: 1250px; }
}




/** Education Landing Pages **************************************************/
	body.art-books_landing.education section.banner > h1 { width: auto !important; }
	body.art-books_landing.education section#art-books div.container { z-index: 3; }
	body.art-books_landing.education section#art-books ul li a strong,
	body.art-books_landing.education section#art-books ul li a p { font-size: inherit; line-height: inherit; }
	
	
	/** Mobile **********/
	@media all and (max-width: 767px){
		body.art-books_landing.education section#art-books ul li a { font-size: 13px; line-height: 17px; }
	}
	
	/** Tablet 1024px & Desktop **********/
	@media all and (min-width: 1024px){
		body.art-books_landing.education section#art-books ul li a { font-size: 17px; line-height: 22px; }
	}




/** Education Catalogue Page **************************************************/
	
	section#education-catalogue > img:first-child { display: none; }
	section#education-catalogue #catalogue { font-family: Circular; }
	section#education-catalogue a.breadcrumb { align-items: center; display: -webkit-inline-flex; display: inline-flex; font-family: 'Trade Gothic'; font-weight: bold; position: relative; text-transform: uppercase; }
	section#education-catalogue a.breadcrumb::before { background: url('../img/icons_arrow_black.svg') center center no-repeat; background-size: contain; content: ''; display: block; position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	section#education-catalogue #catalogue article h2 { display: inline-block; font-family: 'Trade Gothic'; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
	section#education-catalogue #catalogue article h2.red { color: #e7244c; }
	section#education-catalogue #catalogue article h1 { font-weight: bold; }
	section#education-catalogue #catalogue article h1 p { font-size: inherit; line-height: inherit; }
	section#education-catalogue #catalogue article h1 p sup { display: inline-block; margin-top: -10px; }
	section#education-catalogue #catalogue article p strong { font-weight: bold; }
	section#education-catalogue #catalogue article p em { font-style: italic; }
	section#education-catalogue #catalogue article p sup { font-weight: inherit !important; }
	section#education-catalogue #catalogue article small { border-bottom: 1px solid #dcdcdc; display: block; font-size: 13px; line-height: 13px; }
	section#education-catalogue #catalogue article small button { background: none; cursor: text; display: block; text-align: left; text-transform: uppercase; width: 100%; }
	section#education-catalogue #catalogue article ul { padding-left: 17px; }
	section#education-catalogue #catalogue article ul li { list-style-type: disc; }
	section#education-catalogue #catalogue article ul li:not(:last-child) { margin-bottom: 3px; }
	section#education-catalogue #catalogue article ul li em { font-style: italic; }
	section#education-catalogue #catalogue article div#author { font-weight: bold; }
	section#education-catalogue #catalogue div #buttons { margin-bottom: 35px; }
	section#education-catalogue #catalogue div #buttons a.button { border: 1px solid #e7244c; color: #e7244c; display: block; font-size: 13px; font-weight: bold; line-height: 17px; padding: 9px 0; text-align: center; text-transform: uppercase; width: 100%; }
	section#education-catalogue #catalogue div #buttons a.button:not(:last-child) { margin-bottom: 18px; }
	section#education-catalogue #catalogue div #buttons a.button:hover { background: #e7244c; color: #fff; }
	section#education-catalogue #catalogue article #article-container > div:last-child { overflow: hidden; }
	section#education-catalogue #catalogue article #article-container > div:last-child span { display: block; }
	section#education-catalogue #catalogue article #article-container > div:last-child span:not(:last-child) { margin-bottom: 24px; }
	section#education-catalogue #catalogue article #article-container > div:last-child span a { cursor: pointer; font-size: 13px; text-transform: uppercase; }
	section#education-catalogue #catalogue article #article-container > div:last-child span a:hover { color: #e7244c; }
	
	
	/** Mobile **********/
	@media all and (max-width: 767px){
		section#education-catalogue { padding-top: 17px; }
		section#education-catalogue a.breadcrumb { font-size: 15px; }
	    section#education-catalogue a.breadcrumb::before { height: 11px; margin-right: 3px; width: 13px; }
		section#education-catalogue #catalogue { padding-top: 14px; }
		section#education-catalogue #catalogue > img:first-child { width: 100%; }
		section#education-catalogue #catalogue article { font-size: 14px; line-height: 19px; padding-top: 15px; }
		section#education-catalogue #catalogue article h2 { font-size: 15px; margin-bottom: 15px; }
		section#education-catalogue #catalogue article h1 { font-size: 19px; line-height: 23px; margin-bottom: 14px; }
		section#education-catalogue #catalogue article div#author p { font-size: 12px; line-height: 15px; }
		section#education-catalogue #catalogue article small { padding: 30px 0 14px; }
		section#education-catalogue #catalogue article small + div.activities { display: none; }
		section#education-catalogue #catalogue article small button { cursor: pointer; position: relative; }
		section#education-catalogue #catalogue article small button::after { background: url('../img/icons_arrow-down.svg') center center no-repeat; background-size: cover; content: ''; height: 11px; position: absolute; right: 0; top: 1px; width: 11px; }
		section#education-catalogue #catalogue article small.active button::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
		section#education-catalogue #catalogue article small.active + div.activities { display: block; }
		section#education-catalogue #catalogue article div.activities { padding-top: 16px; }
		section#education-catalogue #catalogue article #article-container > div:nth-child(1) { margin-bottom: 28px; }
	}
	
	/** Tablet & Desktop **********/
	@media all and (min-width: 768px){
		section#education-catalogue #catalogue { align-items: flex-start; display: -webkit-flex; display: flex; }
		section#education-catalogue #catalogue article #article-container { align-items: flex-start; display: -webkit-flex; display: flex; }
		section#education-catalogue #catalogue article #article-container > div:nth-child(1) { flex: 1; }
		section#education-catalogue #catalogue article #article-container > div:last-child { width: 235px; }
	}
	
	/** Tablet **********/
	@media all and (min-width: 768px) and (max-width: 1279px){
		section#education-catalogue a.breadcrumb { font-size: 14px; }
	    section#education-catalogue a.breadcrumb::before { height: 9px; margin-right: 4px; width: 10px; }
		section#education-catalogue #catalogue article h1 { font-size: 14px; }
		section#education-catalogue #catalogue article small { padding: 30px 0 14px; }
	}
	
	/** Tablet 768px **********/
	@media all and (min-width: 768px) and (max-width: 1023px){
		section#education-catalogue { padding-top: 97px; }
		section#education-catalogue #catalogue { padding-top: 11px; }
		section#education-catalogue #catalogue { flex-wrap: wrap; }
		section#education-catalogue #catalogue > img:first-child { margin-right: 36px; width: 246px; }
		section#education-catalogue #catalogue article { font-size: 14px; line-height: 18px; width: calc(100% - 282px); }
		section#education-catalogue #catalogue article #article-container { flex-direction: column; }
		section#education-catalogue #catalogue article h2 { margin-bottom: 16px; }
		section#education-catalogue #catalogue article h1 { font-size: 18px; line-height: 22px; margin-bottom: 9px; }
		section#education-catalogue #catalogue article small { margin-bottom: 13px; }
		section#education-catalogue #catalogue article div#author p { font-size: 12px; line-height: 15px; }
		section#education-catalogue #catalogue article #article-container > div:nth-child(1) div { margin-bottom: 28px; }
	}
	
	/** Tablet 1024px & Desktop **********/
	@media all and (min-width: 1024px){
		section#education-catalogue #catalogue article { flex: 1; }
	}
	
	/** Tablet 1024px **********/
	@media all and (min-width: 1024px) and (max-width: 1279px){ 
		section#education-catalogue { padding-top: 108px; }
		section#education-catalogue #catalogue { padding-top: 13px; }
		section#education-catalogue #catalogue > img:first-child { margin-right: 43px; width: 281px; }
		section#education-catalogue #catalogue article { font-size: 16px; line-height: 21px; }
		section#education-catalogue #catalogue article #article-container > div:nth-child(1) { margin-right: 50px; }
		section#education-catalogue #catalogue article h2 { margin-bottom: 20px; }
		section#education-catalogue #catalogue article h1 { font-size: 21px; line-height: 24px; margin-bottom: 12px; width: calc(100% - 285px); }
		section#education-catalogue #catalogue article small { margin-bottom: 15px; }
		section#education-catalogue #catalogue article div#author p { font-size: 14px; line-height: 18px; }
	}
	
	/** Desktop **********/
	@media all and (min-width: 1280px){
		section#education-catalogue { padding-top: 190px; }
		section#education-catalogue a.breadcrumb { font-size: 17px; }
	    section#education-catalogue a.breadcrumb::before { height: 12px; margin-right: 5px; width: 13px; }
		section#education-catalogue #catalogue { padding-top: 16px; }
		section#education-catalogue #catalogue > img:first-child { margin-right: 50px; width: 352px; }
		section#education-catalogue #catalogue article { font-size: 17px; line-height: 23px; }
		section#education-catalogue #catalogue article #article-container > div:nth-child(1) { margin-right: 120px; }
		section#education-catalogue #catalogue article h2 { font-size: 17px; margin-bottom: 21px; }
		section#education-catalogue #catalogue article h1 { font-size: 23px; line-height: 26px; margin-bottom: 21px; width: calc(100% - 405px); }
		section#education-catalogue #catalogue article p { font-size: 17px; line-height: 23px; }
		section#education-catalogue #catalogue article small { padding: 40px 0 14px; margin-bottom: 18px; }
		section#education-catalogue #catalogue article div#author p { font-size: 15px; line-height: 19px; }
	}




/** Education Quickview **************************************************/
	
	body.education ul#guides li { font-family: Circular; pointer-events: none; }
	body.education ul#guides li a[href=""]) { pointer-events: none; }
	body.education ul#guides li a[href]:not([href=""]) { pointer-events: auto; }
	body.education section#quick-view { align-items: center; background: rgba(255, 255, 255, .8); display: none; font-family: Circular; justify-content: center; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; }
	body.education section#quick-view div#qv-overlay button[action="close-overlay"] { background: url('../img/icons_overlay-close.svg') center center no-repeat; background-size: contain; cursor: pointer; display: block; position: absolute; z-index: 1002; }
	body.education section#quick-view.active { display: -webkit-flex; display: flex; }
	body.education section#quick-view div#qv-overlay { background: #fff; position: relative; z-index: 1001; }
	body.education section#quick-view div#qv-overlay-container div:nth-child(1) img { display: block; width: 100%; }
	body.education section#quick-view div#qv-overlay div a[overlay="button"] { border: 1px solid #e7244c; color: #e7244c; display: block; font-size: 13px; font-weight: bold; line-height: 17px; padding: 9px 0; text-align: center; text-transform: uppercase; width: 100%; }
	body.education section#quick-view div#qv-overlay div a[overlay="button"]:hover { background: #e7244c; color: #fff; }
	body.education section#quick-view div#qv-overlay div a[overlay="button"]:empty { display: none; }
	body.education section#quick-view div#qv-overlay article h3 { font-weight: bold; }
	body.education section#quick-view div#qv-overlay article h3 p { font-size: inherit; line-height: inherit; }
	body.education section#quick-view div#qv-overlay article h3 p sup { display: inline-block; margin-top: -10px; }	
	body.education section#quick-view div#qv-overlay article p strong { font-weight: bold; }
	body.education section#quick-view div#qv-overlay article p em { font-style: italic; }
	body.education section#quick-view div#qv-overlay article p sup { font-weight: inherit !important; }	
	body.education section#quick-view div#qv-overlay article a[overlay="link"] { display: inline-block; font-size: 13px; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
	body.education section#quick-view div#qv-overlay article a[overlay="link"]:hover { color: #e7244c; }
	body.education section#quick-view div#qv-overlay article small { border-bottom: 1px solid #dcdcdc; display: block; font-size: 13px; line-height: 13px; text-transform: uppercase; }
	body.education section#quick-view div#qv-overlay article small button { background: none; display: block; text-align: left; text-transform: uppercase; width: 100%; }
	body.education section#quick-view div#qv-overlay article small + div ul { padding-left: 17px; }
	body.education section#quick-view div#qv-overlay article small + div ul li { list-style-type: disc; }
	body.education section#quick-view div#qv-overlay article small + div ul li:not(:last-child) { margin-bottom: 3px; }	
	body.education section#quick-view div#qv-overlay div[overlay="controls"] { align-items: center; display: -webkit-flex; display: flex; }
	body.education section#quick-view div#qv-overlay div[overlay="controls"].hidden { display: none; }
	body.education section#quick-view div#qv-overlay div[overlay="controls"] button { background: none; cursor: pointer; display: block; font-size: 13px; text-transform: uppercase; }
	body.education section#quick-view div#qv-overlay div[overlay="controls"] span { border-left: 1px solid #dddddf; display: block; height: 32px; margin: 0 15px; }


	/** Mobile **********/
	@media all and (max-width: 767px){
		body.education section#quick-view div#qv-overlay { height: calc(100vh); overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 42px 18px 20px; width: 100%; }
		body.education section#quick-view div#qv-overlay button[action="close-overlay"] { height: 17px; right: 22px; top: 18px; width: 17px; }
		body.education section#quick-view div#qv-overlay-container div:nth-child(1) { margin-bottom: 19px; }
		body.education section#quick-view div#qv-overlay-container div:nth-child(1) a { display: none; }
		body.education section#quick-view div#qv-overlay article h3 { font-size: 17px; line-height: 20px; margin-bottom: 18px; }	
		body.education section#quick-view div#qv-overlay article div[overlay="summary"] { margin-bottom: 16px; }
		body.education section#quick-view div#qv-overlay article p { font-size: 14px; line-height: 19px; }
		body.education section#quick-view div#qv-overlay article small { margin-top: 32px; padding-bottom: 14px; }
		body.education section#quick-view div#qv-overlay article small button { position: relative; }
		body.education section#quick-view div#qv-overlay article small button::after { background: url('../img/icons_arrow-down.svg') center center no-repeat; background-size: cover; content: ''; height: 11px; position: absolute; right: 0; top: 1px; width: 11px; }
		body.education section#quick-view div#qv-overlay article small.active button::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
		body.education section#quick-view div#qv-overlay article small + div { display: none; padding-top: 16px; }
		body.education section#quick-view div#qv-overlay article small.active + div { display: block; }
		body.education section#quick-view div#qv-overlay article small + div ul { font-size: 14px; line-height: 19px; }
		body.education section#quick-view div#qv-overlay article + div { padding-top: 32px; }
		body.education section#quick-view div#qv-overlay div[overlay="controls"] { justify-content: center; padding-top: 46px; }
	}
	
	/** Tablet & Desktop **********/
	@media all and (min-width: 768px){
		body.education section#quick-view div#qv-overlay { border: 1px solid #dddddf; box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.25); display: -webkit-flex; display: flex; flex-direction: column; }
		body.education section#quick-view div#qv-overlay-container { align-items: flex-start; display: -webkit-flex; flex: 1; display: flex; flex-wrap: wrap; }
		body.education section#quick-view div#qv-overlay article { flex: 1; }
		body.education section#quick-view div#qv-overlay article + div { display: none; }
		body.education section#quick-view div#qv-overlay div[overlay="controls"] { justify-content: flex-end; width: 100%; }
	}
	
	/** Tablet **********/
	@media all and (min-width: 768px) and (max-width: 1279px){
		body.education section#quick-view div#qv-overlay article small { padding-bottom: 14px; }
	}
	
	/** Tablet 768px **********/
	@media all and (min-width: 768px) and (max-width: 1023px){
		body.education section#quick-view div#qv-overlay { height: 564px; padding: 32px 32px 15px; width: 661px; }
		body.education section#quick-view div#qv-overlay button[action="close-overlay"] { height: 11px; right: 32px; top: 25px; width: 11px; }
		body.education section#quick-view div#qv-overlay-container div:nth-child(1) { margin-right: 32px; width: 210px; }
		body.education section#quick-view div#qv-overlay-container div:nth-child(1) img { margin-bottom: 20px; }
		body.education section#quick-view div#qv-overlay article h3 { font-size: 18px; line-height: 22px; margin-bottom: 13px; }
		body.education section#quick-view div#qv-overlay article div[overlay="summary"] { margin-bottom: 17px; }
		body.education section#quick-view div#qv-overlay article p { font-size: 14px; line-height: 18px; }
		body.education section#quick-view div#qv-overlay article a[overlay="link"] { margin-bottom: 20px; }
		body.education section#quick-view div#qv-overlay article small { margin-bottom: 13px; }
		body.education section#quick-view div#qv-overlay article small:not(:first-of-type) { margin-top: 30px; }
		body.education section#quick-view div#qv-overlay article small + div ul { font-size: 14px; line-height: 18px; }
		body.education section#quick-view div#qv-overlay div[overlay="controls"] { padding-top: 36px; }
	}
	
	/** Tablet 1024px **********/
	@media all and (min-width: 1024px) and (max-width: 1279px){
		body.education section#quick-view div#qv-overlay { height: 644px; padding: 40px 36px 18px; width: 756px; }
		body.education section#quick-view div#qv-overlay button[action="close-overlay"] { height: 11px; right: 36px; top: 32px; width: 11px; }
		body.education section#quick-view div#qv-overlay-container div:nth-child(1) { margin-right: 38px; width: 240px; }
		body.education section#quick-view div#qv-overlay-container div:nth-child(1) img { margin-bottom: 24px; }
		body.education section#quick-view div#qv-overlay article div[overlay="summary"] { margin-bottom: 21px; }
		body.education section#quick-view div#qv-overlay article h3 { font-size: 21px; line-height: 25px; margin-bottom: 16px; }
		body.education section#quick-view div#qv-overlay article p { font-size: 16px; line-height: 21px; }
		body.education section#quick-view div#qv-overlay article a[overlay="link"] { margin-bottom: 24px; }
		body.education section#quick-view div#qv-overlay article small { margin-bottom: 14px; }
		body.education section#quick-view div#qv-overlay article small:not(:first-of-type) { margin-top: 36px; }
		body.education section#quick-view div#qv-overlay article small + div ul { font-size: 16px; line-height: 21px; }
		body.education section#quick-view div#qv-overlay div[overlay="controls"] { padding-top: 44px; }
	}
	
	/** Desktop **********/
	@media all and (min-width: 1280px){
		body.education section#quick-view div#qv-overlay { height: 700px; padding: 40px 44px 20px; width: 820px; }
		body.education section#quick-view div#qv-overlay button[action="close-overlay"] { height: 12px; right: 38px; top: 32px; width: 12px; }
		body.education section#quick-view div#qv-overlay-container div:nth-child(1) { margin-right: 40px; width: 260px; }
		body.education section#quick-view div#qv-overlay-container div:nth-child(1) img { margin-bottom: 26px; }
		body.education section#quick-view div#qv-overlay article h3 { font-size: 23px; line-height: 26px; margin-bottom: 18px; }	
		body.education section#quick-view div#qv-overlay article div[overlay="summary"] { margin-bottom: 23px; }
		body.education section#quick-view div#qv-overlay article p { font-size: 17px; line-height: 23px; }
		body.education section#quick-view div#qv-overlay article a[overlay="link"] { margin-bottom: 28px; }
		body.education section#quick-view div#qv-overlay article small { padding-bottom: 14px; margin-bottom: 16px; }
		body.education section#quick-view div#qv-overlay article small:not(:first-of-type) { margin-top: 40px; }
		body.education section#quick-view div#qv-overlay article small + div ul { font-size: 17px; line-height: 23px; }
		body.education section#quick-view div#qv-overlay div[overlay="controls"] { padding-top: 50px; }
	}




/** Homepage: 3 Columns **************************************************/
	body.homepage section.three-columns { text-align: center; }
	body.homepage section.three-columns div.figure a { display: block; padding-bottom: 64%; position: relative; }
	body.homepage section.three-columns div.figure a span.overlay { align-items: center; background: #fff; display: -webkit-flex; display: flex; flex-direction: column; height: 56%; justify-content: center; left: 20%; padding: 20px; position: absolute; text-align: center; top: 22%; width: 60%; z-index: 2; }
	body.homepage section.three-columns div.figure a span.overlay strong { font-weight: bold; }
	body.homepage section.three-columns div.figure a span.overlay em { font-style: italic; }
	
	
	/** Mobile **********/
	@media all and (max-width: 767px){
		body.homepage section.three-columns { padding-top: 25px; }
		body.homepage section.three-columns div.figure { font-size: 16px; line-height: 22px; }
		body.homepage section.three-columns div.figure:not(:last-child) { margin-bottom: 20px; }
		body.homepage section.three-columns div.figure a span.overlay { height: 80%; left: 10%; top: 10%; width: 80%; }
	}
	
	/** Tablet & Desktop **********/
	@media all and (min-width: 768px){
		body.homepage section.three-columns div.container { display: -webkit-flex; display: flex; justify-content: space-between; }
	}
	
	/** Tablet 768px **********/
	@media all and (min-width: 768px) and (max-width: 1023px){
		body.homepage section.three-columns { padding-top: 50px; }
		body.homepage section.three-columns div.figure { font-size: 16px; line-height: 19px; width: calc(50% - 18px); }
		body.homepage section.three-columns div.figure:last-child { display: none; }
	}
	
	/** Tablet 1024px & Desktop **********/
	@media all and (min-width: 1024px){
		body.homepage section.three-columns div.figure { font-size: 16px; }
	}
	
	/** Tablet 1024px **********/
	@media all and (min-width: 1024px) and (max-width: 1279px){
		body.homepage section.three-columns { padding-top: 60px; }
		body.homepage section.three-columns div.figure { line-height: 19px; width: calc((100% - 48px) / 3); }
	}
	
	/** Desktop **********/
	@media all and (min-width: 1280px){
		body.homepage section.three-columns { padding-top: 70px; }
		body.homepage section.three-columns div.figure { line-height: 25px; width: calc((100% - 60px) / 3); }
	}

	/** Desktop Large **********/
	@media all and (min-width: 1440px){
		body.homepage section.three-columns div.figure { font-size: 20px; }
	}








	/** 404 **************************************************/
		body.four04 section.four04 { text-align: center; }
		body.four04 section.four04 h1 { color: #e7244c; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
		body.four04 section.four04 strong { display: block; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
		body.four04 section.four04 p { font-family: Circular; }
		body.four04 section.four04 p a { color: #e7244c; font-family: 'Trade Gothic'; font-weight: bold; text-transform: uppercase; }
		body.four04 section.four04 p a::after { content: ''; display: block; }
		
		section.banner[href]:not([href=""]) { cursor: pointer; }
		
		
		/** Mobile & Tablet 768px **********/
			@media all and (max-width: 1023px){
				body.four04 section.four04 strong { font-size: 22px; line-height: 23px; margin-bottom: 17px; }
				body.four04 section.four04 p { font-size: 15px; line-height: 25px; }
				body.four04 section.four04 p:first-of-type { margin-bottom: 17px; }
				body.four04 section.four04 p a { font-size: 13px; }
			}
		
		/** Mobile **********/
			@media all and (max-width: 767px){
				section.banner { margin-bottom: 33px; }
				body.four04 section.four04 h1 { font-size: 62px; margin-bottom: 34px; }
			}
		
		/** Tablet 768px **********/
			@media all and (min-width: 768px) and (max-width: 1023px){
				section.banner { margin-bottom: 40px; }
				body.four04 section.four04 h1 { font-size: 80px; margin-bottom: 32px; }
			}
		
		/** Tablet 1024px **********/
			@media all and (min-width: 1024px) and (max-width: 1279px){
				section.banner { margin-bottom: 52px; }
				body.four04 section.four04 h1 { font-size: 107px; margin-bottom: 43px; }
				body.four04 section.four04 strong { font-size: 29px; margin-bottom: 24px; }
				body.four04 section.four04 p { font-size: 17px; line-height: 34px; }
				body.four04 section.four04 p:first-of-type { margin-bottom: 22px; }
				body.four04 section.four04 p a { font-size: 16px; }
			}
		
		/** Desktop **********/
			@media all and (min-width: 1280px){
				section.banner { margin-bottom: 65px; }
				body.four04 section.four04 h1 { font-size: 133px; margin-bottom: 55px; }
				body.four04 section.four04 strong { font-size: 36px; margin-bottom: 24px; }
				body.four04 section.four04 p { font-size: 22px; line-height: 42px; }
				body.four04 section.four04 p:first-of-type { margin-bottom: 16px; }
				body.four04 section.four04 p a { font-size: 20px; }
			}