header{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;transition:all ease .3s;overflow:hidden;height:150px;border-bottom:1px solid rgba(155,202,222,.4);background:#fff}@media (min-width: 768px){header{height:220px}}header.scrolled{height:60px}@media (min-width: 768px){header.scrolled{height:90px}}header img{position:absolute}header img.logo{height:60px;top:50%;left:50%;transform:translateY(-50%) translate(-50%);transition:height ease .3s}@media (min-width: 768px){header img.logo{height:90px}}header img.logo.scrolled{height:32px}@media (min-width: 768px){header img.logo.scrolled{height:60px}}header img.bg{width:120dvw;bottom:40%;left:50%;transform:translate(-50%);transition:all ease .3s}header img.bg.scrolled{bottom:100%}@media (min-width: 748px){header img.bg{bottom:20%;left:0;transform:translate(0);width:897.6px}}header span{position:absolute;font-family:Frank Ruhl Libre,serif;transition:all ease .3s}header span.date{font-size:10px;top:20px;right:15px}header span.date.scrolled{top:50%;transform:translateY(-50%)}header span.sub{font-family:Ubuntu Sans,sans-serif;font-size:14px;font-weight:100;opacity:1;bottom:10px}header span.sub.scrolled{opacity:0}.thumbnail{border-radius:8px}@media (min-width: 768px){div.grid>:last-child:nth-child(odd){transform:translate(53%)}}