html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}@font-face{font-family:"Roboto Slab";font-style:normal;font-weight:400;src:url(94b481530c9683aa637d.eot);src:local(""),url(94b481530c9683aa637d.eot?#iefix) format("embedded-opentype"),url(86b711159e092f168695.woff2) format("woff2"),url(50c1d19b8d43c99295fb.woff) format("woff"),url(a2be06b84bf2598e3cf6.ttf) format("truetype"),url(8441fd5b5a7b9dcd3776.svg#RobotoSlab) format("svg")}html{font-family:"Roboto Slab",serif;font-size:16px;width:100%;height:100%}body{color:#ccc;background:#333}body,.wrapper{position:relative;display:block;width:100%;height:100%;padding:0}.content{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer"}.content header{grid-area:header}.content main{grid-area:main}.content footer{grid-area:footer}.content header .container,.content footer .container{min-height:50px}.content.overview{min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}.content.overview header .container,.content.overview main .container,.content.overview footer .container{position:relative;display:block;width:100%;margin:0 auto;padding:0 15px}@media screen and (min-width: 768px){.content.overview header .container,.content.overview main .container,.content.overview footer .container{max-width:750px;padding:0}}@media screen and (min-width: 992px){.content.overview header .container,.content.overview main .container,.content.overview footer .container{max-width:970px}}@media screen and (min-width: 1200px){.content.overview header .container,.content.overview main .container,.content.overview footer .container{max-width:1170px}}.content.overview footer .container{border-top:1px solid;display:flex;align-items:center;justify-content:center}.content.overview main .container ul{position:relative;display:grid;grid-template-columns:repeat(auto-fit, minmax(224px, 1fr));grid-gap:24px;padding:0 0 24px}.content.overview main .container ul li{display:block}.content.overview main .container ul li button{display:block;width:100%;appearance:none;display:block;border:none;background:#fff;padding:4px;cursor:pointer}.content.overview main .container ul li button>img{display:block;width:100%;height:auto}.content.gallery{height:100vh;height:calc(var(--vh, 1vh)*100)}.content.gallery header .container,.content.gallery main .container,.content.gallery footer .container{position:relative;display:flex;width:100%;max-width:none}.content.gallery header .container,.content.gallery footer .container{justify-content:center;align-items:center;min-height:50px}.content.gallery main .container{display:flex;justify-content:center;align-items:center;height:100%}.content.gallery main .container button{flex:none}.content.gallery main .container button.btn{width:50px;height:100%}.content.gallery main .container button.btn>span>svg{width:40%}@media screen and (max-width: 480px){.content.gallery header h1{font-size:.875rem;padding-right:20px}.content.gallery header .controls{position:relative;top:auto;transform:none;margin-left:auto;flex:none}.content.gallery header .container{justify-content:flex-start;padding-left:15px}.content.gallery main .container button.btn{position:absolute;z-index:10;top:0;bottom:0;opacity:1}.content.gallery main .container button.btn>span>svg{filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5))}.content.gallery main .container button.btn>span>svg path{fill:#ddd}.content.gallery main .container button.btn.left{left:0}.content.gallery main .container button.btn.right{right:0}.content.gallery main .container .exhibit{background-size:cover !important;height:100% !important}.content.gallery footer p{font-size:.75rem}}button.btn{appearance:none;background:none;display:block;padding:0;border:none;cursor:pointer;opacity:.33}button.btn:hover,button.btn:focus{opacity:1}button.btn>span{display:flex;width:100%;height:100%;justify-content:center;align-items:center}button.btn>span>svg{width:50%;height:auto}button.btn>span>svg path{fill:#ccc}header{position:relative;display:block}header h1{font-size:1.3125rem;padding:10px 0}header button.btn{width:40px;height:40px}header button.btn>span>svg{width:40%}header .controls{position:absolute;display:block;top:50%;transform:translateY(-50%);right:5px}header .controls>*{display:inline-block}footer{position:relative;display:block;margin:auto 0 0}footer p{font-size:.875rem;text-align:center}footer .container{padding:8px 15px}.exhibit{display:flex;justify-content:center;align-items:center;flex:1;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;transition:opacity 750ms ease-in-out}@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.preloader{width:40px;height:40px;opacity:.33}.preloader>span{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.preloader>span>svg{display:block;width:40%;height:auto;animation:rotating 2s linear infinite}.preloader>span>svg path{fill:#ccc}.fade-appear{opacity:0}.fade-appear-active{opacity:1}.fade-appear-done{opacity:1}.fade-enter{opacity:0}.fade-enter-active{opacity:1}.fade-enter-done{opacity:1}.fade-exit{opacity:1}.fade-exit-active{opacity:0}.fade-exit-done{opacity:0}
