body,html{background-color:#1f1f1f;color:#8f8f8f;font-family:Space Grotesk,sans-serif;font-size:17px;margin:0;padding:0;scroll-behavior:smooth}*{box-sizing:border-box}.intro-text{flex:0 0 45%;font-size:21px}.section{min-height:100vh;position:relative}.section-intro{background:url(/assets/img/intro-photo.png);background-position:50%;background-repeat:no-repeat;background-size:100% auto}.section-intro .container{align-items:center;min-height:100vh;padding:0 20px}.container{display:flex;margin:0 auto;max-width:1200px;padding:100px 20px;width:100%}.container~.container{padding-top:0}.photos{padding:0;width:100%}.photo{display:inline-block;margin-bottom:10px;width:calc(20% - 8px)}.photo img{display:block;width:100%}.photo.hidden img{height:0;width:0}.no-flex{display:block}.hidden{height:0;margin-bottom:0;overflow:hidden}.col{flex:0 0 50%;padding-left:10px}.col:first-child{padding-left:0;padding-right:10px}.social-icons img{display:inline-block;height:30px;width:30px}button,input,textarea{font-family:Space Grotesk,sans-serif}.center{text-align:center}#kontakt,#moje-prace{padding-bottom:30px}.button{background-color:#1f1f1f;border:2px solid #fff;color:#eaeaea;display:inline-block;font-family:Space Grotesk,sans-serif;font-weight:400;padding:12px 23px;text-decoration:none;transition:all .3s ease}.button:active,.button:focus,.button:hover{background-color:#e5e5e5;color:#000;outline:0}.button.primary{border-color:#ff7f16;color:#fff}.button.primary:active,.button.primary:focus,.button.primary:hover{background-color:#ee7614;color:#fff}.intro-text-buttons{margin-top:50px}.intro-text-buttons .button{margin-bottom:10px;margin-right:10px}.photos-tabs{display:flex;width:100%}.photo-filter{color:#8f8f8f;flex:1 1 100%;padding:20px;position:relative;text-align:center;text-decoration:none}.photo-filter,.photo-filter:after{display:inline-block;transition:all .3s ease}.photo-filter:after{background-color:#8f8f8f;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.photo-filter:active,.photo-filter:focus,.photo-filter:hover{color:#fff;outline:0}.photo-filter.active{color:#fff}.photo-filter.active:after{background-color:#ff7f16;bottom:8px}.footer p{margin:50px 0}.headline{color:#fff;font-weight:700}.headline span{color:#eaeaea;font-weight:400}h1{font-size:35px}.references{display:flex;flex-wrap:wrap}.reference{border-bottom:1px solid #ff7f16;flex:0 0 50%;padding:5px 0;text-align:left}h1,h2,h3,h4{margin-top:0}.white{color:#fff}.contact-item{color:#8f8f8f;display:block;font-size:35px;font-weight:700;text-decoration:none;transition:all .3s ease}.contact-item:active,.contact-item:focus,.contact-item:hover{color:#ff7f16}.inline-form{display:flex;gap:20px;justify-content:space-between}.copy-container{padding-bottom:0}input,textarea{background-color:transparent;border:1px solid #fff;color:#8f8f8f;display:block;flex:1 1 50%;font-size:20px;margin-bottom:20px;padding:10px 15px;width:100%}input[type=checkbox],textarea[type=checkbox]{display:inline-block;margin-bottom:0;width:auto}input:focus,textarea:focus{border-color:#ff7f16;outline:0}button{font-size:20px}.social-icons,button{margin-top:20px}.social-icon{text-decoration:none}.social-icon svg{height:40px;width:40px}.social-icon svg path{fill:#8f8f8f}.social-icon:hover path{fill:#ff7f16}.copyright{font-size:13px;margin-bottom:30px}.copyright a{color:#8f8f8f}.copyright a:active,.copyright a:focus,.copyright a:hover{color:#ff7f16}.navbar{background:linear-gradient(180deg,#1f1f1f 0,#1f1f1f 10%,transparent);display:flex;justify-content:space-between;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.navbar h1{margin-bottom:0}.navbar a{color:#fff;display:inline-block;font-size:18px;line-height:44px;padding:0 15px;text-decoration:none;transition:all .3s ease}.navbar a:active,.navbar a:focus,.navbar a:hover{color:#ff7f16}.nav-toggle{background:transparent;border:none;cursor:pointer;display:none;margin:0;outline:0;position:fixed;right:20px;top:20px;width:40px}.nav-toggle span{background-color:#fff;display:block;height:3px;margin:5px 0;transition:all .3s ease;width:100%}.nav-toggle.active span:first-child{transform:rotate(-45deg) translateY(12px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:last-child{transform:rotate(45deg) translateY(-11px)}@media (max-width:922px){.nav-toggle,.navbar{display:block}.navbar{background:#1f1f1f;padding:0}.navbar h1{font-size:27px;padding:20px}.navbar nav{background-color:#1f1f1f;height:0;overflow:hidden;padding:0 20px;transition:all .3s ease}.navbar nav a{display:block;padding:0}.navbar nav .button{padding:0 20px}.navbar nav.active{height:calc(100vh - 75px);padding:20px}.container{flex-direction:column;flex-wrap:wrap;padding-bottom:0}.photo{width:48%}.references{-moz-columns:1;column-count:1}.contact-item{font-size:25px}.col{padding-left:0}.col:first-child{margin-bottom:100px;padding-right:0}.tab-text{margin:30px 0}.tab-text.hidden{display:none}.footer .col{flex:1 1 auto;margin-bottom:100px}.footer .container{flex-direction:column-reverse}.photos-tabs{flex-direction:column}.section-intro{background-image:url(/assets/img/intro-photo-mobile.png);background-position:center 90px;height:auto;min-height:0;padding-bottom:20px;padding-top:calc(80% + 90px)}.section-intro .button{margin-bottom:20px;text-align:center;width:100%}.section-intro .container{min-height:0}}