.dummy{position: fixed; top: -8000px; left: 0px; width: 100%; background: rgba(0,0,0,0.65); padding-top: 32px; z-index: 99999; font-size:14px;}
.dummy__item{margin:1em 1.25em;height:3em;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1); text-align: center;}


.dummy__item a{color: #fff; display: block;}
.dummy__item{-webkit-transform:translate3d(-100%,0,0) translate3d(-2em,0,0) scale3d(.5,1,1);transform:translate3d(-100%,0,0) translate3d(-2em,0,0) scale3d(.5,1,1);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
.device--alt .dummy__item{-webkit-transform:translate3d(0,260px,0) scale3d(1,.2,1);transform:translate3d(0,260px,0) scale3d(1,.2,1)}
.dummy--active{top: 59px; height:2000px;}
.dummy--active .dummy__item{-webkit-transition-timing-function:cubic-bezier(.56,1.19,.2,1.05);transition-timing-function:cubic-bezier(.56,1.19,.2,1.05);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.dummy--active .dummy__item:first-child,.dummy__item:nth-child(4){-webkit-transition-delay:50ms;transition-delay:50ms}
.dummy--active .dummy__item:nth-child(2),.dummy__item:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}
.dummy--active .dummy__item:nth-child(3),.dummy__item:nth-child(2){-webkit-transition-delay:.15s;transition-delay:.15s}
.dummy--active .dummy__item:nth-child(4),.dummy__item:first-child{-webkit-transition-delay:.2s;transition-delay:.2s}
.dummy--active .dummy__item:nth-child(5),.dummy__item:first-child{-webkit-transition-delay:.25s;transition-delay:.25s}
.dummy--active .dummy__item:nth-child(6),.dummy__item:first-child{-webkit-transition-delay:.3s;transition-delay:.3s}
.dummy--active .dummy__item:nth-child(7),.dummy__item:first-child{-webkit-transition-delay:.35s;transition-delay:.35s}
.content--related{padding:4em 1em 2em;background:#373752;color:#76768E;text-align:center;font-weight:700}
.content--related h3{margin:0 0 7em}
.media-item{display:inline-block;padding:1em;vertical-align:top;-webkit-transition:color .3s;transition:color .3s}
.media-item__img{max-width:100%;opacity:.3;-webkit-transition:opacity .3s;transition:opacity .3s}
.media-item:focus .media-item__img,.media-item:hover .media-item__img{opacity:1}
.media-item__title{margin:0;padding:.5em;font-size:1em}
@media screen and (max-width:50em){
	.device{width:100%;height:auto;background-image:none}
	.device__screen{margin:0;border-radius:0}
}
.menu-icon-wrapper{position:relative;width:34px;height:34px;pointer-events:none;transition:.1s; float:right; margin-top: 0px; margin-right: 20px;}
.menu-icon-wrapper.scaled{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
.menu-icon-wrapper svg{position:absolute;top:-33px;left:-33px;-webkit-transform:scale(.1);-ms-transform:scale(.1);transform:scale(.1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;}
.menu-icon-wrapper svg path{stroke:#373737;stroke-width:40px;stroke-linecap:round;stroke-linejoin:round;fill:transparent}
.menu-icon-wrapper .menu-icon-trigger{position:relative;width:100%;height:100%;cursor:pointer;pointer-events:auto;background:0 0;border:none;margin:0;padding:0}
.menu-icon-wrapper .menu-icon-trigger:focus,.menu-icon-wrapper .menu-icon-trigger:hover{outline:0}