.hero{margin:34px 0 0;position:relative;overflow:hidden}.hero picture{z-index:-1}.hero picture source{width:100vw;object-fit:cover;position:absolute}.hero.articledetail{max-height:150px}.hero.homepage{max-height:125px}.hero.homepage picture{position:inherit;bottom:25px}.hero.homepage .herotext h2{color:#001e31}.hero.shopfront{min-height:100px;max-height:115px}.hero.gallery,.hero.timeline{height:180px}.hero.gallery picture,.hero.timeline picture{position:absolute;bottom:0}.hero.gallery .herotext h2,.hero.timeline .herotext h2{font-size:large;color:#001e31}.hero .headlinebox{position:absolute;top:0;right:0;width:50%;height:inherit}.hero .headlinebox.timeline{height:100%}.hero .herotext{position:absolute;background-color:#ffffffaa;text-align:right;top:1.5em;right:1em;padding:10px}.hero .herotext h1,.hero .herotext h2{font-family:arial;font-size:small;font-weight:700;color:#25a7d9;width:inherit}.hero .herotext.gallery,.hero .herotext.timeline{margin-right:10%;margin-left:10%;width:80%;right:0;top:.5em}.hero .herotext.gallery .popular-searches,.hero .herotext.timeline .popular-searches{text-align:center;width:100%;font-size:small}.hero .cta{background-color:#ff9b00;padding:.25em;margin:0 0 1em;display:inline-block;font-size:x-small;font-weight:700;color:#fff;max-width:135px}.hero .cta.secondary{background-color:#25a7d9}.hero #timeline-search{width:100%;text-align:center}.hero #timeline-search input[type=search]{width:85%}.hero #timeline-search input[type=submit]{font-size:small}@media (min-width:361px){.hero.homepage picture{bottom:100px}}@media (min-width:500px){.hero picture{min-height:200px}.hero.shopfront picture{min-height:150px}.hero h1,.hero h2{font-size:large}.hero .herotext.gallery,.hero .herotext.timeline{top:1.5em}}@media (min-width:550px){.hero picture{min-height:200px}.hero.homepage{max-height:200px}.hero.homepage picture{bottom:150px}.hero.articledetail,.hero.shopfront{max-height:150px}.hero .headlinebox{width:50%}.hero .herotext{padding:5px}.hero .herotext h1,.hero .herotext h2{font-size:x-large}.hero .cta{font-size:small;margin:.25em 0;padding:.25em}}@media (min-width:769px){.hero .headlinebox{width:30%}.hero.homepage picture{bottom:230px}.hero.gallery,.hero.timeline{height:150px}.hero .herotext.gallery .popular-searches,.hero .herotext.timeline .popular-searches{font-size:14px;padding:.5em}}@media (min-width:1000px){.hero{margin:0;min-height:200px}.hero.articledetail .headlinebox{width:50%}.hero.shopfront{max-height:250px}.hero.shopfront picture{min-height:250px}.hero.homepage{min-height:300px}.hero.articledetail picture{min-height:250px}.hero .herotext{top:3.5em}.hero .herotext h1,.hero .herotext h2{font-size:250%}.hero .cta{font-size:large;max-width:250px}.hero.gallery,.hero.timeline{height:180px}.hero .herotext.gallery,.hero .herotext.timeline{margin-right:10%;margin-left:10%;top:3em;width:80%}.hero .herotext.gallery h1,.hero .herotext.gallery h2,.hero .herotext.timeline h1,.hero .herotext.timeline h2{font-size:xx-large}.hero .herotext.gallery .popular-searches,.hero .herotext.timeline .popular-searches{font-size:16px;padding:.5em}.hero #timeline-search input[type=search]{margin-right:1em;font-size:1em}.hero #timeline-search input[type=submit]{font-size:16px}}@media (min-width:1025px){.hero.articledetail .headlinebox{width:40%}.hero.homepage picture{bottom:320px}.hero.gallery .herotext.gallery,.hero.gallery .herotext.timeline,.hero.timeline .herotext.gallery,.hero.timeline .herotext.timeline{margin-right:10%;margin-left:10%;width:80%}}@media (min-width:1500px){.hero.homepage picture{bottom:550px}.hero.articledetail .headlinebox{width:40%}.hero.articledetail{max-height:250px}.hero.articledetail picture{min-height:250px}.hero.shopfront picture{max-height:300px}.hero .herotext.gallery,.hero .herotext.timeline{margin-right:25%;margin-left:25%;width:50%}.hero.gallery,.hero.timeline{min-height:200px;max-height:205px}}@media (min-width:1921px){.hero{min-height:200px}}