CINXE.COM
Press - Griffin Museum of Science and Industry
<!DOCTYPE html> <html lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <head> <meta charset="utf-8"> <!-- Development by Busy Noggin (http://www.busynoggin.com) Design by Dogstudio (http://www.dogstudio.be) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ This website is powered by TYPO3 - inspiring people to share! TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. TYPO3 is copyright 1998-2024 of Kasper Skaarhoj. Extensions are copyright of their respective owners. Information and contribution at https://typo3.org/ --> <title>Press - Griffin Museum of Science and Industry</title> <meta name="generator" content="TYPO3 CMS"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta property="og:title" content="Press"> <meta property="og:image" content="https://www.msichicago.org/fileadmin/assets/_processed_/f/e/csm_Exhibit_ScienceStorms_wide_w_bdf31777ec.png"> <meta name="twitter:card" content="summary"> <meta name="handheldfriendly" content="True"> <meta name="mobileoptimized" content="320"> <meta http-equiv="cleartype" content="on"> <meta http-equiv="cleartype:http-equiv" content="cleartype"> <link rel="preload" href="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/fonts.1732227885.css" as="style" /> <link rel="preload" href="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/all.1732227885.css" as="style" /> <link rel="preload" href="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" as="script" /> <link rel="preload" href="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/JavaScript/all.1732227885.js" as="script" /> <link rel="preconnect" href="https://gstatic.com" /> <link rel="preconnect" href="https://translate.google.com" /> <style> @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Raleway:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap'); </style> <link rel="canonical" href="https://www.msichicago.org/press"/> <!-- VhsAssetsDependenciesLoaded fontCss,mainCss,mainCss-vars,inlinejs-head,skipto,skiptoconfig,jquery,mainJs,aisleRocketUniversal1,aisleRocketUniversal2,4ffaf915b5fbb58caaea0629e577aa65,751a1a0f426b3d3b69373e34cb2f28fb --> <link rel="stylesheet" href="/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/fonts.1732227885.css" /> <link rel="stylesheet" href="/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/all.1732227885.css" /> <style type="text/css"> :root { --theme-color-1: #fe5000; --theme-color-1-alt: #2aa9e0; --theme-color-2: #0a1f54; --theme-color-3: #030d26; --theme-color-2-text-light: #858fa9; --theme-color-3-text-light: #818693; --theme-color-1--alpha-8: rgba(254, 80, 0, 0.8); --theme-color-2--alpha-8: rgba(10, 31, 84, 0.8); --theme-color-3--alpha-8: rgba(3, 13, 38, 0.8); --theme-color-3--alpha-95: rgba(3, 13, 38, 0.95); --theme-color-3--alpha-0: rgba(3, 13, 38, 0); --theme-color-2-theme-color-1--mix-15: #713330; --theme-color-2-theme-color-1--mix-40: #532d3a; --theme-color-1-white--mix-80: #fe6119; --theme-color-1-white--mix-70: #fe6a26; --theme-color-2-white--mix-50: #47577e; --theme-color-3-white--mix-50: #42495c; --theme-color-1--lighten-40: #321000; --theme-color-2--lighten-20: #000000; --theme-color-1--darken-15: #b23800; --theme-color-2--lighten-20-desaturate-33: #000000; --theme-color-1-theme-color-2--mix-70: #d9480c; --theme-color-1--scale-color-minus-14: #da4500; --theme-color-1--scale-color-minus-12: #e04600; --theme-color-1--scale-color-94: #fff4f0; --theme-color-2--scale-color-35: #194fd6; } </style> <style type="text/css"><!-- Empty tag content --></style> <script type="text/javascript"> WebFontConfig = { custom: { families: ['proxima-nova:n4,i4,n6,n7,i7', 'Playfair Display:n4,i4', 'icons'], urls: ['/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/fonts.css'] } }; /* Web Font Loader v1.6.16 - (c) Adobe Systems, Google. License: Apache 2.0 */ (function(){function aa(a,b,c){return a.call.apply(a.bind,arguments)}function ba(a,b,c){if(!a)throw Error();if(2<arguments.length){var d=Array.prototype.slice.call(arguments,2);return function(){var c=Array.prototype.slice.call(arguments);Array.prototype.unshift.apply(c,d);return a.apply(b,c)}}return function(){return a.apply(b,arguments)}}function n(a,b,c){n=Function.prototype.bind&&-1!=Function.prototype.bind.toString().indexOf("native code")?aa:ba;return n.apply(null,arguments)}var p=Date.now||function(){return+new Date};function r(a,b){this.F=a;this.k=b||a;this.H=this.k.document}var ca=!!window.FontFace;r.prototype.createElement=function(a,b,c){a=this.H.createElement(a);if(b)for(var d in b)b.hasOwnProperty(d)&&("style"==d?a.style.cssText=b[d]:a.setAttribute(d,b[d]));c&&a.appendChild(this.H.createTextNode(c));return a};function s(a,b,c){a=a.H.getElementsByTagName(b)[0];a||(a=document.documentElement);a.insertBefore(c,a.lastChild)} function t(a,b,c){b=b||[];c=c||[];for(var d=a.className.split(/\s+/),e=0;e<b.length;e+=1){for(var f=!1,g=0;g<d.length;g+=1)if(b[e]===d[g]){f=!0;break}f||d.push(b[e])}b=[];for(e=0;e<d.length;e+=1){f=!1;for(g=0;g<c.length;g+=1)if(d[e]===c[g]){f=!0;break}f||b.push(d[e])}a.className=b.join(" ").replace(/\s+/g," ").replace(/^\s+|\s+$/,"")}function u(a,b){for(var c=a.className.split(/\s+/),d=0,e=c.length;d<e;d++)if(c[d]==b)return!0;return!1} function v(a){if("string"===typeof a.fa)return a.fa;var b=a.k.location.protocol;"about:"==b&&(b=a.F.location.protocol);return"https:"==b?"https:":"http:"}function x(a,b,c){function d(){l&&e&&f&&(l(g),l=null)}b=a.createElement("link",{rel:"stylesheet",href:b,media:"all"});var e=!1,f=!0,g=null,l=c||null;ca?(b.onload=function(){e=!0;d()},b.onerror=function(){e=!0;g=Error("Stylesheet failed to load");d()}):setTimeout(function(){e=!0;d()},0);s(a,"head",b)} function y(a,b,c,d){var e=a.H.getElementsByTagName("head")[0];if(e){var f=a.createElement("script",{src:b}),g=!1;f.onload=f.onreadystatechange=function(){g||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(g=!0,c&&c(null),f.onload=f.onreadystatechange=null,"HEAD"==f.parentNode.tagName&&e.removeChild(f))};e.appendChild(f);setTimeout(function(){g||(g=!0,c&&c(Error("Script load timeout")))},d||5E3);return f}return null};function z(){this.S=0;this.K=null}function A(a){a.S++;return function(){a.S--;B(a)}}function C(a,b){a.K=b;B(a)}function B(a){0==a.S&&a.K&&(a.K(),a.K=null)};function D(a){this.ea=a||"-"}D.prototype.d=function(a){for(var b=[],c=0;c<arguments.length;c++)b.push(arguments[c].replace(/[\W_]+/g,"").toLowerCase());return b.join(this.ea)};function E(a,b){this.Q=a;this.M=4;this.L="n";var c=(b||"n4").match(/^([nio])([1-9])$/i);c&&(this.L=c[1],this.M=parseInt(c[2],10))}E.prototype.getName=function(){return this.Q};function da(a){return F(a)+" "+(a.M+"00")+" 300px "+G(a.Q)}function G(a){var b=[];a=a.split(/,\s*/);for(var c=0;c<a.length;c++){var d=a[c].replace(/['"]/g,"");-1!=d.indexOf(" ")||/^\d/.test(d)?b.push("'"+d+"'"):b.push(d)}return b.join(",")}function I(a){return a.L+a.M} function F(a){var b="normal";"o"===a.L?b="oblique":"i"===a.L&&(b="italic");return b}function ea(a){var b=4,c="n",d=null;a&&((d=a.match(/(normal|oblique|italic)/i))&&d[1]&&(c=d[1].substr(0,1).toLowerCase()),(d=a.match(/([1-9]00|normal|bold)/i))&&d[1]&&(/bold/i.test(d[1])?b=7:/[1-9]00/.test(d[1])&&(b=parseInt(d[1].substr(0,1),10))));return c+b};function fa(a,b){this.a=a;this.j=a.k.document.documentElement;this.O=b;this.f="wf";this.e=new D("-");this.da=!1!==b.events;this.u=!1!==b.classes}function ga(a){a.u&&t(a.j,[a.e.d(a.f,"loading")]);J(a,"loading")}function K(a){if(a.u){var b=u(a.j,a.e.d(a.f,"active")),c=[],d=[a.e.d(a.f,"loading")];b||c.push(a.e.d(a.f,"inactive"));t(a.j,c,d)}J(a,"inactive")}function J(a,b,c){if(a.da&&a.O[b])if(c)a.O[b](c.getName(),I(c));else a.O[b]()};function ha(){this.t={}}function ia(a,b,c){var d=[],e;for(e in b)if(b.hasOwnProperty(e)){var f=a.t[e];f&&d.push(f(b[e],c))}return d};function L(a,b){this.a=a;this.h=b;this.m=this.a.createElement("span",{"aria-hidden":"true"},this.h)}function M(a,b){var c=a.m,d;d="display:block;position:absolute;top:-9999px;left:-9999px;font-size:300px;width:auto;height:auto;line-height:normal;margin:0;padding:0;font-variant:normal;white-space:nowrap;font-family:"+G(b.Q)+";"+("font-style:"+F(b)+";font-weight:"+(b.M+"00")+";");c.style.cssText=d}function N(a){s(a.a,"body",a.m)}L.prototype.remove=function(){var a=this.m;a.parentNode&&a.parentNode.removeChild(a)};function O(a,b,c,d,e,f){this.G=a;this.J=b;this.g=d;this.a=c;this.v=e||3E3;this.h=f||void 0}O.prototype.start=function(){function a(){p()-d>=c.v?c.J(c.g):b.fonts.load(da(c.g),c.h).then(function(b){1<=b.length?c.G(c.g):setTimeout(a,25)},function(){c.J(c.g)})}var b=this.a.k.document,c=this,d=p();a()};function P(a,b,c,d,e,f,g){this.G=a;this.J=b;this.a=c;this.g=d;this.h=g||"BESbswy";this.s={};this.v=e||3E3;this.Z=f||null;this.D=this.C=this.A=this.w=null;this.w=new L(this.a,this.h);this.A=new L(this.a,this.h);this.C=new L(this.a,this.h);this.D=new L(this.a,this.h);M(this.w,new E(this.g.getName()+",serif",I(this.g)));M(this.A,new E(this.g.getName()+",sans-serif",I(this.g)));M(this.C,new E("serif",I(this.g)));M(this.D,new E("sans-serif",I(this.g)));N(this.w);N(this.A);N(this.C);N(this.D)} var Q={ia:"serif",ha:"sans-serif"},R=null;function S(){if(null===R){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent);R=!!a&&(536>parseInt(a[1],10)||536===parseInt(a[1],10)&&11>=parseInt(a[2],10))}return R}P.prototype.start=function(){this.s.serif=this.C.m.offsetWidth;this.s["sans-serif"]=this.D.m.offsetWidth;this.ga=p();ja(this)};function ka(a,b,c){for(var d in Q)if(Q.hasOwnProperty(d)&&b===a.s[Q[d]]&&c===a.s[Q[d]])return!0;return!1} function ja(a){var b=a.w.m.offsetWidth,c=a.A.m.offsetWidth,d;(d=b===a.s.serif&&c===a.s["sans-serif"])||(d=S()&&ka(a,b,c));d?p()-a.ga>=a.v?S()&&ka(a,b,c)&&(null===a.Z||a.Z.hasOwnProperty(a.g.getName()))?T(a,a.G):T(a,a.J):la(a):T(a,a.G)}function la(a){setTimeout(n(function(){ja(this)},a),50)}function T(a,b){setTimeout(n(function(){this.w.remove();this.A.remove();this.C.remove();this.D.remove();b(this.g)},a),0)};function U(a,b,c){this.a=a;this.p=b;this.P=0;this.ba=this.Y=!1;this.v=c}var V=null;U.prototype.V=function(a){var b=this.p;b.u&&t(b.j,[b.e.d(b.f,a.getName(),I(a).toString(),"active")],[b.e.d(b.f,a.getName(),I(a).toString(),"loading"),b.e.d(b.f,a.getName(),I(a).toString(),"inactive")]);J(b,"fontactive",a);this.ba=!0;ma(this)}; U.prototype.W=function(a){var b=this.p;if(b.u){var c=u(b.j,b.e.d(b.f,a.getName(),I(a).toString(),"active")),d=[],e=[b.e.d(b.f,a.getName(),I(a).toString(),"loading")];c||d.push(b.e.d(b.f,a.getName(),I(a).toString(),"inactive"));t(b.j,d,e)}J(b,"fontinactive",a);ma(this)};function ma(a){0==--a.P&&a.Y&&(a.ba?(a=a.p,a.u&&t(a.j,[a.e.d(a.f,"active")],[a.e.d(a.f,"loading"),a.e.d(a.f,"inactive")]),J(a,"active")):K(a.p))};function na(a){this.F=a;this.q=new ha;this.$=0;this.T=this.U=!0}na.prototype.load=function(a){this.a=new r(this.F,a.context||this.F);this.U=!1!==a.events;this.T=!1!==a.classes;oa(this,new fa(this.a,a),a)}; function pa(a,b,c,d,e){var f=0==--a.$;(a.T||a.U)&&setTimeout(function(){var a=e||null,l=d||null||{};if(0===c.length&&f)K(b.p);else{b.P+=c.length;f&&(b.Y=f);var h,k=[];for(h=0;h<c.length;h++){var m=c[h],w=l[m.getName()],q=b.p,H=m;q.u&&t(q.j,[q.e.d(q.f,H.getName(),I(H).toString(),"loading")]);J(q,"fontloading",H);q=null;null===V&&(V=window.FontFace?(q=/Gecko.*Firefox\/(\d+)/.exec(window.navigator.userAgent))?42<parseInt(q[1],10):!0:!1);q=V?new O(n(b.V,b),n(b.W,b),b.a,m,b.v,w):new P(n(b.V,b),n(b.W,b), b.a,m,b.v,a,w);k.push(q)}for(h=0;h<k.length;h++)k[h].start()}},0)}function oa(a,b,c){var d=[],e=c.timeout;ga(b);var d=ia(a.q,c,a.a),f=new U(a.a,b,e);a.$=d.length;b=0;for(c=d.length;b<c;b++)d[b].load(function(b,c,d){pa(a,f,b,c,d)})};function qa(a,b,c){this.N=a?a:b+ra;this.o=[];this.R=[];this.ca=c||""}var ra="//fonts.googleapis.com/css";function sa(a,b){for(var c=b.length,d=0;d<c;d++){var e=b[d].split(":");3==e.length&&a.R.push(e.pop());var f="";2==e.length&&""!=e[1]&&(f=":");a.o.push(e.join(f))}} qa.prototype.d=function(){if(0==this.o.length)throw Error("No fonts to load!");if(-1!=this.N.indexOf("kit="))return this.N;for(var a=this.o.length,b=[],c=0;c<a;c++)b.push(this.o[c].replace(/ /g,"+"));a=this.N+"?family="+b.join("%7C");0<this.R.length&&(a+="&subset="+this.R.join(","));0<this.ca.length&&(a+="&text="+encodeURIComponent(this.ca));return a};function ta(a){this.o=a;this.aa=[];this.I={}} var ua={latin:"BESbswy",cyrillic:"йяЖ",greek:"αβΣ",khmer:"កខគ",Hanuman:"កខគ"},va={thin:"1",extralight:"2","extra-light":"2",ultralight:"2","ultra-light":"2",light:"3",regular:"4",book:"4",medium:"5","semi-bold":"6",semibold:"6","demi-bold":"6",demibold:"6",bold:"7","extra-bold":"8",extrabold:"8","ultra-bold":"8",ultrabold:"8",black:"9",heavy:"9",l:"3",r:"4",b:"7"},wa={i:"i",italic:"i",n:"n",normal:"n"},xa=/^(thin|(?:(?:extra|ultra)-?)?light|regular|book|medium|(?:(?:semi|demi|extra|ultra)-?)?bold|black|heavy|l|r|b|[1-9]00)?(n|i|normal|italic)?$/; ta.prototype.parse=function(){for(var a=this.o.length,b=0;b<a;b++){var c=this.o[b].split(":"),d=c[0].replace(/\+/g," "),e=["n4"];if(2<=c.length){var f;var g=c[1];f=[];if(g)for(var g=g.split(","),l=g.length,h=0;h<l;h++){var k;k=g[h];if(k.match(/^[\w-]+$/))if(k=xa.exec(k.toLowerCase()),null==k)k="";else{var m;m=k[1];if(null==m||""==m)m="4";else{var w=va[m];m=w?w:isNaN(m)?"4":m.substr(0,1)}k=k[2];k=[null==k||""==k?"n":wa[k],m].join("")}else k="";k&&f.push(k)}0<f.length&&(e=f);3==c.length&&(c=c[2],f= [],c=c?c.split(","):f,0<c.length&&(c=ua[c[0]])&&(this.I[d]=c))}this.I[d]||(c=ua[d])&&(this.I[d]=c);for(c=0;c<e.length;c+=1)this.aa.push(new E(d,e[c]))}};function ya(a,b){this.a=a;this.c=b}var za={Arimo:!0,Cousine:!0,Tinos:!0};ya.prototype.load=function(a){var b=new z,c=this.a,d=new qa(this.c.api,v(c),this.c.text),e=this.c.families;sa(d,e);var f=new ta(e);f.parse();x(c,d.d(),A(b));C(b,function(){a(f.aa,f.I,za)})};function W(a,b){this.a=a;this.c=b;this.X=[]}W.prototype.B=function(a){var b=this.a;return v(this.a)+(this.c.api||"//f.fontdeck.com/s/css/js/")+(b.k.location.hostname||b.F.location.hostname)+"/"+a+".js"}; W.prototype.load=function(a){var b=this.c.id,c=this.a.k,d=this;b?(c.__webfontfontdeckmodule__||(c.__webfontfontdeckmodule__={}),c.__webfontfontdeckmodule__[b]=function(b,c){for(var g=0,l=c.fonts.length;g<l;++g){var h=c.fonts[g];d.X.push(new E(h.name,ea("font-weight:"+h.weight+";font-style:"+h.style)))}a(d.X)},y(this.a,this.B(b),function(b){b&&a([])})):a([])};function X(a,b){this.a=a;this.c=b}X.prototype.B=function(a){return(this.c.api||"https://use.typekit.net")+"/"+a+".js"};X.prototype.load=function(a){var b=this.c.id,c=this.a.k;b?y(this.a,this.B(b),function(b){if(b)a([]);else if(c.Typekit&&c.Typekit.config&&c.Typekit.config.fn){b=c.Typekit.config.fn;for(var e=[],f=0;f<b.length;f+=2)for(var g=b[f],l=b[f+1],h=0;h<l.length;h++)e.push(new E(g,l[h]));try{c.Typekit.load({events:!1,classes:!1,async:!0})}catch(k){}a(e)}},2E3):a([])};function Y(a,b){this.a=a;this.c=b}Y.prototype.B=function(a,b){var c=v(this.a),d=(this.c.api||"fast.fonts.net/jsapi").replace(/^.*http(s?):(\/\/)?/,"");return c+"//"+d+"/"+a+".js"+(b?"?v="+b:"")}; Y.prototype.load=function(a){function b(){if(e["__mti_fntLst"+c]){var d=e["__mti_fntLst"+c](),g=[],l;if(d)for(var h=0;h<d.length;h++){var k=d[h].fontfamily;void 0!=d[h].fontStyle&&void 0!=d[h].fontWeight?(l=d[h].fontStyle+d[h].fontWeight,g.push(new E(k,l))):g.push(new E(k))}a(g)}else setTimeout(function(){b()},50)}var c=this.c.projectId,d=this.c.version;if(c){var e=this.a.k;y(this.a,this.B(c,d),function(c){c?a([]):b()}).id="__MonotypeAPIScript__"+c}else a([])};function Aa(a,b){this.a=a;this.c=b}Aa.prototype.load=function(a){var b,c,d=this.c.urls||[],e=this.c.families||[],f=this.c.testStrings||{},g=new z;b=0;for(c=d.length;b<c;b++)x(this.a,d[b],A(g));var l=[];b=0;for(c=e.length;b<c;b++)if(d=e[b].split(":"),d[1])for(var h=d[1].split(","),k=0;k<h.length;k+=1)l.push(new E(d[0],h[k]));else l.push(new E(d[0]));C(g,function(){a(l,f)})};var Z=new na(window);Z.q.t.custom=function(a,b){return new Aa(b,a)};Z.q.t.fontdeck=function(a,b){return new W(b,a)};Z.q.t.monotype=function(a,b){return new Y(b,a)};Z.q.t.typekit=function(a,b){return new X(b,a)};Z.q.t.google=function(a,b){return new ya(b,a)};var $={load:n(Z.load,Z)};"function"===typeof define&&define.amd?define(function(){return $}):"undefined"!==typeof module&&module.exports?module.exports=$:(window.WebFont=$,window.WebFontConfig&&Z.load(window.WebFontConfig));}()); </script></head> <!-- body --> <body id="f1a" class="interior bleed"> <!-- Aisle Rocket Retargeting --> <img height="1" width="1" style="border-style:none;display:inline;position:absolute" alt="" src="https://insight.adsrvr.org/track/pxl/?adv=e4d5x4y&ct=0:xyhf7i8&fmt=3"/> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=689788832992094&ev=PageView&noscript=1" /></noscript> <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WKGLGG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WKGLGG');</script> <!-- End Google Tag Manager --> <div class="ribbon"></div> <div> <div class="inner-wrap" id="page-inner-wrap"> <div id="header-outer-wrap"> <header id="header" class="row"> <div class="medium-24 columns header-inner-wrap"> <a href="/"><h1 class="site-id">Griffin Museum of Science and Industry</h1></a> <!--<ul class="nav-utility inline-list"> <li class="nav-utility__item"><a class="nav-utility__link" title="Members" href="/support/membership">Members</a></li> <li class="nav-utility__item"><a class="nav-utility__link" title="Educators" href="/education">Educators</a></li> <li class="nav-utility__item"><a role="search" data-search-modal="1" class="nav-utility__link" title="Search" href="/search"><span class="hidden">Search</span></a></li> </ul>--> <nav class="nav-global" role="navigation"> <ul class="nav-global__list inline-list"> <li class="nav-global__item trigger "> <a class="nav-global__link" title="Explore" href="/explore">Explore</a> <a tabindex="0" class="keyboard-open-menu" data-skip-link title="See more pages under Explore" aria-label="See more pages under Explore"><i class="icon icon-anglebracket-down"></i></a> </li> <li class="nav-global__item trigger "> <a class="nav-global__link" title="Visit" href="/visit">Visit</a> <a tabindex="0" class="keyboard-open-menu" data-skip-link title="See more pages under Visit" aria-label="See more pages under Visit"><i class="icon icon-anglebracket-down"></i></a> </li> <li class="nav-global__item trigger "> <a class="nav-global__link" title="Join + Give" href="/support">Join + Give</a> <a tabindex="0" class="keyboard-open-menu" data-skip-link title="See more pages under Join + Give" aria-label="See more pages under Join + Give"><i class="icon icon-anglebracket-down"></i></a> </li> <li class="nav-global__item nav-global__item--search"><a role="search" data-search-modal="1" class="nav-global__link" title="Search" href="/search"><span class="hidden">Search</span></a></li> <li data-cart-open-container class="nav-global__item button-group"> <a href="/buy-tickets" target="_blank" title="Buy Tickets" class="nav-global__link button tickets"> Buy Tickets </a> <a href="#" id="my-visit-opener" class="nav-global__link button" data-cart-open style="display: none;"> <span class="first-icon-cell"> <i class="icon icon-add-to-visit"></i> </span> <span class="text-circle"> <span class="text-wrap"> <span class="text-inner-wrap" data-cart-button-count> - </span> </span> </span> </a> </li> </ul> <script> var isLocalStorageAvailable = (function() { var test = 'MSILocalStorageTest'; try { localStorage.setItem(test, test); localStorage.removeItem(test); return true; } catch (e) { return false; } })(); var showMyVisitButton = false if (isLocalStorageAvailable) { var cartItems = window.localStorage.getItem('MSICart'); showMyVisitButton = cartItems && (cartItems !== "[]"); } else { showMyVisitButton = true; } if (showMyVisitButton) { document.getElementById('my-visit-opener').style.display = 'block'; var body = document.querySelector('body'); var hasClass = (' ' + body.className + ' ').indexOf(' my-visit-button-shown ') > -1; if (!hasClass) { body.className += ' my-visit-button-shown'; } var containers = document.querySelectorAll('[data-cart-open-container]'); for (var i = 0; i < containers.length; i++) { containers[i].className += ' my-visit-button-appear'; } } </script> <div class="content explore"> <div class="arrow-up"></div> <div class="column-wrapper"> <div class="column-wrapper__column column-1"> <nav class="dropdown-arrow-list"><ul><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Exhibit">Exhibits</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Film&cHash=f3c9f1dc5fc0e12c45b4ce22a5326dbf">Giant Dome Theater</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Tour&cHash=5238b0d123ced8f8159d0e01cf1db48a">Tours and Experiences</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Event">Events</a></li></ul></nav> </div> <div class="column-wrapper__column column-2"> <section id="c1550" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-left tai__image-intext tai__image-beside-text "> <div class="ce-content rte-content rte-text-smaller "> <div class="headline-group "> <h3 class="title">What's Here</h3> </div> <p>Providing unique experiences designed to spark scientific inquiry and creativity since 1933.</p> <p><a href="/explore/about-us" class="arrow-link internal-link">Learn more</a></p> </div> </section> </div> </div> <a href="/explore/about-us/about-the-museum" class="nav-global__button button--full-width button--transparent"> More about the museum <i class="icon tiny icon-arrow-right"></i> </a> <a tabindex="0" class="keyboard-close-menu" data-skip-link title="Exit menu" aria-label="Exit menu"><span>×</span></a> </div> <div class="content visit"> <div class="arrow-up"></div> <div class="column-wrapper"> <div class="column-wrapper__column column-1"> <section id="c59687" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above "> <div class="ce-content rte-content rte-text-medium "> <h3>Visit us</h3> <p>5700 S. DuSable<br>Lake Shore Drive<br>Chicago, IL 60637</p> <p><a href="/visit/getting-here" class="link-with-bottom-border">Getting here</a></p> </div> </section> </div> <div class="column-wrapper__column column-2"> <nav class="dropdown-arrow-list visit-menu"><ul><li class="visit-menu__item"><a href="/visit"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!-- Generator: Sketch 63.1 (92452) - https://sketch.com --><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M16,2.66666667 C8.64,2.66666667 2.66666667,8.64 2.66666667,16 C2.66666667,23.36 8.64,29.3333333 16,29.3333333 C23.36,29.3333333 29.3333333,23.36 29.3333333,16 C29.3333333,8.64 23.36,2.66666667 16,2.66666667 L16,2.66666667 Z M17.3333333,25.3333333 L14.6666667,25.3333333 L14.6666667,22.6666667 L17.3333333,22.6666667 L17.3333333,25.3333333 L17.3333333,25.3333333 Z M20.0933333,15 L18.8933333,16.2266667 C17.9333333,17.2 17.3333333,18 17.3333333,20 L14.6666667,20 L14.6666667,19.3333333 C14.6666667,17.8666667 15.2666667,16.5333333 16.2266667,15.56 L17.88,13.88 C18.3733333,13.4 18.6666667,12.7333333 18.6666667,12 C18.6666667,10.5333333 17.4666667,9.33333333 16,9.33333333 C14.5333333,9.33333333 13.3333333,10.5333333 13.3333333,12 L10.6666667,12 C10.6666667,9.05333333 13.0533333,6.66666667 16,6.66666667 C18.9466667,6.66666667 21.3333333,9.05333333 21.3333333,12 C21.3333333,13.1733333 20.8533333,14.24 20.0933333,15 L20.0933333,15 Z" id="question-path-1"></path></defs><g id="question-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="question-Nav/Menu/Visit" transform="translate(-49.000000, -264.000000)"><g id="question-Group-2" transform="translate(33.000000, 248.000000)"><g id="question-help" transform="translate(14.000000, 14.000000)"><mask id="question-mask-2" fill="white"><use xlink:href="#question-path-1"></use></mask><g id="question-Mask"></g><g id="question-Colors/Blue" mask="url(#question-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="question-Colors/Black"><g><rect id="question-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="question-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit">Visitor Information</a></li><li class="visit-menu__item"><a href="/visit/tickets"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!-- Generator: Sketch 63.1 (92452) - https://sketch.com --><title>help</title><desc>Created with Sketch.</desc><defs><path d="M29.3333333,13.3333333 L29.3333333,8 C29.3333333,6.52 28.1333333,5.33333333 26.6666667,5.33333333 L5.33333333,5.33333333 C3.86666667,5.33333333 2.68,6.52 2.68,8 L2.68,13.3333333 C4.14666667,13.3333333 5.33333333,14.5333333 5.33333333,16 C5.33333333,17.4666667 4.14666667,18.6666667 2.66666667,18.6666667 L2.66666667,24 C2.66666667,25.4666667 3.86666667,26.6666667 5.33333333,26.6666667 L26.6666667,26.6666667 C28.1333333,26.6666667 29.3333333,25.4666667 29.3333333,24 L29.3333333,18.6666667 C27.8666667,18.6666667 26.6666667,17.4666667 26.6666667,16 C26.6666667,14.5333333 27.8666667,13.3333333 29.3333333,13.3333333 L29.3333333,13.3333333 Z M17.3333333,23.3333333 L14.6666667,23.3333333 L14.6666667,20.6666667 L17.3333333,20.6666667 L17.3333333,23.3333333 L17.3333333,23.3333333 Z M17.3333333,17.3333333 L14.6666667,17.3333333 L14.6666667,14.6666667 L17.3333333,14.6666667 L17.3333333,17.3333333 L17.3333333,17.3333333 Z M17.3333333,11.3333333 L14.6666667,11.3333333 L14.6666667,8.66666667 L17.3333333,8.66666667 L17.3333333,11.3333333 L17.3333333,11.3333333 Z" id="ticket-path-1"></path></defs><style> .primary-color { fill: #1F9FD6; } </style><g id="ticket-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="ticket-Nav/Menu/Visit" transform="translate(-47.000000, -337.000000)"><g id="ticket-Group-2" transform="translate(33.000000, 248.000000)"><g id="ticket-confirmation_number" transform="translate(30.000000, 105.000000) rotate(-315.000000) translate(-30.000000, -105.000000) translate(14.000000, 89.000000)"><mask id="ticket-mask-2" fill="white"><use xlink:href="#ticket-path-1"></use></mask><g id="ticket-Mask"></g><g id="ticket-Colors/Blue" mask="url(#ticket-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="ticket-Colors/Black"><g><rect id="ticket-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="ticket-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit/tickets">Ticket & Offers</a></li><li class="visit-menu__item"><a href="/support/membership"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="26px" height="29px" viewBox="0 0 26 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!-- Generator: Sketch 63.1 (92452) - https://sketch.com --><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M5.33333333,13.3333333 L5.33333333,22.6666667 L9.33333333,22.6666667 L9.33333333,13.3333333 L5.33333333,13.3333333 L5.33333333,13.3333333 Z M13.3333333,13.3333333 L13.3333333,22.6666667 L17.3333333,22.6666667 L17.3333333,13.3333333 L13.3333333,13.3333333 L13.3333333,13.3333333 Z M2.66666667,29.3333333 L28,29.3333333 L28,25.3333333 L2.66666667,25.3333333 L2.66666667,29.3333333 L2.66666667,29.3333333 Z M21.3333333,13.3333333 L21.3333333,22.6666667 L25.3333333,22.6666667 L25.3333333,13.3333333 L21.3333333,13.3333333 L21.3333333,13.3333333 Z M15.3333333,1.33333333 L2.66666667,8 L2.66666667,10.6666667 L28,10.6666667 L28,8 L15.3333333,1.33333333 L15.3333333,1.33333333 Z" id="museum-path-1"></path></defs><g id="museum-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="museum-Nav/Menu/Visit" transform="translate(-49.000000, -413.000000)"><g id="museum-Group-2" transform="translate(33.000000, 248.000000)"><g id="museum-account_balance" transform="translate(14.000000, 164.000000)"><mask id="museum-mask-2" fill="white"><use xlink:href="#museum-path-1"></use></mask><g id="museum-Mask"></g><g id="museum-Colors/Blue" mask="url(#museum-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="museum-Colors/Black"><g><rect id="museum-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="museum-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/support/membership">Member Information</a></li></ul></nav> </div> </div> <a href="/visit/plan-your-visit" class="nav-global__button button--full-width button--transparent"> Need help planning your visit? <i class="icon tiny icon-arrow-right"></i> </a> <a tabindex="0" class="keyboard-close-menu" data-skip-link title="Exit menu" aria-label="Exit menu"><span>×</span></a> </div> <div class="content support"> <div class="arrow-up"></div> <div class="column-wrapper"> <div class="column-wrapper__column column-1"> <nav class="dropdown-arrow-list"><ul><li><a href="/support/membership">Become a Member</a></li><li><a href="/support/donate">Individual Giving</a></li><li><a href="/support/corporate-and-foundation/corporate-support">Corporate Giving</a></li><li><a href="/support/volunteer">Volunteer</a></li></ul></nav> </div> <div class="column-wrapper__column column-2"> <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> <div class="ce-content rte-content rte-text-medium "> <div class="headline-group "> <h3 class="title">Donate</h3> </div> <p>Inspire the next generation of scientific leaders and thinkers with a gift today.</p> <p><a href="/support/donate/support-msi/donate-now" class="arrow-link"><strong>Donate Now</strong></a></p> </div> </section> </div> </div> <a tabindex="0" class="keyboard-close-menu" data-skip-link title="Exit menu" aria-label="Exit menu"><span>×</span></a> </div> </nav> <div class="breadcrumb-share-wrap"> <div class="breadcrumb"> <span></span> <a class="breadcrumb__link" title="Home" href="/"><i class="icon icon-arrow-left"></i> <span>Home</span></a> </div> <div class="share"> </div> </div> </div><!-- end .columns --> </header><!-- end .row --> </div><!-- end #header-outer-wrap--> <div id="feature" class="row collapse text-light "> <div class="inner-wrap medium-24 columns"> <!--TYPO3SEARCH_begin--> <div id="c178" class="row collapse " data-theme-class=""><div class="columns"><section class="big-header bh__height-size-1 text-light"><div class="bh__background bh__background-color bh__theme-color-2" ><div class="bh__background-image blur-up lazyload bh__height-size-1 " style="background-image: url();" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/9/c/csm_header_arial_exterior_a6abadab50.jpg 320w, https://www.msichicago.org/fileadmin/assets/_processed_/9/c/csm_header_arial_exterior_44e0f8c28e.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/9/c/csm_header_arial_exterior_90f5c17da7.jpg 600w, https://www.msichicago.org/fileadmin/assets/general_msi/global_blue_headers/header_arial_exterior.jpg 800w" data-sizes="auto"></div></div><div class="bh__content-wrap"><div class="bh__content "><div class="bh__content-inner-wrap"><h1 class="bh__title "><a href="/press"><span class="line-wrap"><span class="line">Press</span></span></a></h1><ul class="bh__links link-list "><li><a href="/press/press-releases" title="Press releases">Press releases</a></li><li><a href="/press/media-requests" title="Media requests">Media requests</a></li></ul></div></div></div></section><!-- end .feature-ce --></div><!-- end .columns --></div><!-- end .row --> <!--TYPO3SEARCH_end--> </div><!-- end .columns --> </div><!-- end #feature --> <div id="content-wrap" class="row"> <a id="skip-feature"></a> <div class="medium-24 columns"> <script> if (window.location.pathname !== '/') { var isLocalStorageAvailable = (function() { var test = 'MSIHeaderTest'; try { localStorage.setItem(test, test); localStorage.removeItem(test); return true; } catch (e) { return false; } })(); if (isLocalStorageAvailable) { var lastHeaderId = window.localStorage.getItem('MSIHeader'); var headerElement = document.querySelector('#feature [id]'); var hasEmptyLocationHash = window.location.hash === ''; var hasSkipFeatureHash = window.location.hash === '#skip-feature'; if (headerElement) { var currentHeaderId = headerElement.id; if (hasSkipFeatureHash) { if (!lastHeaderId || (lastHeaderId !== currentHeaderId)) { window.location.hash = ''; window.localStorage.setItem('MSIHeader', currentHeaderId) } } else if (hasEmptyLocationHash) { // We've seen this header before. Skip it. if (lastHeaderId && (lastHeaderId === currentHeaderId)) { var url = window.location.href; document.getElementById("header-outer-wrap").style.display = "none"; document.getElementById("feature").style.display = "none"; var skipFeaturePosition = document.getElementById('skip-feature').offsetTop; var skippedFeature = false; if (skipFeaturePosition > 0) { skippedFeature = true; window.scrollTo(0, skipFeaturePosition); } document.addEventListener("DOMContentLoaded", function(event) { document.getElementById("header-outer-wrap").style.display = "block"; document.getElementById("feature").style.display = "block"; if (!skippedFeature) { skipFeaturePosition = document.getElementById('skip-feature').offsetTop; if (skipFeaturePosition > 0) { window.scrollTo(0, skipFeaturePosition); } } }); } else { window.localStorage.setItem('MSIHeader', currentHeaderId) } } } } } </script> <div id="content-inner-wrap"> <main id="content-block-1" class="row collapse"> <div class="medium-24 columns"> <!--TYPO3SEARCH_begin--> <div id="c3982" class="layout-container lc__top-offset-0 lc__stack-layer-0 " style="" ><div class="lc__background-2 height-0"></div><div class="lc__background " ></div><div class="lc__inner-wrap lc__pad-top-025 lc__pad-bottom-025 "><div class="row collapse lc__content "><div class="columns lc__content-offset-top-0 lc__content-bottom-up-0"><div class="lc__content-inner-wrap"><section id="c335" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-right tai__image-intext tai__image-beside-text "><div class="tai__image-group-wrap large "><div class="tai__image-group single-image"><img src="" data-srcset=" https://www.msichicago.org/fileadmin/assets/_processed_/f/e/csm_Exhibit_ScienceStorms_wide_w_c6b81f9c7b.png 320w, https://www.msichicago.org/fileadmin/assets/_processed_/f/e/csm_Exhibit_ScienceStorms_wide_w_ff59ff5631.png 480w, https://www.msichicago.org/fileadmin/assets/_processed_/f/e/csm_Exhibit_ScienceStorms_wide_w_e4983f3cca.png 720w" data-sizes="(max-width: 30em) 100vw, 50vw" alt="" title="" class="lazyload" /></div></div><div class="ce-content rte-content rte-text-medium "><div class="headline-group "><h2 class="title"><a href="/press/press-releases">Press Releases</a></h2></div><p>Download press materials and high-res images of Griffin MSI's exhibits, events and happenings. </p><p><a href="/press/press-releases" class="internal-link arrow-link">Learn more</a></p><ul class="arrow-list"></ul></div></section></div></div></div></div></div><!-- end #c3982--> <div id="c4659" class="layout-container lc__light-gray lc__top-offset-0 lc__stack-layer-0 " style="" ><div class="lc__background-2 height-default"></div><div class="lc__background " ></div><div class="lc__inner-wrap lc__pad-top-025 lc__pad-bottom-025 "><div class="row collapse lc__content "><div class="columns lc__content-offset-top-0 lc__content-bottom-up-0"><div class="lc__content-inner-wrap"><section id="c343" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-left tai__image-intext tai__image-beside-text "><div class="tai__image-group-wrap large "><div class="tai__image-group single-image"><img src="" data-srcset=" https://www.msichicago.org/fileadmin/assets/_processed_/d/7/csm_WinterScience_0114_a4efc7fcb0.jpg 320w, https://www.msichicago.org/fileadmin/assets/_processed_/d/7/csm_WinterScience_0114_5d59725fc0.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/d/7/csm_WinterScience_0114_dbf6ac41fa.jpg 720w" data-sizes="(max-width: 30em) 100vw, 50vw" alt="" title="" class="lazyload" /></div></div><div class="ce-content rte-content rte-text-medium "><div class="headline-group align-left"><h2 class="title"><a href="/press/media-requests">Media Requests</a></h2></div><p>Want to film at the Museum, schedule a visit, or arrange for an interview about an exhibit or with one of our experts? </p><p><a href="/press/media-requests" class="internal-link arrow-link">Learn more</a></p></div></section></div></div></div></div></div><!-- end #c4659--> <div id="c4639" class="layout-container lc__top-offset-0 lc__stack-layer-0 " style="" ><div class="lc__background-2 height-default"></div><div class="lc__background " ></div><div class="lc__inner-wrap lc__pad-top-025 lc__pad-bottom-10 "><div class="row collapse lc__content "><div class="columns lc__content-offset-top-0 lc__content-bottom-up-0"><div class="lc__content-inner-wrap"><div id="45913" class="column-group"><div class="small-24 columns"><div class="headline-group align-center"><h2 class="title">Communications</h2></div></div></div><div id="45913" class="column-group two-column-group ce-margin-top-0 ce-margin-bottom-0 "><div class="column column-1 half"><section id="c46312" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above "><div class="ce-content rte-content rte-text-small "><div class="headline-group align-center"><h3 class="title">Public Relations</h3></div><p class="align-center">Email <a href="#" data-mailto-token="kygjrm8npYkqgafgayem,mpe" data-mailto-vector="-2"><strong>pr@msichicago.org</strong></a></p></div></section></div><div class="column column-2 half"><section id="c45901" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above "><div class="ce-content rte-content rte-text-small "><div class="headline-group align-center"><h3 class="title">Other contacts</h3></div><p class="small"><strong>General questions:</strong> Visit <a href="https://www.msichicago.org/?id=119" target="_blank" class="internal-link">Griffin MSI's contact page</a> or call (773) 684-1414<br><strong style="font-size: 1rem;">Marketing or advertising: </strong><span style="font-size: 1rem;">E</span><span style="font-size: 1rem;">mail </span><span style="font-size: 1rem;"><a href="#" data-mailto-token="kygjrm8ybtcprgqgleYkqgafgayem,mpe" data-mailto-vector="-2">advertising@msichicago.org</a></span><br><strong style="font-size: 1rem;">Donations for a fundraiser: </strong><span style="font-size: 1rem;">Visit </span><span style="font-size: 1rem;">our </span><span style="font-size: 1rem;"><a href="/visit/faq/donation-requests" class="internal-link">donation request page</a></span></p><p> </p></div></section></div></div></div></div></div></div></div><!-- end #c4639--> <!--TYPO3SEARCH_end--> </div><!-- end .columns --> </main><!-- end #content-block-1 --> </div> </div><!-- end .columns --> </div><!-- end #content-wrap --> <footer id="footer"> <div class="newsletter-social-wrap row"> <div class="large-24 columns"> <!-- Mail Chimp Newsletter Sign up --> <a href="/subscribe"><div class="newsletter-form"><p class="email">Subscribe to our newsletter</p><button class="button tiny">Register</button></div></a> <ul class="social-wrap inline-list"> <li> <a href="//fb.me/msichicago" class="icon-circle icon-circle-facebook"> <i class="icon icon-facebook"></i><span class="icon-label">Facebook</span> </a> </li> <li> <a href="//twitter.com/msichicago" class="icon-circle icon-circle-twitter"> <i class="icon icon-twitter"></i><span class="icon-label">Twitter</span> </a> </li> <li> <a href="//instagram.com/msichicago" class="icon-circle icon-circle-instagram"> <i class="icon icon-instagram"></i><span class="icon-label">Instagram</span> </a> </li> <li> <a href="//youtube.com/msichicago" class="icon-circle icon-circle-youtube"> <i class="icon icon-youtube"></i><span class="icon-label">YouTube</span> </a> </li> </ul> <div class="divider"></div> </div><!-- end .columns --> </div><!-- end .newsletter-social-wrap --> <div class="row footer-link"> <div class="xlarge-6 columns"> <h5 class="column-header title-open">Support Us</h5><div class="footer-link-container content-open"><p class="intro">Help transform lives through the power of science and science education.<p><ul class="arrow-list footer-support-links"><li><a href="/support/membership">Become a member</a></li><li><a href="/support/donate">Donate now</a></li></ul></div> </div><!-- end .columns --> <div class="xlarge-6 columns"> <h5 class="column-header">Visit</h5><div class="footer-link-container"><ul class="footer-list"><li><a href="/visit/plan-your-visit">Plan a Visit</a></li><li><a href="/visit/tickets">Ticket Prices</a></li><li><a href="/visit/museum-map">Map</a></li><li><a href="/visit/groups-and-field-trips">Groups + Field Trips</a></li><li><a href="/visit/private-events">Host an Event</a></li><li><a href="https://store.msichicago.org">Museum Store</a></li></ul></div> </div><!-- end .columns --> <div class="xlarge-6 columns"> <h5 class="column-header">Explore</h5><div class="footer-link-container"><ul class="footer-list"><li><a href="/explore/whats-here">What's Here</a></li><li><a href="/education">Education</a></li><li><a href="/science-at-home">Experiment</a></li><li><a href="/explore/about-us">About Us</a></li><li><a href="/explore/about-us/careers">Careers</a></li><li><a href="/press">Press</a></li></ul></div> </div><!-- end .columns --> <div class="xlarge-6 columns"> <h5 class="column-header">Location + Hours</h5><div class="footer-link-container"><p class="location" translate="no" typeof="schema:PostalAddress"><span property="schema:name" style="display: none;">Museum of Science & Industry</span><span property="schema:streetAddress">5700 S. DuSable <br /> Lake Shore Drive</span><br/><span property="schema:addressLocality">Chicago</span>, <abbr title="Illinois" property="schema:addressRegion">IL</abbr> <span property="schema:postalCode">60637</span><abbr style="display: none;" property="schema:addressCountry">USA</abbr></p><p class="open-hours"><a href="/visit/museum-hours"><span data-hours-today style="display: none;"><strong>Open today</strong><br/><span class="sub-text">from <b> 9:30 </b> a.m. to <b> 5:30 </b> p.m.</span></span><span data-hours-tomorrow style="display: none;"><strong>Open tomorrow</strong><br/><span class="sub-text">from <b> 9:30 </b> a.m. to <b> 5:30 </b> p.m.</span></span></a></p><a class="map-link" href="/visit/getting-here"><i class="icon tiny icon-map-pin"></i> Getting Here</a></div> </div><!-- end .columns --> </div><!-- end row --> <div data-footer-end class="footer-end row"> <div class="medium-24 columns translate-btn-column"> <div id="mobileHeader"></div> </div> <div class="xlarge-10 xlarge-push-8 large-24 columns"> <ul class="nav-utility inline-list privacy"> <li> <a href="/privacy-policy">Privacy Policy</a> </li> <li> <a href="/terms-of-use">Terms of Use</a> </li> <li> <a href="/contact">Contact us</a> </li> </ul> </div><!-- end .columns --> <div class="xlarge-8 large-pull-10 large-24 columns copyright"> <span>© 2024 Kenneth C. Griffin Museum of Science and Industry</span> </div><!-- end .columns --> <div class="large-6 columns translate-btn-column"> <div id="m_google_translate_element"> <div data-translate-btn class="translate-btn" style="display: none;" id="g_translater"> <span class="last-icon-cell"><i class="icon small icon-anglebracket-down"></i></span> <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { if ($('[data-translate-btn-in-page]').length) { $('[data-translate-btn-in-page]').show(); new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element_in_page'); $('[data-translate-btn-in-page] select > option:first-child').text('Translate'); $('select.goog-te-combo').on('change', toggleTranslationBar()); if ($('select.goog-te-combo').val() != "") { toggleTranslationBar(); } } else { $('[data-footer-end]').addClass('translate-on'); $('[data-translate-btn]').show(); new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); $('#footer .translate-btn select > option:first-child').text('Translate'); $('select.goog-te-combo').on('change', toggleTranslationBar()); if ($('select.goog-te-combo').val() != "") { toggleTranslationBar(); } } } function toggleTranslationBar() { setInterval(function(){ if ($('body > .skiptranslate:first-child').css('display') == 'block') { $('body').addClass('translation-bar-on'); } else { $('body').removeClass('translation-bar-on'); } }, 1000); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div> </div> </div><!-- end .columns --> </div><!-- end .row --> </footer> </div><!-- end .inner-wrap --> <div class="reveal-modal content search full" id="searchModal" data-reveal aria-label="Search" aria-hidden="true" role="dialog" style="display:none;"> <div class="row"> <div class="medium-24 columns" data-search> <h1 class="sticky-footer__title--white sticky-footer__title--search text-center">How can we help you?</h1> <form data-search-form action="/index.php?id=122" method="get" class="search-form tx-solr-form row"> <div class="small-20 columns collapse"> <input class="search-input tx-solr-q" type="text" name="q" placeholder="Ex: U-505, Christmas, …" autocomplete="off"> </div> <div class="small-4 columns collapse"> <button class="search-submit" type="submit"> <span class="hidden">Submit Search</span> </button> <div class="search-spinner" data-spinner style="display:none;"></div> </div> </form> <div class="search-results-wrapper" style="display: none;"> <div data-search-results> <ol class="results-list"> </ol> </div> <p id="loading-search-results" style="opacity: 0;"> Loading more results ... </p> <p id="no-more-results" style="opacity: 0;"> No more results to load </p> </div> </div> </div> <button class="close-button close-reveal-modal" data-close aria-label="Close reveal" type="button"> <img class="svg" src="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/Icons/Sticky/menuclose.svg"/> </button> </div> <div class="sticky-footer-wrapper" x-cloak x-data="MSI.StickyFooterMobile.menu()" x-init="() => { $(window).on('addToVisitSidebarReady', function(){ updateItems(); }); add = $('[data-addtovisit-add-uid]'); add.on('click', (event) => { totalItems++; }); removeItem = $('#my-visit-container,[data-mobile-cart-items-list]'); removeItem.on('click', '[data-addtovisit-delete-uid]', (event) => { totalItems--; updateBullets(); }); $watch('currentMenu', (value) => { if(value == null){ document.body.style.position = ''; document.body.style.top = ''; window.scrollTo(0, parseInt(scrollY || '0') * -1); }else{ document.body.style.position = 'fixed'; document.body.style.top = `-${window.scrollY}px`; } }); $watch('subMenu', (value) => { if(value == null){ if($('.to-restore-height').length){ $('.to-restore-height')[0].style=''; $('.to-restore-height').removeClass('to-restore-height'); } }else{ $nextTick(()=>{ let height = $('.sticky-footer__panel--active').height(); let interiorHeight = $('.sticky-footer__panel--active .sticky-footer__panel-interior div').height(); if(interiorHeight>height){ $('.sticky-footer__panel--active .sticky-footer__panel-interior').addClass('to-restore-height'); $('.sticky-footer__panel--active .sticky-footer__panel-interior').height(height); $('.sticky-footer__panel--active .sticky-footer__panel-interior').css('padding-bottom',$('.sticky-footer').outerHeight(true)); } }); } }); }" > <div class="sticky-footer-container" :class="{ 'active': (currentMenu != null && currentMenu != 'search'), 'hidden': !(currentMenu != null && currentMenu != 'search') }" > <span style="position: fixed; top:15px; right:20px;" @click="close()"> <span class="svg"> <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 63.1 (92452) - https://sketch.com --> <title>menu</title> <desc>Created with Sketch.</desc> <defs> <polygon id="close-path-1" points="25.3333333 8.54666667 23.4533333 6.66666667 16 14.12 8.54666667 6.66666667 6.66666667 8.54666667 14.12 16 6.66666667 23.4533333 8.54666667 25.3333333 16 17.88 23.4533333 25.3333333 25.3333333 23.4533333 17.88 16"></polygon> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav/Visit" transform="translate(-333.000000, -26.000000)"> <g id="close" transform="translate(327.000000, 20.000000)"> <mask id="close-mask-2" fill="white"> <use xlink:href="#close-path-1"></use> </mask> <g id="Mask"></g> <g id="Colors/White" mask="url(#close-mask-2)" fill="#FFFFFF" fill-rule="evenodd"> <g transform="translate(-17.333333, -17.333333)" id="Rectangle"> <rect x="0" y="0" width="66.6666667" height="66.6666667"></rect> </g> </g> </g> </g> </g> </svg> </span> </span> <div class="overlay-clickable" @click="close()" ></div> <div class="sticky-footer__panel visit-tickets text-center" :class="{ 'active': (subMenu == null && currentMenu == 'visit'), 'hidden': !(subMenu == null && currentMenu == 'visit') }" > <h1 class="sticky-footer__title text-center">My Visit</h1> <div class="sticky-footer__clear" x-show="totalItems > 0"><a @click="clear()">Clear</a></div> <div data-mobile-cart-items-list class="glide" x-show="totalItems > 0"> <div class="glide__track" data-glide-el="track"> <ul class="glide__slides"> <template x-for="(item, index) in items" :key="index" class="glide__slide--clone"> <li class="glide__slide"> <div x-html="item"></div> </li> </template> </ul> </div> <div class="glide__bullets" id="footer-glide__bullets" data-glide-el="controls[nav]"> </div> </div> <div x-show="totalItems == 0"> <h4>No Items</h4> </div> <a class="button button--blue-border sticky-footer__button button--full-width" href="/visit/tickets"> Buy tickets now </a> <div class="link-with-bottom-border sticky-footer__link"> <a href="/explore/whats-here"> Find more activities </a> </div> </div> <template x-show="subMenu == null && currentMenu == 'tickets'"> </template> <div class="sticky-footer__panel" :class="{ 'active': (subMenu == null && currentMenu == 'menu'), 'hidden': !(subMenu == null && currentMenu == 'menu') }" > <ul class="mobile-nav-global"> <li class="sticky-footer__menu-item" data-uid="1" @click="showSubMenu(1)"> <a class="sticky-footer__title" href="/">Home</a> <i class="icon icon-anglebracket-right"></i> </li> <li class="sticky-footer__menu-item" data-uid="2" @click="showSubMenu(2)"> <a class="sticky-footer__title" href="#">Explore</a> <i class="icon icon-anglebracket-right"></i> </li> <li class="sticky-footer__menu-item" data-uid="3" @click="showSubMenu(3)"> <a class="sticky-footer__title" href="#">Visit</a> <i class="icon icon-anglebracket-right"></i> </li> <li class="sticky-footer__menu-item" data-uid="4" @click="showSubMenu(4)"> <a class="sticky-footer__title" href="#">Join + Give</a> <i class="icon icon-anglebracket-right"></i> </li> </ul> </div> <div class="sticky-footer__panel explore" :class="getClass(2)"> <a class="sticky-footer__title sticky-footer__submenu__title" @click="showSubMenu(null)"> <span> <i class="icon tiny icon-arrow-left"></i> Explore </span> </a> <div class="sticky-footer__panel-interior"> <div> <div class="sticky-footer__submenu__item"> <nav class="dropdown-arrow-list"><ul><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Exhibit">Exhibits</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Film&cHash=f3c9f1dc5fc0e12c45b4ce22a5326dbf">Giant Dome Theater</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Tour&cHash=5238b0d123ced8f8159d0e01cf1db48a">Tours and Experiences</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Event">Events</a></li></ul></nav> </div> <div class="sticky-footer__submenu__content"> <section id="c1550" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-left tai__image-intext tai__image-beside-text "> <div class="ce-content rte-content rte-text-smaller "> <div class="headline-group "> <h3 class="title">What's Here</h3> </div> <p>Providing unique experiences designed to spark scientific inquiry and creativity since 1933.</p> <p><a href="/explore/about-us" class="arrow-link internal-link">Learn more</a></p> </div> </section> </div> </div> <a href="/explore/about-us/about-the-museum" class="button button--blue-border button--full-width button--transparent"> More about the museum <i class="icon icon-arrow-right"></i> </a> </div> </div> <div class="sticky-footer__panel visit" :class="getClass(3)"> <a class="sticky-footer__title sticky-footer__submenu__title" @click="showSubMenu(null)"> <span> <i class="icon tiny icon-arrow-left"></i> Visit </span> </a> <div class="sticky-footer__panel-interior"> <div> <div class="sticky-footer__submenu__item"> <section id="c59687" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above "> <div class="ce-content rte-content rte-text-medium "> <h3>Visit us</h3> <p>5700 S. DuSable<br>Lake Shore Drive<br>Chicago, IL 60637</p> <p><a href="/visit/getting-here" class="link-with-bottom-border">Getting here</a></p> </div> </section> </div> <div class="sticky-footer__submenu__content"> <nav class="dropdown-arrow-list visit-menu"><ul><li class="visit-menu__item"><a href="/visit"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!-- Generator: Sketch 63.1 (92452) - https://sketch.com --><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M16,2.66666667 C8.64,2.66666667 2.66666667,8.64 2.66666667,16 C2.66666667,23.36 8.64,29.3333333 16,29.3333333 C23.36,29.3333333 29.3333333,23.36 29.3333333,16 C29.3333333,8.64 23.36,2.66666667 16,2.66666667 L16,2.66666667 Z M17.3333333,25.3333333 L14.6666667,25.3333333 L14.6666667,22.6666667 L17.3333333,22.6666667 L17.3333333,25.3333333 L17.3333333,25.3333333 Z M20.0933333,15 L18.8933333,16.2266667 C17.9333333,17.2 17.3333333,18 17.3333333,20 L14.6666667,20 L14.6666667,19.3333333 C14.6666667,17.8666667 15.2666667,16.5333333 16.2266667,15.56 L17.88,13.88 C18.3733333,13.4 18.6666667,12.7333333 18.6666667,12 C18.6666667,10.5333333 17.4666667,9.33333333 16,9.33333333 C14.5333333,9.33333333 13.3333333,10.5333333 13.3333333,12 L10.6666667,12 C10.6666667,9.05333333 13.0533333,6.66666667 16,6.66666667 C18.9466667,6.66666667 21.3333333,9.05333333 21.3333333,12 C21.3333333,13.1733333 20.8533333,14.24 20.0933333,15 L20.0933333,15 Z" id="question-path-1"></path></defs><g id="question-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="question-Nav/Menu/Visit" transform="translate(-49.000000, -264.000000)"><g id="question-Group-2" transform="translate(33.000000, 248.000000)"><g id="question-help" transform="translate(14.000000, 14.000000)"><mask id="question-mask-2" fill="white"><use xlink:href="#question-path-1"></use></mask><g id="question-Mask"></g><g id="question-Colors/Blue" mask="url(#question-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="question-Colors/Black"><g><rect id="question-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="question-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit">Visitor Information</a></li><li class="visit-menu__item"><a href="/visit/tickets"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!-- Generator: Sketch 63.1 (92452) - https://sketch.com --><title>help</title><desc>Created with Sketch.</desc><defs><path d="M29.3333333,13.3333333 L29.3333333,8 C29.3333333,6.52 28.1333333,5.33333333 26.6666667,5.33333333 L5.33333333,5.33333333 C3.86666667,5.33333333 2.68,6.52 2.68,8 L2.68,13.3333333 C4.14666667,13.3333333 5.33333333,14.5333333 5.33333333,16 C5.33333333,17.4666667 4.14666667,18.6666667 2.66666667,18.6666667 L2.66666667,24 C2.66666667,25.4666667 3.86666667,26.6666667 5.33333333,26.6666667 L26.6666667,26.6666667 C28.1333333,26.6666667 29.3333333,25.4666667 29.3333333,24 L29.3333333,18.6666667 C27.8666667,18.6666667 26.6666667,17.4666667 26.6666667,16 C26.6666667,14.5333333 27.8666667,13.3333333 29.3333333,13.3333333 L29.3333333,13.3333333 Z M17.3333333,23.3333333 L14.6666667,23.3333333 L14.6666667,20.6666667 L17.3333333,20.6666667 L17.3333333,23.3333333 L17.3333333,23.3333333 Z M17.3333333,17.3333333 L14.6666667,17.3333333 L14.6666667,14.6666667 L17.3333333,14.6666667 L17.3333333,17.3333333 L17.3333333,17.3333333 Z M17.3333333,11.3333333 L14.6666667,11.3333333 L14.6666667,8.66666667 L17.3333333,8.66666667 L17.3333333,11.3333333 L17.3333333,11.3333333 Z" id="ticket-path-1"></path></defs><style> .primary-color { fill: #1F9FD6; } </style><g id="ticket-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="ticket-Nav/Menu/Visit" transform="translate(-47.000000, -337.000000)"><g id="ticket-Group-2" transform="translate(33.000000, 248.000000)"><g id="ticket-confirmation_number" transform="translate(30.000000, 105.000000) rotate(-315.000000) translate(-30.000000, -105.000000) translate(14.000000, 89.000000)"><mask id="ticket-mask-2" fill="white"><use xlink:href="#ticket-path-1"></use></mask><g id="ticket-Mask"></g><g id="ticket-Colors/Blue" mask="url(#ticket-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="ticket-Colors/Black"><g><rect id="ticket-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="ticket-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit/tickets">Ticket & Offers</a></li><li class="visit-menu__item"><a href="/support/membership"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="26px" height="29px" viewBox="0 0 26 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!-- Generator: Sketch 63.1 (92452) - https://sketch.com --><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M5.33333333,13.3333333 L5.33333333,22.6666667 L9.33333333,22.6666667 L9.33333333,13.3333333 L5.33333333,13.3333333 L5.33333333,13.3333333 Z M13.3333333,13.3333333 L13.3333333,22.6666667 L17.3333333,22.6666667 L17.3333333,13.3333333 L13.3333333,13.3333333 L13.3333333,13.3333333 Z M2.66666667,29.3333333 L28,29.3333333 L28,25.3333333 L2.66666667,25.3333333 L2.66666667,29.3333333 L2.66666667,29.3333333 Z M21.3333333,13.3333333 L21.3333333,22.6666667 L25.3333333,22.6666667 L25.3333333,13.3333333 L21.3333333,13.3333333 L21.3333333,13.3333333 Z M15.3333333,1.33333333 L2.66666667,8 L2.66666667,10.6666667 L28,10.6666667 L28,8 L15.3333333,1.33333333 L15.3333333,1.33333333 Z" id="museum-path-1"></path></defs><g id="museum-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="museum-Nav/Menu/Visit" transform="translate(-49.000000, -413.000000)"><g id="museum-Group-2" transform="translate(33.000000, 248.000000)"><g id="museum-account_balance" transform="translate(14.000000, 164.000000)"><mask id="museum-mask-2" fill="white"><use xlink:href="#museum-path-1"></use></mask><g id="museum-Mask"></g><g id="museum-Colors/Blue" mask="url(#museum-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="museum-Colors/Black"><g><rect id="museum-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="museum-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/support/membership">Member Information</a></li></ul></nav> </div> </div> <a href="/visit/plan-your-visit" class="button button--blue-border button--full-width button--transparent"> Need help planning your visit? <i class="icon icon-arrow-right"></i> </a> </div> </div> <div class="sticky-footer__panel support" :class="getClass(4)"> <a class="sticky-footer__title sticky-footer__submenu__title" @click="showSubMenu(null)"> <span> <i class="icon tiny icon-arrow-left"></i> Support </span> </a> <div class="sticky-footer__panel-interior"> <div> <div class="sticky-footer__submenu__item"> <nav class="dropdown-arrow-list"><ul><li><a href="/support/membership">Become a Member</a></li><li><a href="/support/donate">Individual Giving</a></li><li><a href="/support/corporate-and-foundation/corporate-support">Corporate Giving</a></li><li><a href="/support/volunteer">Volunteer</a></li></ul></nav> </div> <div class="sticky-footer__submenu__content"> <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> <div class="ce-content rte-content rte-text-medium "> <div class="headline-group "> <h3 class="title">Donate</h3> </div> <p>Inspire the next generation of scientific leaders and thinkers with a gift today.</p> <p><a href="/support/donate/support-msi/donate-now" class="arrow-link"><strong>Donate Now</strong></a></p> </div> </section> </div> </div> </div> </div> <div class="sticky-footer__panel text-center" :class="{ 'active': (subMenu == null && currentMenu == 'location'), 'hidden': !(subMenu == null && currentMenu == 'location') }" > <h1 class="sticky-footer__title text-center">Location</h1> <p class="sticky-footer__text">5700 S. DuSable Lake Shore Drive<br> Chicago, IL 60637</p> <a href="/visit/getting-here" title="Getting Here" class="button button--blue-border sticky-footer__button">Getting Here</a> <div class="link-with-bottom-border sticky-footer__link"> <a href="/visit/museum-hours" title="Museum Hours">Museum Hours</a> </div> </div> </div> <div class="sticky-footer"> <a href="#" class="sticky-footer__item" :class="{ 'sticky-footer__item--active': currentMenu === 'visit' }" @click="toggle('visit')"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="56px" height="49px" viewBox="0 0 56 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 63.1 (92452) - https://sketch.com --> <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M21,5 C19.89,4.65 18.67,4.5 17.5,4.5 C15.55,4.5 13.45,4.9 12,6 C10.55,4.9 8.45,4.5 6.5,4.5 C4.55,4.5 2.45,4.9 1,6 L1,20.65 C1,20.9 1.25,21.15 1.5,21.15 C1.6,21.15 1.65,21.1 1.75,21.1 C3.1,20.45 5.05,20 6.5,20 C8.45,20 10.55,20.4 12,21.5 C13.35,20.65 15.8,20 17.5,20 C19.15,20 20.85,20.3 22.25,21.05 C22.35,21.1 22.4,21.1 22.5,21.1 C22.75,21.1 23,20.85 23,20.6 L23,6 C22.4,5.55 21.75,5.25 21,5 L21,5 Z M21,18.5 C19.9,18.15 18.7,18 17.5,18 C15.8,18 13.35,18.65 12,19.5 L12,8 C13.35,7.15 15.8,6.5 17.5,6.5 C18.7,6.5 19.9,6.65 21,7 L21,18.5 L21,18.5 Z" id="path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-15.000000, 3.000000)"> <g id="Group-11" filter="url(#filter-1)"> <g id="Visit-Tab" transform="translate(22.000000, 16.000000)"> <g id="import_contacts" transform="translate(9.000000, 0.000000)"> <mask id="mask-3" fill="white"> <use xlink:href="#path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> <span x-show="getNumber() > 0" x-text="getNumber()" class="number-items"></span> </span> <span class="sticky-footer__item-label"> My Visit </span> </a> <a href="/buy-tickets" target="_blank" title="Buy Tickets" class="sticky-footer__item"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="52px" height="50px" viewBox="0 0 52 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 63.1 (92452) - https://sketch.com --> <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="tickets-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M20,12 C20,10.9 20.9,10 22,10 L22,6 C22,4.9 21.1,4 20,4 L4,4 C2.9,4 2.01,4.9 2.01,6 L2.01,10 C3.11,10 4,10.9 4,12 C4,13.1 3.11,14 2,14 L2,18 C2,19.1 2.9,20 4,20 L20,20 C21.1,20 22,19.1 22,18 L22,14 C20.9,14 20,13.1 20,12 L20,12 Z M15.58,16.8 L12,14.5 L8.42,16.8 L9.5,12.68 L6.21,9.99 L10.45,9.74 L12,5.8 L13.54,9.75 L17.78,10 L14.49,12.69 L15.58,16.8 L15.58,16.8 Z" id="tickets-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-89.000000, 4.000000)"> <g id="Group-11" filter="url(#tickets-filter-1)"> <g id="Tickets-Tab" transform="translate(97.000000, 16.000000)"> <g id="local_activity" transform="translate(6.000000, 0.000000)"> <mask id="tickets-mask-3" fill="white"> <use xlink:href="#tickets-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#tickets-mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </span> <span class="sticky-footer__item-label"> Tickets </span> </a> <a href="#" class="sticky-footer__item sticky-footer__item--home" @click="toggle('menu')"> <span class="sticky-footer__item-icon sticky-footer__item-icon--hamburger"> <template x-if="subMenu != null || currentMenu == 'menu'"> <span class="svg svg--close"> <svg width="46px" height="46px" viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 63.1 (92452) - https://sketch.com --> <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="menuclose-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <polygon id="menuclose-path-2" points="19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12"></polygon> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Nav-bar" transform="translate(-165.000000, -5.000000)"> <g id="Group-11"> <g filter="url(#menuclose-filter-1)"> <g id="close" transform="translate(176.000000, 23.000000)"> <mask id="menuclose-mask-3" fill="white"> <use xlink:href="#menuclose-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/White" mask="url(#menuclose-mask-3)" fill="#FFFFFF" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Rectangle"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </template> <template x-if="!(subMenu != null || currentMenu == 'menu')"> <span class="svg"> <svg width="52px" height="46px" viewBox="0 0 52 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 63.1 (92452) - https://sketch.com --> <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="menu-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M3,18 L21,18 L21,16 L3,16 L3,18 L3,18 Z M3,13 L21,13 L21,11 L3,11 L3,13 L3,13 Z M3,6 L3,8 L21,8 L21,6 L3,6 L3,6 Z" id="menu-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Nav-bar" transform="translate(-162.000000, -5.000000)"> <g id="Group-11" filter="url(#menu-filter-1)"> <g id="menu" transform="translate(176.000000, 23.000000)"> <mask id="menu-mask-3" fill="white"> <use xlink:href="#menu-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/White" mask="url(#menu-mask-3)" fill="#FFFFFF" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Rectangle"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </svg> </span> </template> </span> </a> <a href="#" class="sticky-footer__item" :class="{ 'sticky-footer__item--active': currentMenu === 'search' }" @click="toggle('search')"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="47px" height="47px" viewBox="0 0 47 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 63.1 (92452) - https://sketch.com --> <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="search-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M15.5,14 L14.71,14 L14.43,13.73 C15.41,12.59 16,11.11 16,9.5 C16,5.91 13.09,3 9.5,3 C5.91,3 3,5.91 3,9.5 C3,13.09 5.91,16 9.5,16 C11.11,16 12.59,15.41 13.73,14.43 L14,14.71 L14,15.5 L19,20.49 L20.49,19 L15.5,14 L15.5,14 Z M9.5,14 C7.01,14 5,11.99 5,9.5 C5,7.01 7.01,5 9.5,5 C11.99,5 14,7.01 14,9.5 C14,11.99 11.99,14 9.5,14 L9.5,14 Z" id="search-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-233.000000, 4.000000)"> <g id="Group-11" filter="url(#search-filter-1)"> <g id="Search-Tab" transform="translate(242.000000, 16.000000)"> <g id="search" transform="translate(4.000000, 0.000000)"> <mask id="search-mask-3" fill="white"> <use xlink:href="#search-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#search-mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </span> <span class="sticky-footer__item-label"> Search</span> </a> <a href="#" class="sticky-footer__item" :class="{ 'sticky-footer__item--active': currentMenu === 'location' }" @click="toggle('location')"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="46px" height="50px" viewBox="0 0 46 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 63.1 (92452) - https://sketch.com --> <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="location-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M12,2 C8.13,2 5,5.13 5,9 C5,14.25 12,22 12,22 C12,22 19,14.25 19,9 C19,5.13 15.87,2 12,2 L12,2 Z M12,11.5 C10.62,11.5 9.5,10.38 9.5,9 C9.5,7.62 10.62,6.5 12,6.5 C13.38,6.5 14.5,7.62 14.5,9 C14.5,10.38 13.38,11.5 12,11.5 L12,11.5 Z" id="location-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-308.000000, 5.000000)"> <g id="Group-11" filter="url(#location-filter-1)"> <g id="Location-Tab" transform="translate(309.000000, 16.000000)"> <g id="location_on" transform="translate(10.000000, 0.000000)"> <mask id="location-mask-3" fill="white"> <use xlink:href="#location-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#location-mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </span> <span class="sticky-footer__item-label"> Location </span> </a> </div> </div> <div id="my-visit-container"></div> <script async="async" src="/typo3temp/assets/js/ba19e614c16923a947df5b199324c770.1716585135.js"></script> <script type="text/javascript" src="https://skipto-landmarks-headings.github.io/page-script-5/dist/skipto.min.js"></script> <script type="text/javascript"> var SkipToConfig = { "settings": { "skipTo": { "displayOption": "popup", "headings": "h1, h2.h1-match", "main": "main, [role=main]", "landmarks": "[role=navigation], [role=search]", "customClass": "skip-to-menu", } } }; </script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script type="text/javascript" src="/_assets/16c122cebb6dd10fd754319ee821f8f8/JavaScript/all.1732227885.js"></script> <script type="text/javascript" src="https://js.adsrvr.org/up_loader.1.1.0.js"></script> <script type="text/javascript"> ttd_dom_ready( function() { if (typeof TTDUniversalPixelApi === 'function') { var universalPixelApi = new TTDUniversalPixelApi(); universalPixelApi.init("e4d5x4y", ["ebtbxhy"], "https://insight.adsrvr.org/track/up"); } }); </script> <script type="text/javascript"><!-- Empty tag content --></script></body> </html>