div.logo {
 max-width: 40%;
 align-self: flex-start;
 margin: 2em 0 1em 2em;
}
nav.menu{
 display: none;
}
nav.hamburger {
 display: flex;
 justify-content: flex-end;
 margin: 0.5em;
 position: fixed;
 top: 0.5em;
 right: 0.5em;
 z-index: 100;
 width: 4em;
 height: 4em;
 box-shadow: 0px 0px 30px 30px rgba(255,255,255,1);
}
nav.hamburger > img {
 cursor: pointer;
}
.overlay {
 height: 100%;
 width: 0;
 position: fixed;
 z-index: 100;
 top: 0;
 right: 0;
 background-color: rgb(0,0,0);
 background-color: rgba(0,0,0, 0.9);
 overflow-x: hidden;
 transition: 0.5s;
}
.overlay-content {
 position: relative;
 top: 25%;
 width: 100%;
 text-align: center;
 margin-top: 30px;
 overflow: hidden;
}
.overlay a {
 padding: 0.7em 0;
 text-decoration: none;
 font-size: 1.3em;
 font-weight: bold;
 color: #818181;
 display: block;
 transition: 0.3s;
 white-space: nowrap;
}
.overlay a:first-of-type {
 padding-top: 0;
}
.overlay a:hover, .overlay a:focus {
 color: #f1f1f1;
}
.overlay .closebtn {
 position: absolute;
 top: 0.3em;
 right: 0.2em;
 font-size: 4em;
}
div.zakres_prac > figure {
 width: 50%;
 height: auto;
 padding: 1em 0.3em;
}