*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

body {
  background: #fff;
  color: #595558;
  font-weight: 400;
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  overflow-y: scroll;
  /* force scroll to appear */
}

h1 {
  padding:20px 0 0 0;
  margin: 0px;
  font-family: "Merriweather", serif;
  font-size: 1.85em;
  font-weight: 700;
  color:#554b4b;
  line-height: 35px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
    color:#554b4b;
    /*text-transform: uppercase;*/
}

h3 {
  padding-top: 20px;
  margin: 0px;
  font-weight: 600;
  font-size: 1.25em;
}
h4 {
  color:#b5b0b0;
  margin: 0px 0px 0px 0px;
  font-weight: 600;
  font-style: italic;
  font-size: 1.15em;
}
h5 {
  color:#b5b0b0;
  margin: 0px 0 20px 0;
  font-weight: 600;
  font-style: italic;
  font-size: .9em;
  text-transform: uppercase;
}

img {
    width: 100%;
    
}
video{
    width: 100%;
    height: auto;
}

a {
    display: block;
    text-transform: uppercase;
    color:#0e0e0e;
    font-size: .95em;
    font-weight: 600;
    margin: 50px 0px;
}
ul {list-style: none;margin: 0px;padding: 0px;}

/* helper class when showing content */
.noscroll {
  overflow: hidden;
}

p {
    line-height: 1.5;
    font-size: 16px;
}

/* Sidebar */
.sidebar {
  background: #232323;
  z-index: 1000;
  position: fixed;
  width: 300px;
  max-width: 100%;
  height: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  padding:20px 30px;
}

.sidebar span img{
    width: 22px;
    height: 9px;
    margin-top:40px;
}

.sidebar h1 {
  margin:200px 0 0 75px;
}
.sidebar ul.introduction{position: absolute;bottom:-20px;font-family: "Merriweather";font-style: normal;}
.sidebar ul.introduction h6{color:white;padding-bottom:12px;font-size:17px;font-weight: 600;font-style: normal;}
.sidebar ul.introduction li.intro-descr{color:#cfcfcf;font-size:13px;font-weight:500;}

.sidebar ul {
    list-style: none;
    text-align: left;
    padding: 0 0 0 0px;
    margin: 0px 0px 0px 0;
    font-size: 0.885em;
    line-height: 1.25; 
}

ul.contact{
    background:red;
}
ul.contact li {
    float:left;
    display:block;
    padding:0px;
    margin: 20px 0px 0px 0px;
}
ul.contact li a{
    display:block;
    margin-top:18px;
}
ul.contact li a.about{
    width:16px;
    height: 0px;
    padding-top:40px;
    padding-bottom:30px;
    margin-right:20px;
    overflow:hidden;
    background:transparent url(/img/global/about.png) no-repeat 0 30px;
    background-size: 16px 14px;
   
}


ul.contact li a.emailme{
    width:16px;
    height: 0px;
    padding-top:40px;
    padding-bottom:30px;
    margin-right:20px;
    overflow:hidden;
    background:transparent url(/img/global/icon-email.png) no-repeat 0 30px;
    background-size: 16px 14px;
   
}

ul.contact li a.linkedin{
    width:16px;
    height: 0px;
    padding-top:40px;
    padding-bottom:30px;
    margin-right:20px;
    overflow:hidden;
    background:transparent url(/img/global/icon-in.png) no-repeat 0 30px;
    background-size: 15px 14px;
   
}

ul.contact li a:hover{}


/* Main content */
.main {
  position: relative;
  background: white;
  z-index: 50;
}

/* Grid container */
.grid {
  position: relative;
  background: white;
  padding: 10px;
}

/* Overlay */
.grid::after {
  content: '';
  background: rgba(202, 202, 202, 0.4);
  opacity: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.view-single .grid::after {
  opacity: 1;
}

/* Top bar above the grid */
.top-bar {
  width: 100%;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin:0 5px;
  height: 100px;
  background: url(/img/landing/headline-accent.png)no-repeat 0px 52px;   
}

.top-bar-snap{margin: 0px 6px;}
.top-bar__headline {
  padding-left:80px;
  margin: 0;
  font-family: Merriweather;
  font-weight: 600;
  color:#232323;
  font-variant: small-caps;
  font-size: 16px;
}

/* Menu button for toggling the sidebar (appears on small screen) */
.menu-toggle {
  position: fixed;
  z-index: 100;
  display: block;
  width: 25px;
  height: 25px;
  top: 26px;
  left: 32px;
  cursor: pointer;
  background: none;
  border: none;
  display: none;
  margin: -2px 15px 0 0;
}

.menu-toggle span {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #81c483;
  font-size: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.menu-toggle span:before,
.menu-toggle span:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #81c483;
  content: '';
}

.menu-toggle span:before {
  -webkit-transform: translateY(-7px);
  transform: translateY(-7px);
}

.menu-toggle span:after {
  -webkit-transform: translateY(7px);
  transform: translateY(7px);
}

/* Grid item */
.grid__item {
  margin: 0px 0px;
  position: relative;
  color: inherit;
  background: transparent;
  min-height: 245px;
  cursor: pointer;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  transition: all .75s ease;
}

/* Grid item "border" */
.grid__item::before {
  
}

.grid__item * {
  z-index: 10;
}

/* grid item element and full content element styles */
.title {    
  margin: 0;
  font-size: 1.5em;
  font-family: "Merriweather", serif;
 text-transform: capitalize;
  font-style: normal;
  text-align: center;
}

.title--preview {
  position: absolute;
  top: 30px;
  left: 25px;
  color:#514747;
  text-align: left;
  
}

.loader {
  height: 1px;
  width: 40%;
  margin: 1em auto;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  z-index: 200;
}

.loader::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #a4e7ad;
  left: 0;
  top: -1px;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.grid__item--loading .loader::before {
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.category {
  margin: 0;
  position: absolute;
  top: 64px;
  left:25px;
  font-size: .85em;
  font-variant: small-caps;
  /*font-style: italic;*/
  font-family: "Source Sans Pro", sans-serif;
  text-align: center;
  color: #888181;
  display: block;
}

.title--preview,
.loader,
.category {
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

/* closing (delays) */
.title--preview {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.loader {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.grid__item .category {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* opening */
.grid__item--animate .title--preview {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}

.grid__item--animate .loader {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 0;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}

.grid__item--animate .category {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  opacity: 0;
  -webkit-transform: translate3d(0, -40px, 0);
  transform: translate3d(0, -40px, 0);
}




.meta--preview .meta__avatar,
.meta--preview .meta__date,
.meta--preview .meta__reading-time {
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.grid__item--loading .meta__avatar {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.grid__item--loading .meta__date {
  -webkit-transition-delay: 0.17s;
  transition-delay: 0.17s;
}

.grid__item--loading .meta__reading-time {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
}

.grid__item--loading .meta__avatar,
.grid__item--loading .meta__date,
.grid__item--loading .meta__reading-time {
  -webkit-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
  opacity: 0;
}



/* Placeholder element (dummy that gets animated when we click on an item) */
.placeholder {
  pointer-events: none;
  position: absolute;
  width: calc(100% + 5px);
  height: calc(100vh + 5px);
  z-index: 100;
  top: 0;
  left: 0;
  background: #fff;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.placeholder.placeholder--trans-in {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.placeholder.placeholder--trans-out {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

/* main content */
.content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  height: 0;
  /* Avoid second scroll bar in Chrome! */
  visibility: hidden;
  z-index: 400;
  overflow: hidden;
  background:transaparent;
}

.content.content--show {
  height: 100vh;
  pointer-events: auto;
  visibility: visible;
}

/* scroll helper wrap */
.scroll-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
 
}

/* single content item */
.content__item {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  height: 0;
  opacity: 0;

  /*padding: 60px 60px 80px 60px;*/
  pointer-events: none;
  font-size: 0.85em;
  background:#f3f3f3;
}


.content__item.content__item--show {
  height: auto;
  min-height: 100vh;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}






/* close button (for content and sidebar) */
.close-button {
  position: absolute;
  border: none;
  background: none;
  margin: 0;
  z-index: 100;
  top: 4;
  right: 12px;
  font-size: 18px;
  color: #000000;
  cursor: pointer;
  pointer-events: none;
  padding: 20px 30px;
  opacity: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.close-button2{
    color:#fff;
    top:40px;
    right:35px;
}

.close-button span {
  display: none;
}

.close-button:hover {
  color: #7b7b7b;
}

/* show class for content close button */
.close-button--show {
  opacity: 1;
  pointer-events: auto;
}

/* Viewport sizes based on column number and sidebar */
/* 1 column */
/* 2 columns */
/* 3 columns */
/* 4 columns */
/* 5 columns */
/* 6 columns */
@media all and (min-width: 800px) {
  html,
  body,
  .container,
  .main {
    height: 100vh;
  }

  .main {
    height: 100%;
    margin-left: 300px;
  }



  .grid__item {
    padding: 45px 45px 30px; 
  }
  


}

@media screen and (min-width: 900px) {
  .grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
       
  }

  /* 2 columns */
  .grid__item {
    width: 100%;
    border: 6px solid white;
  }

  .grid__item::before {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

    .grid__item:hover::before,
    .grid__item:focus::before {}

    .grid__item--loading.grid__item::before {opacity: 0;}
    
    
}
@media screen and (min-width: 1200px) {
  /* 3 columns */
  .grid__item {
    width: 33.33%;
  }
}
@media screen and (min-width: 1500px) {
  /* 4 columns */
  .grid__item {
    width: 33.33%;
  }
}
@media screen and (min-width: 1800px) {
  /* 5 columns */
  .grid__item {
    width: 33.33%;
  }
}
@media screen and (min-width: 2100px) {
  /* 6 columns */
  .grid__item {
    width: 33.33%;
  }
}
/* small screen changes for sidebar (it becomes an off-canvas menu) ------------!!!!!!!!!!!!!!!!!!!!!!!--------------------*/

@media screen and (max-width: 1300px){

    .container-description {
        background: green;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
                flex-direction: column;
        padding-left: 0px;
        padding-right:60px;
        -webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;   
    }
    div.items{
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        min-height: 100%;
    }
/*    .item-copy{-webkit-box-ordinal-group:-1;-webkit-order:-1;-ms-flex-order:-1;order:-1;}*/
    ul.wide-image-details{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        /*margin-top: 30px;
        padding-top:60px;*/
        min-height: 100%;
    }
    li.wide-title{
        -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;
        text-align: left;
        min-height: 100%;    
    }
    li.wide-copy{
        -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;
        min-height: 100%;
    }
    div.two-wide{flex-direction:column-reverse;padding-top: 90px;}
    li.single-image{order:-1;}
    li.single-copy-details{}
    
    div.type-two-col{width:100%;background:;}
    div.type-two-col-a{flex: 1 1 100%;padding-left:60px;}
    div.type-two-col-b{flex: 1 1 100%;padding:0 0 0 60px;}
    
    div.two-col-images{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        margin: 0px;
        padding:100px 60px 0px 340px;
    }
    div.two-col-images-content{width:100%;}
    div.two-col-base-a{padding:0px;margin:0px 0px 80px 0px;}
    div.two-col-base-b{padding:0px;margin: 0px;}
    
    div.prototype-rack{background-position: 0px 420px;}
    ul.wide-image-details-proto{flex-direction: column;}
    
   
    li.three-col-images-item{flex:1 1 50%;padding:10px 10px 70px 10px;}
    
    div.item-copy {}
    ul.wide-image-details{-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    li.wide-title{width:100%;}
    li.wide-copy{width:100%;}
    li.wide-title-vizio{}
    li.wide-title-vizio h2{}

    li.wide-copy-vizio{}
    li.wide-copy-vizio p{}
    li.eyebrow-copy{padding-left:30px;}
    div.item-vizio{padding-bottom:20px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;}
    
}
@media screen and (max-width:1200px){
    .proto-container-disney{
        padding:0 100px;
    }
    div.three-col{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    ul.three-col-copy{
        flex:1;
        width:100%;
        flex-basis: 100%;
        padding-right:0px;
    }
    
    ul.three-col-images{
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        width:100%;
        
    }
    
    
}

@media screen and (max-width: 1000px) {
    
    
}


@media screen and (max-width: 900px) {
    
    ul.three-col-images{flex-direction: column;}
     .proto-container-disney{
        padding:0 0px;
    }
   
}

@media screen and (max-width: 800px) {
    .meta--full{background-color:white;padding:80px 60px 25px 60px;}
    .meta--full p.meta-description-copy{font-size:38px;line-height:50px}
  .sidebar {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    width:100%;
  }

  .sidebar.sidebar--open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .sidebar.sidebar--open ~ .main {
    pointer-events: none;
  }

  .top-bar {
    padding: 11px 15px 10px 0px;
    margin:0px;
    background: white url(/img/landing/headline-accent.png)no-repeat -33px 49px;   
  }
  .top-bar__headline{padding-left:50px;}
  .top-bar-snap{margin:0px 10px;}

  .menu-toggle {
    display: inline-block;
  }

  .sidebar .close-button {
    opacity: 1;
    pointer-events: auto;
  }

  .title--full {
    font-size: 2em;
  }

  .content .close-button {
    padding: 26px 32px;
  }

  .content .close-button::before {
    content: '';
    position: absolute;
    top: 0;
    right: -12px;
    background: white;
    border-bottom: 1px solid #f5f5f5;
    width: 100vw;
    height: 75px;
    margin:0px;
    pointer-events: none;
    z-index: -1;
  }
   
    
    /* portfolio */
    div.item-images{
    padding-left:0px;
    }
    div.item-copy{
    padding-left:0px;
    }
    div.container-description {
        padding-left:60px;
    }
    
    div.wide-image, div.two-wide{
    margin-left:60px;
    background: #f3f3f3;
 
    }
    
    div.type-two-col-a{flex: 1 1 100%;padding-left:0px;}
    div.type-two-col-b{flex: 1 1 100%;padding:0 0 0 0px;}
    
    div.project-details{width: 100%;position:relative;}
    div.two-col-images{flex-direction:column;margin: 80px 0 0 0;padding:0px 60px 0px 60px;}
    div.two-col-images-content{width:100%;}
    div.two-col-base-a{padding:0px;margin:0px 0px 80px 0px;}
    div.two-col-base-b{padding:0px;margin: 0px;}
    
    div.prototype-rack{background-position: 0px 420px;}
    div.prototype-rack h4{padding:0px 0 0 60px;}
    img.placeholder-image{padding:0 60px 0 60px;}
    div.wide-image-proto{padding:0px 60px;}
    ul.wide-image-details-proto{flex-direction: column;}
    
    div.three-col{padding-left:60px;}
    
    ul.wide-image-details-vizio{padding-left:60px;}
    ul.copy-details-vizio{padding-left:60px;}
    div.container-description-one{padding-left:60px;}
    
    
   
}

@media screen and (max-width: 650px) {
    ul.wide-image-details-vizio{flex-direction: column;}
    li.wide-title-vizio{flex:1 1 100%;padding-bottom:20px;}
    li.wide-copy-vizio{flex:1 1 100%;padding-bottom:20px;}
    ul.copy-details-vizio{}
    
    ul.copy-details-vizio{flex-direction:column;}
    li.eyebrow-copy-vizio{flex:1 1 100%;padding-bottom:20px;}
    li.copy-title-vizio{flex:1 1 100%;text-align:left;padding-bottom:20px;}
    li.copy-vizio{flex:1 1 100%;}
    .proto-container-disney{padding:0px 50px;}
}

@media screen and (max-height: 580px) {}

/* Redefine some styles for this layout */
body {
  background: #f5f5f5;
}

.content {
  left: auto;
  right: 0;
  width: 100vw;
}







/* Redefine the delays for the content items when they appear; redefine the translation (now from the left) */
.title--preview {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.loader {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.grid__item .category {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.grid__item--animate .title--preview {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}

.grid__item--animate .loader {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
}

.grid__item--animate .category {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

.category--full,
.title--full {
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
}

.content__item--show .title--full {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

@media screen and (min-width: 800px) {
  .sidebar,
  .grid {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
  }

  .view-single .sidebar,
  .view-single .grid {
    -webkit-transform: translate3d(calc(280px - 100vw), 0, 0);
    transform: translate3d(calc(280px - 100vw), 0, 0);
  }

  .content__item {
    right: 0;
    
  }

  .meta--full {
    position: fixed;
    width: 280px;
    height: 100%;
    background:white;
    top: 0;
    left: 0;
    padding: 40px 30px 30px 15px;
    -webkit-transform: translateZ(0)
  }
}
@media screen and (max-width: 899px) {
  
    .meta--full .meta__date,
    .meta--full .meta__reading-time {float: none;text-align: center;}

    .container-description {flex-direction: column;}
/*    .item-copy {order:-1;}*/
  
    div.prototype-rack{
        background-position: 0px 380px;
        
    }
    
   
    
}

@media screen and (max-width: 599px) {
  .meta__misc,
  .article-nav {display: none;}
}

/*# sourceMappingURL=style2.css.map */