body{margin:0;font-family:'Gothic A1',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:24px;background-color:#000;color:#fff;}code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace;}.main-nav{position:fixed;top:0;width:100%;transition:background .3s ease;background:linear-gradient(180deg,#000,transparent);background-color:#000;z-index:1;}nav{display:flex;align-items:center;position:relative;background-color:#000;padding:1rem 0;}nav .main-logo{margin-left:1em;z-index:5;}nav .main-logo a{display:flex;justify-content:center;align-items:center;}nav .main-logo a img{width:100%;max-width:200px;}nav ul{display:flex;column-gap:2rem;padding:0;list-style:none;justify-content:flex-end;flex:1 1 auto;margin:0 2rem;}nav ul a{font-weight:bold;text-transform:uppercase;color:#fff;transition:all .3s ease;text-decoration:none;position:relative;vertical-align:text-top;}nav ul a:hover{color:#d9d9d9;}nav ul a.active:after{content:"";height:2px;width:85%;position:absolute;bottom:-.5rem;margin:0 auto;background-color:#fff;left:50%;transform:translateX(-50%);}nav ul.showHideMenu{display:flex;}picture{height:auto;display:grid;}.header-image{position:relative;display:flex;justify-content:center;}.header-image img{max-width:100%;}.header-image h1{position:absolute;bottom:4em;width:80%;margin:0 auto;text-align:center;color:#fff;font-size:3em;font-weight:lighter;text-shadow:2px 2px 4px rgba(0,0,0,.55);font-weight:300;}.header-image video{width:100%;height:100%;}.heading{line-height:4rem;}.main-content{min-height:30vh;}.container{width:900px;max-width:80vw;margin:0 auto;}.container .umb-block-list{margin:2em 0 4.5em 0;}footer{font-size:1.5em;margin:0;padding:4rem 0;background-color:#000;color:#fff;}.hamburgerContainer{position:absolute;right:20px;top:27px;width:60px;height:50px;background-color:#000;display:none;z-index:10;}#menuIcon{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}#menuIcon span{display:block;height:5px;width:100%;background:#fff;border-radius:10px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}#menuIcon span:nth-child(1){top:0;}#menuIcon span:nth-child(2),#menuIcon span:nth-child(3){top:12px;}#menuIcon span:nth-child(4){top:24px;}#menuIcon.open span:nth-child(1){top:12px;width:0%;left:50%;}#menuIcon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}#menuIcon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}#menuIcon.open span:nth-child(4){top:18px;width:0%;left:50%;}#menuIcon{width:40px;height:30px;margin:12px 10px 7px 10px;}#menuIcon span{display:block;position:absolute;height:3px;width:100%;background-color:#fff;}.purpelHeaderArticle #menuIcon span,.purpelHeader #menuIcon span{background-color:#fff;}.whiteHeader #menuIcon span{background-color:#fff;}#menuIcon span:nth-child(1){top:2px;}#menuIcon span:nth-child(2),#menuIcon span:nth-child(3){top:11px;}#menuIcon span:nth-child(4){top:20px;}@media only screen and (max-width:800px){.hamburgerContainer{display:block;}nav ul{display:block;background-color:#000;padding:100px 25px 35px 35px;position:absolute;top:0;left:0;right:0;z-index:2;margin:0;}nav ul li{margin:6px 0;}nav ul.showHideMenu{display:none;}nav .main-logo{margin-left:20px;}nav .main-logo a{display:block;justify-content:left;align-items:flex-start;}nav .main-logo a img{max-width:35%;}}@media only screen and (max-width:600px){.header-image h1{top:4em;bottom:initial;font-size:1.7em;}.header-image video{width:100%;height:100%;}.heading{line-height:4rem;}.header-image{margin-top:20vh;}footer{font-size:1.5em;padding:2rem 0;}}@media only screen and (max-width:420px){nav .main-logo a img{max-width:50%;}footer{font-size:1.2em;padding:4rem 0;}}