#main-nav{text-align:center;padding:10px;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.4)}#main-nav .logo{width:200px;padding:20px 0 10px}ul.links{padding:10px 0;margin:0;display:flex;list-style-type:none;justify-content:space-around}li.link a{text-transform:uppercase;text-decoration:none;font-weight:700;font-size:20px;font-family:mr-eaves-sans,sans-serif;color:var(--clr-primary)}li.link a.router-link-exact-active{color:#000}@media screen and (min-width:600px){#main-nav .logo{width:240px}li.link a{font-size:24px}}@media screen and (min-width:850px){#main-nav{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 40px}li.link{margin-left:40px}}#portfolio{display:grid;grid-template-columns:repeat(12,1fr);padding:0;margin:0}.project{grid-column:span 6;position:relative;list-style-type:none}.project img{display:block;width:100%}.overlay-text{color:#fff;font-size:20px;font-family:mr-eaves-sans,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;text-transform:uppercase;width:80%}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-image:url(../img/overlay.b1f1f645.png);background-size:contain}@media (hover:hover) and (pointer:fine){.project:hover .overlay{opacity:1}}@media screen and (min-width:600px){.overlay-text{font-size:24px}}@media screen and (min-width:850px){.project{grid-column:span 4}#portfolio .project:nth-child(4){grid-column:9/13;grid-row:1}#portfolio .project:nth-child(5){grid-column:1/5;grid-row:2}#portfolio .project:nth-child(8){grid-column:5/9;grid-row:2}#portfolio .project:nth-child(9){grid-column:1/5;grid-row:3}#portfolio .project:nth-child(7){grid-column:5/9;grid-row:3}#portfolio .project:nth-child(11){grid-column:1/5;grid-row:4}#portfolio .project:nth-child(12){grid-column:5/9;grid-row:4}}@media screen and (min-width:1400px){.project{grid-column:span 3}#portfolio .project:first-child{grid-column:1/4;grid-row:1}#portfolio .project:nth-child(2){grid-column:4/7;grid-row:1}#portfolio .project:nth-child(4){grid-column:7/10;grid-row:1}#portfolio .project:nth-child(8){grid-column:10/13;grid-row:1}#portfolio .project:nth-child(3){grid-column:1/4;grid-row:2}#portfolio .project:nth-child(5){grid-column:4/7;grid-row:2}#portfolio .project:nth-child(7){grid-column:10/13;grid-row:2}#portfolio .project:nth-child(10){grid-column:1/4;grid-row:3}#portfolio .project:nth-child(9){grid-column:4/7;grid-row:3}#portfolio .project:nth-child(11){grid-column:7/10;grid-row:3}#portfolio .project:nth-child(12){grid-column:10/13;grid-row:3}}.modal{width:100%;max-width:850px;background:#fff;box-sizing:border-box;overflow-y:scroll;box-shadow:-1px 0 5px 2px rgba(0,0,0,.2)}.backdrop{display:flex;justify-content:flex-end;z-index:2}.backdrop,.home-overlay{top:0;position:fixed;width:100%;height:100%}.home-overlay{bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,.3)}.modal-open{overflow:hidden}.slide-enter-from{opacity:0;transform:translateX(600px)}.slide-enter-to{opacity:1;transform:translateX(0)}.slide-enter-active{transition:all .3s ease}.slide-leave-from{opacity:1;transform:translateX(0)}.slide-leave-to{opacity:0;transform:translateX(600px)}.slide-leave-active{transition:all .3s ease}@media screen and (min-width:850px){.fade-enter-from{opacity:0}.fade-enter-to{opacity:1}.fade-enter-active{transition:all .6s ease}.fade-leave-from{opacity:1}.fade-leave-to{opacity:0}.fade-leave-active{transition:all .6s ease}}:root{--clr-primary:#4a829e}body{margin:0}*{font-family:freight-sans-pro,sans-serif}h2{color:var(--clr-primary);text-transform:uppercase;font-family:mr-eaves-xl-sans,sans-serif;font-size:20px;margin:0}input,p,textarea{font-size:16px}p{margin:0 0 15px 0}p:last-child{margin:0}.view-content{padding:20px}@media screen and (min-width:600px){h2{font-size:22px}input,p,textarea{font-size:17px}.view-content{padding:30px}}@media screen and (min-width:850px){h2{font-size:24px}input,p,textarea{font-size:19px}.view-content{padding:50px}}