h2{padding:80px 1em 1em 1em;font-size:3em}nav figure{display:flex;align-items:center;justify-content:center;margin:1vh 0 1vh 9.6em}nav figure a{position:absolute;width:200px;height:70px}nav figcaption{font-size:2em;font-weight:700;margin-left:.06em;transition:all .5s ease-in-out}nav figcaption span{color:#5d70d1}nav figure:hover>figcaption{color:#5d70d1}nav>ol{width:60%;margin:0 9.6em 0 auto}ol ol{position:absolute;min-width:100%;background-color:#fff;border-radius:0 0 20px 20px}nav>ol>li{position:relative}ol ol>li{display:block}nav ol ol>li>a{margin:5px 5px}nav ol ol>li>a:first-child{margin-top:0}nav>a{display:inline-block;transition:color 1s ease-in-out}.desc .wrapper{margin:0 0 0 9.6em}.works>h2{grid-area:1/1/1/span 3}.works{grid-template-columns:repeat(3,1fr)}@media (hover:hover){.works>figure>picture>img:hover{transform:scale(1.2);opacity:.5;filter:contrast(200%) saturate(1.5)}.works>figure>picture>img:hover{transform:scale(1.2);opacity:.5;filter:contrast(200%) saturate(1.5)}a:hover{color:#5d70d1}nav ol a:hover{color:#fff;background-color:#5d70d1;-webkit-box-shadow:inset -1px 2px 5px 0 rgba(0,0,0,.3);-moz-box-shadow:inset -1px 2px 5px 0 rgba(0,0,0,.3);box-shadow:inset -1px 2px 5px 0 rgba(0,0,0,.3)}ol li:hover ol{display:block}}@media (min-width:1920px){nav figure{margin:1vh 0 1vh 15.4em}nav>ol{margin:0 15.4em 0 auto}.desc .wrapper{margin:0 0 0 15.4em}figcaption,p{font-size:1.4em}}