What's Here - Griffin Museum of Science and Industry

<!DOCTYPE html> <html lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <head> <meta charset="utf-8">  <title>What's Here - 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 name="description" content="Learn about the interactive and award-winning exhibits at Griffin MSI. Science comes to life with tours, experiences, giant screen films, and events for all ages."> <meta property="og:title" content="What's Here"> <meta property="og:description" content="Learn about the interactive and award-winning exhibits at Griffin MSI. Science comes to life with tours, experiences, giant screen films, and events for all ages."> <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"> <script src="https://www.msichicago.org/typo3temp/assets/js/b64de852580cd4b1ef076e614c81a936.1718048263.js"></script> <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/explore/whats-here"/> <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: #1F9FD6; --theme-color-2: #001E60; --theme-color-3: #060E2C; --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(0, 30, 96, 0.8); --theme-color-3--alpha-8: rgba(6, 14, 44, 0.8); --theme-color-3--alpha-95: rgba(6, 14, 44, 0.95); --theme-color-3--alpha-0: rgba(6, 14, 44, 0); --theme-color-2-theme-color-1--mix-15: #6b3337; --theme-color-2-theme-color-1--mix-40: #4c2d43; --theme-color-1-white--mix-80: #fe6119; --theme-color-1-white--mix-70: #fe6a26; --theme-color-2-white--mix-50: #3f5687; --theme-color-3-white--mix-50: #444a60; --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: #d7480e; --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: #004bf1; } </style> <style type="text/css"></style> <style type="text/css">.box-teaser.vertical { border: none; }</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 id="f1a" class="interior wide">  <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>  <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>  <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>  <nav class="nav-global" role="navigation"> <ul class="nav-global__list inline-list"> <li class="nav-global__item trigger active"> <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"><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"><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"><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="Explore" href="/explore"><i class="icon icon-arrow-left"></i> <span>Explore</span></a> </div> <div class="share"> </div> </div> </div> </header> </div> <div id="feature" class="row collapse text-light "> <div class="inner-wrap medium-24 columns">  <div id="c3169" 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 bh__bg-image-middle-center " style="background-image: url();" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/7/1/csm_header_plane_e4583badce.jpg 320w, https://www.msichicago.org/fileadmin/assets/_processed_/7/1/csm_header_plane_029ef2808b.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/7/1/csm_header_plane_13925df4aa.jpg 600w, https://www.msichicago.org/fileadmin/assets/general_msi/global_blue_headers/header_plane.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 "><span class="line-wrap"><span class="line">What's Here?</span></span></h1></div></div></div></section></div></div>  </div> </div> <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"> <div class="content-block-1-inner-wrap medium-24 columns">  <div id="c105" class=" "> <div id="filterable-list-plugin" data-filterable-list> <nav aria-label="Filter activities by type, age group and subject"> <form method="post" name="visit" class="filter-container" action="/explore/whats-here?tx_experiences_filterableexperiencelist%5Bcontroller%5D=Experience&cHash=762fe1d8ff39e778301bd2cf882f3cab"> <div> <input type="hidden" name="tx_experiences_filterableexperiencelist[__referrer][@extension]" value="Experiences" /> <input type="hidden" name="tx_experiences_filterableexperiencelist[__referrer][@controller]" value="Experience" /> <input type="hidden" name="tx_experiences_filterableexperiencelist[__referrer][@action]" value="listByFilters" /> <input type="hidden" name="tx_experiences_filterableexperiencelist[__referrer][arguments]" value="YToxOntzOjQ6InR5cGUiO3M6NDoiRmlsbSI7fQ==91232f99a32a273d9a59c71cd8245ccd8e5e0dbf" /> <input type="hidden" name="tx_experiences_filterableexperiencelist[__referrer][@request]" value="{"@extension":"Experiences","@controller":"Experience","@action":"listByFilters"}3c462d0b5d37faefbe29421fb38ab19ebdff02c2" /> <input type="hidden" name="tx_experiences_filterableexperiencelist[__trustedProperties]" value="{"types":[1],"visit":{"types":[1,1,1,1],"ageRanges":[1,1,1,1],"topics":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]},"ageRanges":[1],"topics":[1]}21ea6cb93cbb6f5c5f5cd0494ebee4982afff7f8" /> </div> <span class="filter" data-filter="types"> <a href="#types"><span data-label data-all-label="All Types" data-plural-label="%s Types">All Types</span> <i class="icon small icon-anglebracket-down"></i></a> <div id="filter-types-list" class="dropdown-checklist"> <label class="filter-all-label"> <input type="hidden" name="tx_experiences_filterableexperiencelist[types]" value="" /><input data-update-on-change="1" data-select-all="1" type="checkbox" name="tx_experiences_filterableexperiencelist[types][]" value="" /> All Types </label> <span class="scroll-container"> <label> <input type="hidden" name="tx_experiences_filterableexperiencelist[visit][types]" value="" /><input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][types][]" value="Exhibit" /> Exhibits </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][types][]" value="Film" checked="checked" /> Giant Dome Theater </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][types][]" value="Event" /> Events </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][types][]" value="Tour" /> Tours & Experiences </label> </span> </div> </span> for <span class="filter" data-filter="ages"> <a href="#ages" data-options="is_hover:true;"><span data-label data-all-label="All Ages" data-plural-label="%s Ages">All Ages</span> <i class="icon small icon-anglebracket-down"></i></a> <div id="filter-ages-list" class="dropdown-checklist"> <label class="filter-all-label"> <input type="hidden" name="tx_experiences_filterableexperiencelist[ageRanges]" value="" /><input data-update-on-change="1" data-select-all="1" type="checkbox" name="tx_experiences_filterableexperiencelist[ageRanges][]" value="" checked="checked" /> All Ages </label> <span class="scroll-container"> <label> <input type="hidden" name="tx_experiences_filterableexperiencelist[visit][ageRanges]" value="" /><input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][ageRanges][]" value="3" /> Under 10 </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][ageRanges][]" value="4" /> Ages 10-13 </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][ageRanges][]" value="5" /> Ages 14-17 </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][ageRanges][]" value="6" /> Adults </label> </span> </div> </span> related to <span class="filter" data-filter="subjects"> <a href="#subjects"><span data-label data-all-label="All Subjects" data-plural-label="%s Subjects">All Subjects</span> <i class="icon small icon-anglebracket-down"></i></a> <div id="filter-topics-list" class="dropdown-checklist"> <label class="filter-all-label"> <input type="hidden" name="tx_experiences_filterableexperiencelist[topics]" value="" /><input data-update-on-change="1" data-select-all="1" type="checkbox" name="tx_experiences_filterableexperiencelist[topics][]" value="" checked="checked" /> All Subjects </label> <span class="scroll-container"> <label> <input type="hidden" name="tx_experiences_filterableexperiencelist[visit][topics]" value="" /><input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="1" /> Chemistry </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="2" /> Design </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="3" /> Energy </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="4" /> Engineering </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="5" /> Environmental Science </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="13" /> Health </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="6" /> History </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="7" /> Innovation </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="8" /> Life Sciences </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="9" /> Manufacturing </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="10" /> Math </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="11" /> Physics </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="12" /> Space </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="14" /> Technology </label> <label> <input data-update-on-change="1" type="checkbox" name="tx_experiences_filterableexperiencelist[visit][topics][]" value="15" /> Transportation </label> </span> </div> </span> </form> </nav> <div data-search-results> <ul class="responsive-block-grid-3 teaser-block-grid teaser-medium-rejig"> <li> <div class="box-teaser experience-film" tabindex="0"> <a class="box-teaser-inner-wrap" tabindex="-1" href="/explore/whats-here/giant-dome-theater/antarctica"> <div class="box-teaser-image-wrap"> <img class="box-teaser-image lazyload" alt="Antarctica" src="https://www.msichicago.org/fileadmin/assets/_processed_/1/7/csm_Antarctica_sealpup_4668043493.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/1/7/csm_Antarctica_sealpup_af4375f2b1.jpg" /> </div> <div class="box-teaser-content"> <span class="icon-circle"> <i class="icon icon-film"></i> </span> <h3 class="title"><span class="title-inner-wrap">Antarctica</span></h3> <div class="subtitle">Giant Dome Theater</div> <p class="description">Journey into the wild and awe-inspiring continent at the bottom of the world.</p> <div class="underline-wrap"><div class="link-underline" tabindex="0" aria-label="Learn more about Antarctica">Learn more</div></div> </div> </a> <div class="corner-wrap top right"> <a data-addtovisit-add-uid="601" data-addtovisit-ticketureid="9e73b502-725d-4a79-dac2-b7a15d32a398" class="corner" href="#" aria-label="Add Antarctica to visit"> <i class="icon tiny icon-add"></i> </a> </div> <div class="fade-in"></div> </div> </li> <li> <div class="box-teaser experience-film" tabindex="0"> <a class="box-teaser-inner-wrap" tabindex="-1" href="/explore/whats-here/giant-dome-theater/oceans-our-blue-planet"> <div class="box-teaser-image-wrap"> <img class="box-teaser-image lazyload" alt="Oceans: Our Blue Planet" src="https://www.msichicago.org/fileadmin/assets/_processed_/7/7/csm_OceansOBP_2_255abf273e.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/7/7/csm_OceansOBP_2_f0594f214b.jpg" /> </div> <div class="box-teaser-content"> <span class="icon-circle"> <i class="icon icon-film"></i> </span> <h3 class="title"><span class="title-inner-wrap">Oceans: Our Blue Planet</span></h3> <div class="subtitle">Giant Dome Theater</div> <p class="description">Discover the oceans' most astonishing creatures.</p> <div class="underline-wrap"><div class="link-underline" tabindex="0" aria-label="Learn more about Oceans: Our Blue Planet">Learn more</div></div> </div> </a> <div class="corner-wrap top right"> <a data-addtovisit-add-uid="478" data-addtovisit-ticketureid="71804211-9d65-609a-fa3c-494a98eedaba" class="corner" href="#" aria-label="Add Oceans: Our Blue Planet to visit"> <i class="icon tiny icon-add"></i> </a> </div> <div class="fade-in"></div> </div> </li> <li> <div class="box-teaser experience-film" tabindex="0"> <a class="box-teaser-inner-wrap" tabindex="-1" href="/explore/whats-here/giant-dome-theater/space-the-new-frontier"> <div class="box-teaser-image-wrap"> <img class="box-teaser-image lazyload" alt="Space: The New Frontier" src="https://www.msichicago.org/fileadmin/assets/_processed_/f/a/csm_SPACETHENEWFRONTIER_Still056_836f5fcfba.png" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/f/a/csm_SPACETHENEWFRONTIER_Still056_5e8b486fb6.png" /> </div> <div class="box-teaser-content"> <span class="icon-circle"> <i class="icon icon-film"></i> </span> <h3 class="title"><span class="title-inner-wrap">Space: The New Frontier</span></h3> <div class="subtitle">Giant Dome Theater</div> <p class="description">Journey into the not-so-distant future of spaceflight.</p> <div class="underline-wrap"><div class="link-underline" tabindex="0" aria-label="Learn more about Space: The New Frontier">Learn more</div></div> </div> </a> <div class="corner-wrap top right"> <a data-addtovisit-add-uid="656" data-addtovisit-ticketureid="" class="corner" href="#" aria-label="Add Space: The New Frontier to visit"> <i class="icon tiny icon-add"></i> </a> </div> <div class="fade-in"></div> </div> </li> </ul> </div> </div> </div>  </div> </main> </div> </div> </div> <footer id="footer"> <div class="newsletter-social-wrap row"> <div class="large-24 columns">  <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> </div> <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> <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> <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> <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> 4:00 </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> </div> <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> <div class="xlarge-8 large-pull-10 large-24 columns copyright"> <span>© 2024 Kenneth C. Griffin Museum of Science and Industry</span> </div> <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> </div> </footer> </div> <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">  <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"><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"><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"><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">  <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">  <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">  <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">  <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">  <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">  <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 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"></script></body> </html>

CINXE.COM

What's Here - Griffin Museum of Science and Industry