Getting 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>Getting 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="Plan your next visit with information on parking and directions. The Museum is located in Chicago’s beautiful Hyde Park neighborhood and is easily accessible by car, bus or train."> <meta property="og:title" content="Getting Here"> <meta property="og:description" content="Plan your next visit with information on parking and directions. The Museum is located in Chicago’s beautiful Hyde Park neighborhood and is easily accessible by car, bus or train."> <meta property="og:image" content="https://www.msichicago.org/fileadmin/assets/user_upload/train_rta.gif"> <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/visit/getting-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: #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"></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="f2a" class="interior">  <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 "> <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 active"> <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="Visit" href="/visit"><i class="icon icon-arrow-left"></i> <span>Visit</span></a> </div> <div class="share"> </div> </div> </div> </header> </div> <div id="feature" class="row collapse text-light feature-footer-active"> <div class="inner-wrap medium-24 columns">  <div id="c3835" 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_/a/f/csm_header_exterior_southportico_66cad9f038.jpg 320w, https://www.msichicago.org/fileadmin/assets/_processed_/a/f/csm_header_exterior_southportico_eb19d9a86f.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/a/f/csm_header_exterior_southportico_7462fcc9c7.jpg 600w, https://www.msichicago.org/fileadmin/assets/general_msi/global_blue_headers/header_exterior_southportico.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">Getting Here</span></span></h1></div></div></div></section></div></div>  <div class="feature-footer no-hours"> <div class="inner-wrap"> <div class="feature-footer__info"> </div> <div class="feature-footer__button"> <a href="/buy-tickets/" target="_blank" class="tickets-button button button-table large"><span class="first-icon-cell"><i class="icon icon-ticket"></i></span><span class="text-cell">Buy tickets</span><span class="last-icon-cell"><i class="icon icon-anglebracket-right"></i></span></a> </div> </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"> <nav aria-label="Pages related to Visit" class="local-menu" id="local-menu"> <a class="active parent-item-menu" href="/visit"><h3>Visit</h3></a> <span class="current-page-title">Getting Here</span> <span class="nav-button" id="local-menu-button"><i class="icon icon-anglebracket-down"></i></span>  <ul class="level-1"> <li class="level-1-item "> <a href="/visit/know-before-you-go">Know Before You Go</a> </li> <li class="level-1-item "> <a href="/visit/museum-hours">Museum Hours</a> </li> <li class="level-1-item "> <a href="/visit/tickets">Tickets</a> </li> <li class="level-1-item current"> <span class="indicator"></span> <a class="active current" href="/visit/getting-here">Getting Here</a> </li> <li class="level-1-item "> <a href="/visit/museum-map">Museum Map</a> </li> <li class="level-1-item "> <a href="/visit/accessibility">Accessibility</a> </li> <li class="level-1-item "> <a href="/visit/amenities">Amenities</a> </li> <li class="level-1-item "> <a href="/visit/groups-and-field-trips">Groups and Field Trips</a> </li> <li class="level-1-item "> <a href="/visit/private-events">Private Events</a> </li> <li class="level-1-item "> <a href="/visit/gift-card">Gift Card</a> </li> <li class="level-1-item "> <a href="/visit/visiting-chicago">Visiting Chicago</a> </li> <li class="level-1-item "> <a href="/visit/faq">FAQ</a> </li> </ul> </nav>  <section id="c3836" 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 "> <p class="feature-text">The Griffin Museum of Science and Industry is located in the beautiful Hyde Park neighborhood, just steps away from Lake Michigan and minutes from downtown Chicago.</p> </div> </section> <div id="c11462" class=" "></div> <section id="c51234" class="msi-tabs ce-margin-top-0 ce-margin-bottom-0"><div class="scroll-container"><ul class="tabs" data-tab><li class="tab-title active"><a href="#c51234__panel-1">By car</a></li><li class="tab-title "><a href="#c51234__panel-2">By public transit</a></li><li class="tab-title "><a href="#c51234__panel-3">By bike</a></li></ul></div><div class="tabs-content"><div id="c51234__panel-1" class="content active"><section id="c51232" 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 "><div class="headline-group "><h2 class="title">By car</h2></div><p>Forget about the weather! Parking is easy in our convenient underground garage. The entrance is located at the northwest corner of our building, at <a href="https://goo.gl/maps/q6i3fZu2Ztn" target="_blank" class="external-link-new-window" rel="noreferrer">E. 57th Street and S. Cornell Ave</a>. </p><p class="small"><em>Please note: The Griffin MSI underground garage is the only Museum-owned parking for guests. The metered self-parking east and south of the Museum building on Columbia Drive are managed by Standard Parking (312-742-7667) who should be contacted with questions or concerns about these lots</em><em>.</em></p></div></section><section id="c56846" 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 "><div class="headline-group "><h3 class="title">Parking</h3></div><table class="contenttable"><thead><tr><th scope="col" class="align-left">Parking</th><th scope="col">Per vehicle</th></tr></thead><tbody><tr><td>General Public</td><td>$22</td></tr><tr><td><a href="/support/membership/membership-levels" class="internal-link">Member – Individual</a></td><td>$22</td></tr><tr><td><a href="/support/membership/membership-levels" class="internal-link">Member<sup>1</sup> – Dual</a></td><td>$14</td></tr><tr><td><a href="/support/membership/membership-levels" class="internal-link">Member<sup>1</sup> – Family</a></td><td>FREE</td></tr></tbody></table><p class="small"><strong>Garage height clearance</strong></p><ul class="small"><li>Blue (D) section: Initial 8'2" reduces to 7'2". (Check signs.) </li><li>All other sections: 6'6".</li></ul><p class="small">Oversized vehicle and van-accessible parking: Use Blue (D) section.<br>Accessible parking spaces are located in all garage sections. More on <a href="/visit/accessibility" class="internal-link">Accessibility at the Museum</a>.</p><p class="small"><strong>Members</strong></p><p class="small">Scan your membership card (digital or physical) to enter and exit the garage, and to receive your membership level's parking rate at pay stations. No additional validation required. <a href="/support/membership/member-news/park-like-a-member" class="internal-link">Learn more</a></p><p class="small-note"><sup>1</sup> One car per membership per visit.<br>Garage is open until one hour after the Museum closes (<a href="/visit/museum-hours" class="internal-link">see hours</a>). For motor coach and bus parking information, <a href="/visit/groups-and-field-trips/group-planners/pricing-and-information#c4243">click here</a>. Motorcycle parking is not permitted. <br>The only Museum-owned garage is the underground garage. The east lot is owned by the City of Chicago. <a href="https://parking.com/national/parking-near/41.7901948/-87.5822611/?lot_id=20150&showListOnly=1&view=daily&sw=41.781152067051124,-87.59353895279783&ne=41.79726377314128,-87.5576956619485&facility&valet&general=&displayFullCity=0&start=2022-03-28T11%3A30&stop=2022-03-28T12%3A00" target="_blank" class="external-link-new-window" rel="noreferrer">Visit the Standard Parking website</a> or call 312-742-7667 if you have questions about the east lot.</p></div></section></div><div id="c51234__panel-2" class="content "><section id="c51223" 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 "><div class="headline-group "><h2 class="title">By bus</h2></div><p>From downtown Chicago, here's how to reach the Museum by CTA bus.</p></div></section><section id="c51224" class="box-module basic bm__horizontal ce-margin-top-0 ce-margin-bottom-0 "><div class="bm__content-wrap"><div data-mh="mh__headline-group" class="mh__headline-group"><div class="headline-group "><h4 class="title"><a href="http://www.transitchicago.com/bus/2/" target="_blank" rel="noreferrer">#2 – Hyde Park Express</a></h4></div></div><div class="bm__teaser-module-content rte-content rte-text-medium" data-mh="mh__group"><p>This bus stops at 57th Street and Stony Island, one block west of the Museum. The #2 runs during morning and evening rush hour.</p><p><a href="http://www.transitchicago.com/bus/2/" target="_blank" class="arrow-link" rel="noreferrer">More information</a></p></div><footer class="bm__footer "></footer></div></section><section id="c51225" class="box-module basic bm__horizontal ce-margin-top-0 ce-margin-bottom-0 "><div class="bm__content-wrap"><div data-mh="mh__headline-group" class="mh__headline-group"><div class="headline-group "><h4 class="title"><a href="http://www.transitchicago.com/bus/6/" target="_blank" rel="noreferrer">#6 – Jackson Park Express</a></h4></div></div><div class="bm__teaser-module-content rte-content rte-text-medium" data-mh="mh__group"><p>This bus stops at 56th Street and Hyde Park Boulevard, one block north of the Museum.</p><p><a href="http://www.transitchicago.com/bus/6/" target="_blank" class="arrow-link" rel="noreferrer">More information</a></p></div><footer class="bm__footer "></footer></div></section><section id="c51227" 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 "><div class="headline-group "><h2 class="title">By train</h2></div></div></section><section id="c51228" 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 "><div class="headline-group "><h3 class="title">Metra</h3></div><p>Metra <a href="https://metrarail.com/maps-schedules/train-lines/ME" target="_blank" rel="noreferrer">Electric Line</a> trains to and from downtown Chicago stop at the 55th/56th/57th Street station, just two blocks from the Museum's north entrance. (Turn left as you exit the station.) For travel to and from Indiana, <a href="http://www.nictd.com/" target="_blank" rel="noreferrer">South Shore Line</a> trains also stop at the 57th Street station.</p></div></section><section id="c51229" 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 x-small "><div class="tai__image-group single-image"><img src="" data-srcset=" https://www.msichicago.org/fileadmin/assets/_processed_/6/b/csm_train_rta_b857478328.gif 150w, https://www.msichicago.org/fileadmin/assets/_processed_/6/b/csm_train_rta_9b5d213cc0.gif 240w, https://www.msichicago.org/fileadmin/assets/_processed_/6/b/csm_train_rta_2e0e205b93.gif 320w, https://www.msichicago.org/fileadmin/assets/_processed_/6/b/csm_train_rta_cdf7d9a507.gif 480w" data-sizes="(max-width: 30em) 100vw, 15vw" alt="Regional Transportation Authority logo on blue background" title="" class="lazyload" /></div></div><div class="ce-content rte-content rte-text-medium "><p><span style="font-size: 1.125rem; line-height: 2rem;">Use the <a href="http://www.rtachicago.com/" target="_blank" rel="noreferrer">RTA Trip Planner</a> or call (312) 836-7000 for specific directions from your location.</span></p></div></section><section id="c51230" 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 "><div class="headline-group "><h3 class="title">CTA</h3></div><p>Red or Green Line to Garfield, then transfer to 55 Garfield bus eastbound. </p><p>Transferring downtown to a CTA bus (see above) or the Metra Electric Line may be more direct, depending on your route.<em></em> Suggested transfers: </p><ul><li>Buses on State Street: Jackson <em>(Red or Blue Line)</em>, State/Lake <em>(Green Line)</em> or Library <em>(Brown, Orange, Pink, Purple Lines)</em></li><li>Metra Electric Line: State/Lake <em>(Brown, Orange, Pink, Purple, Green Lines)</em> or Lake <em>(Red Line)<br></em></li></ul></div></section><section id="c51231" 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 x-small "><div class="tai__image-group single-image"><img src="" data-srcset=" https://www.msichicago.org/fileadmin/assets/_processed_/5/4/csm_train_cta_2549f3141a.gif 150w, https://www.msichicago.org/fileadmin/assets/_processed_/5/4/csm_train_cta_847f94c56d.gif 240w, https://www.msichicago.org/fileadmin/assets/_processed_/5/4/csm_train_cta_eb48b6e9ff.gif 320w, https://www.msichicago.org/fileadmin/assets/_processed_/5/4/csm_train_cta_ae019e5344.gif 480w" data-sizes="(max-width: 30em) 100vw, 15vw" alt="Chicago Transit Authority logo on blue background" title="" class="lazyload" /></div></div><div class="ce-content rte-content rte-text-medium "><p>Visit the <a href="http://www.transitchicago.com/" target="_blank" rel="noreferrer">CTA site</a> or call (888) YOUR-CTA for bus and train schedules for Chicago and over 40 suburban locations.</p></div></section></div><div id="c51234__panel-3" class="content "><section id="c51221" 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 "><div class="headline-group "><h2 class="title">By bike</h2></div><p>The Museum is easily reached by bike on the beautiful lakefront path, just across DuSable Lake Shore Drive from the Museum. (From downtown, the ride is approximately eight miles.) Just north of 57th Street, follow the ramp down into the underpass below DuSable Lake Shore Drive, then left into the underpass below 57th Street. The Museum's main entrance will be ahead and to your right. Bike racks are available on either side of the main entrance. </p><p>To find other routes, find your starting point on the <a href="http://chicagocompletestreets.org/resources/cycling/" target="_blank" class="external-link-new-window" rel="noreferrer">City of Chicago's bike map</a>. </p><h3>Divvy</h3><p>One bike option great for both Chicagoans and visitors is <a href="http://www.divvybikes.com/" target="_blank" rel="noreferrer">Divvy</a>, Chicago's bike sharing system. Divvy offers both annual memberships and 24-hour passes for unlimited 30-minute bike trips. Just unlock a Divvy bike at the station nearest you, then dock it at the Divvy station just outside the main entrance to Griffin MSI. (For lakefront riders who want some extra time getting here from downtown, the 31st Street Divvy station is a convenient point for docking and undocking your bike to restart the 30-minute timer.)</p></div></section><section id="c51222" 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 x-small "><div class="tai__image-group single-image"><a href="http://www.divvybikes.com/" target="_blank" rel="noreferrer" class="lazyload-child"><img src="" data-srcset=" https://www.msichicago.org/fileadmin/assets/_processed_/c/4/csm_Divvy_b0048a61ce.png 150w, https://www.msichicago.org/fileadmin/assets/_processed_/c/4/csm_Divvy_ead6f425ef.png 240w, https://www.msichicago.org/fileadmin/assets/_processed_/c/4/csm_Divvy_1828f053f2.png 320w, https://www.msichicago.org/fileadmin/assets/_processed_/c/4/csm_Divvy_bc77f93b5a.png 480w" data-sizes="(max-width: 30em) 100vw, 15vw" alt="Divvy logo on blue background " title="" class="lazyload" /></a></div></div><div class="ce-content rte-content rte-text-medium "><p><span style="font-size: 18px; line-height: 32px; ">For more information, visit the </span><span style="color: rgb(42, 169, 224); font-size: 18px; line-height: 32px; "><a href="http://www.divvybikes.com/" target="_blank" rel="noreferrer">Divvy site</a></span><span style="font-size: 18px; line-height: 32px; ">.</span></p></div></section></div></div></section> <div id="c4770" class=" "><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2974.751142174878!2d-87.58525994826634!3d41.79057657876248!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880e290a6001df1d%3A0xfcc2caa7317e306!2sMuseum+of+Science+and+Industry%2C+Chicago!5e0!3m2!1sen!2sus!4v1450248937073" width="580" height="400" frameborder="0" style="border:0" allowfullscreen></iframe></div>  </main> <div id="sidebar"> <nav aria-label="Pages related to Visit" class="local-menu" id="local-menu"> <a class="active parent-item-menu" href="/visit"><h3>Visit</h3></a> <span class="current-page-title">Getting Here</span> <span class="nav-button" id="local-menu-button"><i class="icon icon-anglebracket-down"></i></span>  <ul class="level-1"> <li class="level-1-item "> <a href="/visit/know-before-you-go">Know Before You Go</a> </li> <li class="level-1-item "> <a href="/visit/museum-hours">Museum Hours</a> </li> <li class="level-1-item "> <a href="/visit/tickets">Tickets</a> </li> <li class="level-1-item current"> <span class="indicator"></span> <a class="active current" href="/visit/getting-here">Getting Here</a> </li> <li class="level-1-item "> <a href="/visit/museum-map">Museum Map</a> </li> <li class="level-1-item "> <a href="/visit/accessibility">Accessibility</a> </li> <li class="level-1-item "> <a href="/visit/amenities">Amenities</a> </li> <li class="level-1-item "> <a href="/visit/groups-and-field-trips">Groups and Field Trips</a> </li> <li class="level-1-item "> <a href="/visit/private-events">Private Events</a> </li> <li class="level-1-item "> <a href="/visit/gift-card">Gift Card</a> </li> <li class="level-1-item "> <a href="/visit/visiting-chicago">Visiting Chicago</a> </li> <li class="level-1-item "> <a href="/visit/faq">FAQ</a> </li> </ul> </nav>  <div id="c4773" class=" "><a href="/visit/tickets" class="button button-table large expand"><span class="first-icon-cell"><i class="icon icon-ticket"></i></span><span class="text-cell">Buy tickets</span><span class="last-icon-cell"><i class="icon tiny icon-anglebracket-right"></i></span></a><section id="c4754" 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 "><p class="small-note"> Tickets are available to purchase online, by phone at (773) 684-1414, and at Museum ticket counters.</p></div></section></div> <section id="c9890" class="box-module basic bm__vertical ce-margin-top-1050 ce-margin-bottom-0 "><div class="bm__image-wrap"><a href="https://www.citypass.com/chicago?mv_source=scienceindustry&campaign=sidebar-gettinghere" target="_blank" title="Learn more" rel="noreferrer"><img data-srcset=" https://www.msichicago.org/fileadmin/assets/_processed_/b/1/csm_chi-citypass-mobile_6215baf8df.png 48w, https://www.msichicago.org/fileadmin/assets/_processed_/b/1/csm_chi-citypass-mobile_430afe6dd2.png 100w, https://www.msichicago.org/fileadmin/assets/_processed_/b/1/csm_chi-citypass-mobile_50458106d2.png 240w, https://www.msichicago.org/fileadmin/assets/_processed_/b/1/csm_chi-citypass-mobile_77a6532f81.png 480w, https://www.msichicago.org/fileadmin/assets/_processed_/b/1/csm_chi-citypass-mobile_e4fa1b84aa.png 600w, https://www.msichicago.org/fileadmin/assets/_processed_/b/1/csm_chi-citypass-mobile_0d37fcebae.png 768w, https://www.msichicago.org/fileadmin/assets/_processed_/b/1/csm_chi-citypass-mobile_14b9dd4f9a.png 960w" data-sizes="auto" class="bm__image lazyload" /></a></div><div class="bm__content-wrap"><div data-mh="mh__headline-group" class="mh__headline-group"><div class="headline-group "><h3 class="title"><a href="https://www.citypass.com/chicago?mv_source=scienceindustry&campaign=sidebar-gettinghere" target="_blank" rel="noreferrer">Spend less, experience more.</a></h3></div></div><div class="bm__teaser-module-content rte-content rte-text-small" data-mh="mh__group"><p>CityPASS® tickets save 48% off admission to Chicago’s top 5 attractions—including Griffin MSI. Visit the attractions at your own pace, in any order, over a 9-day period. Get instant, paperless mobile delivery.</p></div><footer class="bm__footer align-left"><a href="https://www.citypass.com/chicago?mv_source=scienceindustry&campaign=sidebar-gettinghere" target="_blank" title="Learn more" rel="noreferrer" class="arrow-link">Learn more</a></footer></div></section>  </div> </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

Getting Here - Griffin Museum of Science and Industry