body{background:#fff;color:#424242;font-family:"Open Sans",sans-serif;overflow:hidden;height:100vh;margin:0}main{overflow-y:auto;min-width:85%;flex-grow:15}aside{flex-grow:0;flex-shrink:0;flex-basis:15%;justify-content:space-between;flex-direction:column;background-image:url("../img/pattern.webp")}.wrapper{display:flex;height:100%}.showreel{width:576px;height:324px}.hero-image{display:flex;flex-direction:column;background-image:linear-gradient(transparent, rgba(0,0,0,0.25)),url("../img/hero.webp");background-position:center center;height:100%;align-self:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;align-items:center;justify-content:center}.hero-text{color:white;text-align:center}.pageheroimage{object-fit:cover;width:100%}.pagecontent{display:flex;flex-direction:column;margin-left:20px;margin-right:40px}#links{flex-grow:15;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.link{margin:8px}a,a:visited{text-decoration:none;color:#424242}.caption{font-size:1.2rem;color:#9d9d9d;margin-top:0}h1{font-size:3rem;margin-top:1rem;margin-bottom:1rem;font-family:"Playfair Display",serif}h1:not(.hero-header):after{content:"";display:block;height:0.0625rem;width:3.75rem;position:relative;left:0;background:#9d9d9d}h3{margin-top:0.8rem;margin-bottom:0.8rem}.gallery{display:flex;flex-direction:column}.pictures{display:flex;flex-direction:row;flex-wrap:wrap}.img{height:200px;width:200px}.img-hover-zoom{margin:0rem 2rem 2rem 0rem;height:200px;width:200px;overflow:hidden}.img-hover-zoom img{transition:transform .5s ease;object-fit:cover}.img-hover-zoom:hover img{transform:scale(1.2)}.columns{column-count:2}.portfoliohorizontal{height:640px;width:960px}.portfoliovertical{height:960px;width:640px}@media (max-width: 500px){.wrapper{flex-direction:column}aside{display:flex;flex-direction:row;flex-grow:1;flex-shrink:15;flex-basis:5%;justify-content:space-between}main{flex-grow:15}ul{align-items:center;justify-content:space-between}.hero-image{background-position:center center}#links{overflow:hidden;display:none}.container{display:inline-block;cursor:pointer}.bar1,.bar2,.bar3{width:15px;height:1px;background-color:#333;margin:3px 0;transition:0.4s}}