a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}body,button,input{font-family:Roboto,sans-serif}img{max-width:100%}body{background-color:#323232;color:#fff}.menu-open{overflow:hidden;position:relative;height:100%}.container{margin:0 auto;max-width:960px;padding:0 24px}.nav{align-items:center;display:flex;justify-content:space-between;padding:32px 0}.nav__logo{font-size:20px;font-weight:800}.nav__logo span{display:block}.social-link{color:#fff;font-size:18px;margin-left:32px;transition:color .2s ease-in-out}.social-link:hover{color:#ddd}.social-link:active{color:#fff}.page{background-color:#252525;min-height:100vh;position:relative;padding-bottom:100px}.page__footer{align-items:center;display:flex;background-color:#323232;justify-content:flex-end;height:100px;position:absolute;bottom:0;width:100%}.footer__text{display:block;font-size:15px;margin-bottom:12px}.footer__social-links{text-align:center}.footer__social-link{color:#fff;font-size:18px;margin:0 16px;transition:color .2s ease-in-out}.footer__social-link:hover{color:#ddd}.footer__social-link:active{color:#fff}.photos{display:grid;grid-template-columns:1fr;grid-gap:32px;margin-bottom:32px}@media (min-width:720px){.photos{grid-template-columns:1fr 1fr}}.photo{background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative;width:100%;transition:filter .2s ease-in-out}.photo:before{display:block;content:"";width:100%;padding-top:56.25%}.photo:hover{filter:brightness(.7)}.photo:active{filter:brightness(1)}.photo-overlay{background-color:rgba(0,0,0,.5);display:none;position:fixed;top:0;left:0;height:100vh;right:0;padding:64px 16px;opacity:0;transition:opacity .2s ease-in-out;overflow-y:scroll}.photo-overlay__image{display:block;margin:0 auto;max-width:960px;width:100%}