* {
  cursor:none;
}

::-webkit-selection{
	background: #f5f5f5;
	color: #000;
	}


::-moz-selection{
	background: #f5f5f5;
	color: #000;
	}


::selection{
	background: #f5f5f5;
	color: #000;
	}
::-webkit-scrollbar {
    width: .8em;
}

::-webkit-scrollbar-track{
	background-color: #000;
	margin-block: .5em;
}

::-webkit-scrollbar-thumb{
	background-color: #161616;
	border-radius: 100vw;
}

.webgl
{
    top: 0;
    left: 0;
    outline: none;
	position: relative;
}

html,body{
	 margin: 0;
    padding: 0;
    width: 100%;
	height: 100%!important;
	background-color: #000;
	font-family: eurostile, sans-serif;
	scroll-behavior: smooth;
	color: #f5f5f5;
	-ms-overflow-style: none;  /* IE and Edge */
 	 scrollbar-width: none;  /* Firefox */
	overflow-x: hidden;
}

.loading-screen {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background-color: #f5f5f5;
    width: 0%;
    height: 100%;
}

.load-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 999;
    pointer-events: none;
}

.stopscrolling{
	overflow-y: hidden;
}

.stroke{
	 color: #000;
  text-shadow: -1px -1px 0 #f5f5f5, 1px -1px 0 #f5f5f5, -1px 1px 0 #f5f5f5, 1px 1px 0 #f5f5f5;
    -webkit-font-smoothing: antialiased;
}

.threed{
	width: 100%;
	height: 100vh;
}

#svgwrapper{
	position: relative;
	width: 100%;
	height: 100%;
}

#projekty-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
}

#canvas{
	position: sticky;
	width: 400px;
	height: 400px;
	bottom: 0%;
	left: 100%;
}


a{
	color: #f5f5f5;
	text-decoration: none;
}

main{
	height: 100vh;
}

.home {
 	 width: 100%;
	height: 100vh;
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
	.preload{
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 99;
	}

.preloader-wrapper{
	width: 100%;
	height: 100vh;
	position: relative;
	background-color: #000;
}

.preloader-courtain{
	background-color: #000;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}

.preloader-img-wrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #000;
	height: 90%;
	min-width: 60%;
}

.parent-container{
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
}

.preloader-img{
	width: auto;
	height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
transform: translate(-50%,-50%);
}

#preloader2, #preloader3, #preloader4, #preloader5, #preloader6{
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	max-width: 100%;
	transform: translate(-50%,-50%);

}

.home a{
	font-size: 28px;
	position: absolute;
	transition: 0.8s;
	display: block;
}

.canvas-wrapper .projects{
	font-size: 28px;
	position: absolute;
	transition: 0.8s;
	display: block;
}

.project-section{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	min-height: 100vh;
	position: relative;
}

.project-next-section{
	padding-top: 20vh;
	background-color: #000;
}

.project-img-wrapper{
	position: relative;
	margin-top: 15vh;
}

.project-img-link-text{
	text-align: center;
	font-size: 72px;
	text-transform: uppercase;
	font-family: nasalization, sans-serif;;
	margin-top: 0;
	margin-bottom: 40px;
}

.project-img-link-text-small{
	text-align: center;
	font-size: 22px;
	text-transform: lowercase;	
}

.project-img-wrapper-link{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
}

.project-img{
	max-width: 40%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
}

.project-title{
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	font-size: 72px;
	margin-top: 10vh;
	text-transform: uppercase;
	font-family: nasalization, sans-serif;;
	position: absolute;
	top: 0;
	left: 15%;
	transform: translate(-10%, 80%);
}

.project-title-2{
	position: relative;
	width: 100%;
	height: 60vh;
}

.project-title-text{
	font-size: 92px;
	text-transform: uppercase;
	font-family: nasalization, sans-serif;;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

.project-title-text-cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000;
	z-index: 99!important;
	height: 60vh;
}

.project-image-wrapper-2{
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0!important;
	padding: 0!important;
}

.project-image-wrapper-tifounders{
	background-image: url("tifounders-layout/baner.webp");
}

.project-image-wrapper-czajkowska{
	background-image: url("czajkowska-layout/baner.webp");
}

.project-image-wrapper-hotel{
	background-image: url("hotel-layout/baner.webp");
}

.project-image-wrapper-frezmar{
	background-image: url("frezmar-layout/baner.webp");
}



.project-image-wrapper-psycholog{
	background-image: url("psycholog-layout/baner.webp");
}

.project-image-wrapper-fitness{
	background-image: url("atlantis-fitness-layout/baner.webp");
}

.project-image-wrapper-medmanual{
	background-image: url("medmanual-layout/baner.webp");
}

.scroll-div-2{
	position: absolute;
	bottom: 70px;
	right: 70px;
	font-size: 20px;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

.project-separator{
	width: 100%;
	height: 10vh;
	background-color: #f5f5f5;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.project-separator>div{
	color: #000;
	text-transform: uppercase;
	font-family: nasalization, sans-serif;;
	font-size: 72px;
	margin-left: 5vw;
	margin-right: 5vw;
	animation: slide 60s linear infinite;
	white-space: nowrap;
	margin-top: -15px;
}

.project-separator>div>span{
	margin-left: 2vw;
	margin-right: 2vw;
}

@keyframes slide{
	0%{
		transform:translateX(0);
	}
	
	
	100%{
		transform:translateX(-100%);
	}
}


.project-images-horizontal-scroll{
	margin-top: 30vh;
	position: relative;
	width: 100%;
	height: 500vh;
	min-height: 500vh;
	min-width: 100%;
	display: none;
}

.horizontal-trigger{
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: auto;
}

.sticky-wrapper{
	position: sticky;
	top: 0;
	overflow: hidden;
	width: 100%;
}

.sticky-container{
	min-height: 100vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.images-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: stretch;
	-webkit-box-pack: start;
	-webkit-box-align: stretch;
	will-change: transform;
}

.images-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

.project-image-wrapper{
	height: 95vh;
	width: 100%;
	min-width: 90%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 5vw;
	padding-left: 5vw;
}

.project-image-wrapper:last-of-type{
	padding-right: 0;
}

.project-image-wrapper>img{
	height: auto;
	width: 100%;
	border-radius: 5px;
}


.canvas-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
}

.scroll-div{
	position: absolute;
	bottom: 70px;
	right: 70px;
	font-size: 20px;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
    0% {
       transform:  scale(1);
    }

	50%{
		 transform:  scale(1.05);
	}

    100% {
         transform: scale(1);
    }
}


.project-description{
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	font-size: 32px;
	margin-top: 5vh;
}

.project-description-2{
	margin-left: 10%;
	margin-right: auto;
	width: 80%;
	font-size: 46px;
	margin-top: 5vh;
	line-height: 1.8em;
	margin-bottom: 20vh;
}

.title-wrapper{
	position: relative;
	height: 70%;
	width: 70%;
}

.main-header{
	opacity: 0;
	padding: 40px;
}

.home h1{
	text-align: center;
	font-size: 80px;
	text-transform: uppercase;
	color: #f5f5f5;
	margin-top: 0;
	margin-bottom: 0;
	justify-content: center;
	font-family: nasalization, sans-serif;;
	font-weight: 300;
	font-style: normal;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}


.title-img{
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 5px;
	pointer-events:none;
	width:35vw;
	max-width:1510px;
	object-fit:contain;
	transition: all .2s ease-out;
}

.title-img.img-show{
	opacity: .8;
}

.title-img.title-img-opacity{
	opacity: 0.5;
}


.title-img.img-show-opacity{
	opacity: 0.6!important;
	z-index: 3;
}

.underline{
	display: block;
	height: 1px;
	width: 0%;
	margin-top: 3px;
	transition: all ease-in .3s;
	background-color: #f5f5f5;
}

.underline-grow{
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 3px;
	transition: all ease-in .3s;
	background-color: #f5f5f5;
}

.logo-anim{
	transition: .3s all ease-in;
}

.logo-move{
	transition: .3s all ease-in;
}

.logo:hover>.logo-anim{
	opacity: 0;
	transform: translateX(-50%);
}

.logo:hover>.logo-move{
	margin-left: -74px;
}

.projects{
	top: 70px;
	left: 70px;
	opacity: 0;
}

.back{
	top: 35px!important;
	left: 35px;
	opacity: 1;
	z-index: 99;
	position: absolute;
	font-size: 28px;

}

.about{
	top: 70px;
	right: 70px;
	opacity: 0;
}

.social{
	bottom: 70px;
	left: 70px;
	opacity: 0;
}

.social i{
	color: #f5f5f5;
	font-size: 24px;
}

.mail{
	bottom: 70px;
	right: 70px;
	opacity: 0;
}

.cursor {
  position: fixed;
	padding: 0.7em;
  border-radius: 50%;
  background-color: #f5f5f5;
  backface-visibility: hidden;
  transition: transform 0.3s ease-out;
  mix-blend-mode: difference;
  z-index: 1000;
  pointer-events: none;
}

.cursor--link {
  transform: translate(-50%, -50%) scale(4);
}

.lightbulb{
	position: absolute;
	bottom: -35%;
	left: 50%;
	transform: translateX(-50%);
}

.lightbulb-mobile{
	display: none;
}

.ray-one{
	opacity: 0;
}

.ray-two{
	opacity: 0;
}

.ray-three{
	opacity: 0;
}

.lightbulb-edge{
	opacity: 0;
}

.section-about{
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	min-height: 100vh;
}
.text-underline{
	position: relative;
	display: inline-block;
}

.about-text{
	width: 50vw;
	font-size: 36px;
	color: #f5f5f5;
	text-align: left;
	padding-left: 70px;
	margin-top: 30vh;
	font-family: eurostile, sans-serif;
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
}

.liquid-img-wrapper{
	min-width: 30%!important;
	min-height: 100%;
	margin-top: 30vh;
	display: block;
	margin-left: 10%;
}

.liquid-img-wrapper>canvas{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
}
.projekty{
	margin-top: 25em;
	padding-top: 10em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-left: 70px;
	position: relative;
}

.projekty-header{
	font-size: 34px;
	font-family: eurostile, sans-serif;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

.projekty-header p{
	position: relative;
}

.projekty-header-underline{
	display: block;
	width: 0%;
	height: 1px;
	background-color: #f5f5f5;
	margin-top: 3px;
}

.projekt-wrapper{
	position: relative;
	text-align: left;
	padding-left: 35px!important;
	margin-left: -35px;
	padding-right: 35px;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 50vw;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px
}

.projekt-wrapper-psycholog{
	position: relative;
	text-align: left;
	padding-left: 35px!important;
	margin-left: -35px;
	padding-right: 35px;
	margin-top: 60px;
	margin-bottom: 60px;
	width: 100%;
	height: auto;
}


.projekt-img{
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all .2s ease-out;
	pointer-events: none;
	width: 15vw;
	object-fit: contain;
	max-width:1510px;
}

.psychologimg{
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 5px;
	pointer-events:none;
	width:15vw;
	max-width:1510px;
	object-fit:contain;
	transition: all .2s ease-out;
}

.psychologimg.img-show{
	opacity: 0.6;
}

.atlantisimg{
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 5px;
	pointer-events:none;
	width:15vw;
	max-width:1510px;
	object-fit:contain;
	transition: all .2s ease-out;
}

.atlantisimg.img-show{
	opacity: 0.6;
}

.medmanualimg{
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 5px;
	pointer-events:none;
	width:15vw;
	max-width:1510px;
	object-fit:contain;
	transition: all .2s ease-out;
}

.medmanualimg.img-show{
	opacity: 0.6;
}

.hotelimg{
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 5px;
	pointer-events:none;
	width:15vw;
	max-width:1510px;
	object-fit:contain;
	transition: all .2s ease-out;
}

.hotelimg.img-show{
	opacity: 0.6;
}

.fizjoimg{
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 5px;
	pointer-events:none;
	width:15vw;
	max-width:1510px;
	object-fit:contain;
	transition: all .2s ease-out;
}

.fizjoimg.img-show{
	opacity: 0.6;
}

.tifoundersimg{
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 5px;
	pointer-events:none;
	width:15vw;
	max-width:1510px;
	object-fit:contain;
	transition: all .2s ease-out;
}

.tifoundersimg.img-show{
	opacity: 0.6;
}

.frezmarimg{
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 5px;
	pointer-events:none;
	width:15vw;
	max-width:1510px;
	object-fit:contain;
	transition: all .2s ease-out;
}

.frezmarimg.img-show{
	opacity: 0.6;
}

.projekt-img.img-show{
	opacity: 0.6;
}

.projekt-wrapper a{
	font-size: 60px;
	font-family: nasalization, sans-serif;;
	text-transform: uppercase;
	margin: 0;
	display: block;
	padding-bottom: 20px;
	line-height: 10px;
}



.projekt-technologie{
	font-size: 18px;
	font-family: nasalization, sans-serif;;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.projekt-technologie-tekst{
	margin: 0!important;
	padding: 0!important;
}

.projekt-technologie a span{
	margin-right: 20px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
}

span.projekt-opis{
	font-size: 18px!important;
	font-family: eurostile, sans-serif;
	font-weight: 300!important;
	text-transform: lowercase!important;
	margin-top: 20px;
}

.projekty-nazwa-tekst{
	line-height: 18px;
}

section.cta{
	height: 90vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.footer-cta{
	font-size: 72px;
	opacity: 0;
	text-align: center;
}

.footer{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
	position: relative;
 	 width: 100%;
}

.go-up-links-wrapper{
	width: 66%;
}

.go-up-links{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: flex-start;
	list-style-type: none;
}

.go-up-links li{
	font-size: 28px;
	padding-left: 20px;
	padding-right: 20px;
}

.email-wrapper{
	width: 33%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding-right: 70px;
}

p.email{
	font-size: 28px;
}

.layout-wrapper{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 15vh;
}

.layout-wrapper-row{
	width: 80%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.layout-header{
	text-align: left;
	font-size: 72px;
	text-transform: lowercase;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}

.mobile-layout-header{
	margin-top: 15vh;
}

.desktop-layout-img{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10vh;
	position: relative;
}

.desktop-layout-img img{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-radius: 5px;
}


.desktop-layout-img video{
	border-radius: 5px;
}

.mobile-layout-img{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10vh;
	
}

.mobile-layout-img img{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-radius: 5px;
}

.mobile-portfolio-images{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	margin-bottom: 80px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.portfolio-gallery-image{
	display: block;
	width: 100%;
}


@media (max-width: 767px){
	
	body{
		min-height: 100vh!important;
		min-height: -webkit-fill-available!important;
	}
	
	html{
		height: -webkit-fill-available!important;
	}
	
	::-webkit-scrollbar{
		display: none;
	}
	
	
	.mobile-dn{
		display: none;
	}
	
	
	.preloader-img-wrapper{
	height: 100%;
	max-width: 100%;
}

.parent-container{
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#preloader1{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#preloader2, #preloader3, #preloader4, #preloader5, #preloader6{
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	height: auto;
}
	
	.project-section{
		min-height: 80vh;
	}
	
	.layout-wrapper{
		margin-top: 15vh;
	}
	
	.home{
		height: calc(100% - 56px)!important;
	}
	
	.home h1{
		font-size: 54px;
	}
	
	.home a{
		font-size: 24px;
	}
	
	.canvas-wrapper .projects{
		font-size: 22px;
		top: 35px!important;
		left: 35px;
	}
	
	
	.projects{
		top: 35px;
		left: 35px;
	}
	
	.about{
		top: 35px;
		right: 35px;
	}
	
	.social{
		bottom: 35px;
		left: 35px;
	}
	
	.mail{
		bottom: 35px;
		right: 35px;
	}
	
	.title-img{
		display: none;
	}
	
	.title-wrapper:hover>.img-show{
		display: none;
		opacity: 0;
	}
	
	svg{
		object-fit: contain;
		bottom: -60% !important;
	}

	
	.about-text{
		width: 80%;
		font-size: 30px;
		padding-left: 35px;
		margin-top: 20vh;
	}
	
	.about-text span{
		opacity: 1!important;
	}
	
	.layout-header{
		opacity: 1!important;
		font-size: 48px;
		width: 90%;
	}
	
	.projekty{
		padding-left: 35px;
		margin-top: 0;
		padding-top: 5vh;
	}
	
	.projekt-wrapper{
		width: 70%;
	}
	
	.projekt-wrapper a{
		font-size: 42px;
		line-height: 42px;
	}
	
	.projekty-header p{
		opacity: 1!important;
		margin-top: 20vh;
	}
	
	.projekty-header-underline{
		opacity: 1;
		width: 100%;
	}
	
	.projekty-nazwa-tekst{
		opacity: 1!important;
	}
	
	.projekt-technologie a span{
		line-height: 14px;
		margin-right: 5px;
	}
	
	span.projekt-opis{
		line-height: 18px;
		display: block;
		width: 130%;
		padding-top: 25px;
	}
	
	section.cta{
		margin-top: 15vh;
		height: 40vh;
	}
	
	.footer-cta{
		font-size: 48px;
		opacity: 1;
	}
	
	.lightbulb{
	display: none;
}

	
	.footer{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-top: 10vh;
	}
	
	.go-up-links-wrapper{
		width: 100%;
	}
	
	.go-up-links{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-left: 20px;
	}
	
	.go-up-links li{
	font-size: 28px;
	padding-top: 10px;
		padding-bottom: 10px;
}
	
	.email-wrapper{
		padding-top: 20px;
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: flex-start;
		padding-right: 0;
	}
	
	.email{
		padding-left: 40px;
	}

	.liquid-img-wrapper{
		display: none;
	}
	

	
	.project-title{
		font-size: 38px;
		margin-bottom: 0;
		position: absolute;
	top: 10%;
	left: 15%;
	transform: translate(-10%, 80%);
	}
	
	.project-title-narrow{
		width: 50%;
	}
	
	.project-title-2{
		top: 15%;
	}
	
	.project-description{
		margin-top: 0;
		width: 90%;
	}
	
	.project-description p{
		opacity: 1!important;
		font-size: 22px;
	}
	
	.project-next-section{
		margin-top: 0;
		padding-top: 0;
	}
	
	.project-img-link-text{
		font-size: 48px;
	}
	
	.project-img-wrapper{
		margin-top: 20vh;
	}
	
	.project-img{
		max-width: 50%;
	}

	.project-img-link-text-small{
		opacity: 1!important;
	}
	
	.project-img-link-text{
		opacity: 1!important;
	}
	
	.project-img{
		opacity: 1!important;
	}
	
	
	#canvas{
		width: 200px!important;
		height: 200px!important;
		position: sticky;
		left: 100%;
		bottom: 20%;
		z-index: 1;
	}
	
	.desktop-layout-img{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
		margin-top: 0;
}
	
	.project-title-text{
		font-size: 48px;
		top: 50%;
	}
	
	.back{
		font-size: 22px;
		top: 35px!important;
		left: 20px;
	}
	
	.project-image-wrapper-2{
		width: 100%;
		height: 60vh;
		margin: 0;
		padding: 0;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	.project-description-2>p{
		opacity: 1!important;
		font-size: 32px;
		line-height: 1.3em;
	}
	
	.project-image-wrapper{
		height: 90vh;
		min-height: 90vh;
	}
	
	
	.project-image-wrapper > img{
		height: auto;
		max-width: 100%;
	}
	
	.color-palette{
		margin-top: 0!important;
	}


}

@media screen and (min-width: 768px) and (max-width: 991px){
	.mobile-dn{
		display: none;
	}
	
	.about-text{
		margin-top: 10vh!important;
	}
	
	.project-description p{
		font-size: 32px;
	}
	
	.project-title-text{
		font-size: 72px;
	}
	
	.back{
		font-size: 24px;
		top: 35px!important;
		left: 20px;
	}
	
	.project-description-2>p{
		opacity: 1!important;
	}
	
	.section-about{
		height: auto;
		min-height: auto;
	}
	
	.about-text span{
		margin-top: 10vh;
	}
	
	section.cta{
		height: 40vh;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: center;
	}
	.projekt-wrapper a{
		line-height: 50px;
	}
}


@media screen and (orientation: landscape) and (max-width: 991px){ 
		.mobile-dn{
		display: none;
	}
	
	.home h1{
		font-size: 54px;
	}
	
	.home a{
		font-size: 24px;
	}
	
	.canvas-wrapper .projects{
		font-size: 22px;
	}
	
	.projects{
		top: 35px;
		left: 35px;
	}
	
	.about{
		top: 35px;
		right: 35px;
	}
	
	.social{
		bottom: 35px;
		left: 35px;
	}
	
	.mail{
		bottom: 35px;
		right: 35px;
	}
	
	.title-img{
		display: none;
	}
	
	.title-wrapper:hover>.img-show{
		display: none;
		opacity: 0;
	}
	
	svg{
		object-fit: contain;
		bottom: -80% !important;
	}

		.projekt-wrapper a{
		font-size: 54px;
		line-height: 50px;
	}
	
	.about-text{
		width: 80%;
		font-size: 30px;
		padding-left: 35px;
		margin-top: 50vh;
	}
	
	.about-text span{
		opacity: 1!important;
	}
	
	.projekty{
		padding-left: 35px;
		margin-top: 0;
		padding-top: 0;
	}
	
	.projekt-wrapper{
		width: 70%;
	}
	
	.projekt-wrapper a{
		font-size: 54px;
		line-height: 54px;
	}
	
	.projekty-header p{
		opacity: 1!important;
	}
	
	.projekty-header-underline{
		opacity: 1;
		width: 100%;
	}
	
	.projekty-nazwa-tekst{
		opacity: 1!important;
	}
	
	.projekt-technologie a span{
		line-height: 14px;
		width: 130%
	}
	
	span.projekt-opis{
		line-height: 18px;
		display: block;
		width: 130%;
		padding-top: 25px;
	}
	
	section.cta{
		height: 70vh!important;
	}
	
	.footer-cta{
		font-size: 48px;
		opacity: 1!important;
	}
	
	.lightbulb{
	display: none;
}

.lightbulb-mobile{
	display: none;
}
	
	.footer{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-top: 10vh;
	}
	
	.projekty{
		margin-top: 0;
		padding-top: 5vh;
	}
	.about-text{
		margin-top: 10vh;
		font-size: 26px;
	}
	
	.go-up-links-wrapper{
		width: 100%;
	}
	
	.go-up-links{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-left: 20px;
	}
	
	.go-up-links li{
	font-size: 28px;
	padding-top: 10px;
		padding-bottom: 10px;
}
	
	.email-wrapper{
		padding-top: 20px;
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: flex-start;
		padding-right: 0;
	}
	
	.email{
		padding-left: 40px;
	}

	.liquid-img-wrapper{
		display: none;
	}
	
	.project-title{
		font-size: 42px;
		margin-bottom: 0;
		top: 0;
		left: 12%;
	}
	
	.project-description{
		margin-top: 0;
		opacity: 1!important;
		width: 90%;
	}
	
	.project-description p{
		opacity: 1!important;
		font-size: 22px;
	}
	
	.project-next-section{
		margin-top: 0;
	}
	
	.project-img-link-text{
		font-size: 60px;
	}
	
	.project-img-wrapper{
		margin-top: 20vh;
	}
	
	.project-img{
		max-width: 60%;
	}
	
	.project-img-link-text-small{
		opacity: 1!important;
	}
	
	.project-img-link-text{
		opacity: 1!important;
	}
	
	.project-img{
		opacity: 1!important;
	}

	#canvas{
		width: 300px!important;
		height: 300px!important;
		position: sticky;
		left: 100%;
		bottom: 20%;
		z-index: 1;
	}
	
	.project-separator{
		height: 15vh;
	}
	
	.project-image-wrapper-2{
		height: 80vh!important;
	}
}


@media (min-width: 768px) and (max-width: 1200px) { 

	
	.cursor .mobile-dn{
		display: none;
	}
	
	.home h1{
		font-size: 72px;
	}
	
	.home a{
		font-size: 24px;
	}
	
	.canvas-wrapper .projects {
		font-size: 22px;
	}
	
	.projects{
		top: 35px;
		left: 35px;
	}
	
	.about{
		top: 35px;
		right: 35px;
	}
	
	.social{
		bottom: 35px;
		left: 35px;
	}
	
	.mail{
		bottom: 35px;
		right: 35px;
	}
	
	.title-img{
		display: none;
	}
	
	.title-wrapper:hover>.img-show{
		display: none;
		opacity: 0;
	}
	
	svg{
		object-fit: contain;
		bottom: -50% !important;
	}

	
	.about-text{
		width: 80%;
		font-size: 30px;
		padding-left: 35px;
		margin-top: 50vh;
	}
	
	.about-text span{
		opacity: 1!important;
	}
	
	.layout-header{
		opacity: 1!important;
	}
	
	.projekty{
		padding-left: 35px;
		margin-top: 0;
		padding-top: 5vh;
	}
	
	.projekt-wrapper{
		width: 100%;
	}

	
	.projekty-header p{
		opacity: 1!important;
	}
	
	
	.projekty-header-underline{
		opacity: 1;
		width: 100%;
	}
	
	.projekty-nazwa-tekst{
		opacity: 1!important;
	}
	
	.projekt-technologie a span{
		line-height: 18px;
		width: 70%
	}
	
	span.projekt-opis{
		line-height: 18px;
		display: block;
		width: 130%;
		padding-top: 25px;
	}
	
	section.cta{
		margin-top: 15vh;
	}
	
	.footer-cta{
		font-size: 48px;
		opacity: 1;
	}
	
	.lightbulb{
	display: none;
}
	
	.footer{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-top: 10vh;
	}
	
	.go-up-links-wrapper{
		width: 100%;
	}
	
	.go-up-links{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-left: 20px;
	}
	
	.go-up-links li{
	font-size: 28px;
	padding-top: 10px;
		padding-bottom: 10px;
}
	
	.email-wrapper{
		padding-top: 20px;
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: flex-start;
		padding-right: 0;
	}
	
	.email{
		padding-left: 40px;
	}

	.liquid-img-wrapper{
		display: none;
	}
	
	
	.project-description p{
		opacity: 1!important;
		font-size: 32px;
	}
	
	.project-img-link-text-small{
		opacity: 1!important;
	}
	
	.project-img-link-text{
		opacity: 1!important;
	}
	
	.project-img{
		opacity: 1!important;
	}
	#canvas{
		width: 300px!important;
		height: 300px!important;
		position: sticky;
		left: 100%;
		top: 0;
		z-index: 1;
	}
	
		
	.project-image-wrapper-2{
		width: 100%;
		height: 40vh;
		margin: 0;
		padding: 0;
	}
	
	.project-description-2{
		font-size: 36px;
	}
	
	.project-image-wrapper-2{
		width: 100%;
		height: 40vh;
		margin: 0;
		padding: 0;
	}
	
	.project-image-wrapper{
		height: 90vh;
		min-height: 90vh;
	}
	
	.project-description-2>p{
		opacity: 1!important;
	}
	
	section.cta{
		height: 40vh;
	}
	
	.color-palette{
		padding-bottom: 20vh;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
		.project-image-wrapper{
		height: 90vh;
		min-height: 90vh;
		min-width: 140vw;
	}
	
	.project-image-wrapper-2{
		-webkit-background-size: cover;
		background-size: cover;
		height: 60vh;
	}
		.project-img{
		max-width: 60vh;
	}
	
}

@media (min-width: 992px) and (max-width: 1024px){
	#canvas{
		width: 350px!important;
		height: 350px!important;
		position: sticky;
		left: 100%;
		top: 0;
		z-index: 1;
	}
	.project-title{
		font-size: 60px;
		width: 50%;
	}
	
	.layout-header{
		font-size: 52px;
		opacity: 1!important;
	}
	
	.project-img-link-text-small{
		opacity: 1!important;
	}
	
	.project-img-link-text{
		opacity: 1!important;
	}
	
	.project-img{
		opacity: 1!important;
	}
	
	.color-palette{
		padding-bottom: 20vh;
	}
	.lightbulb{display: none;}
	
	
	
}

@media (min-width:1201px){
	.home h1{
		font-size: 92px;
	}
}

@media (min-width: 1025px) and (max-width: 1087px){
	.projekt-wrapper{
		width: 100%;
	}
	
	.projekt-opis{
		width: 70%;
	}
		
	.project-description-2>p{
		opacity: 1!important;
	}
	
	.color-palette>p{
		opacity: 1!important;
	}
	
	.project-img-link-text-small{
		opacity: 1!important;
	}
	
	.project-img-link-text{
		opacity: 1!important;
	}
	
	.project-img{
		opacity: 1!important;
	}
	
	.back{
		font-size: 24px;
		top: 35px!important;
		left: 20px;
	}
}


@media (min-width: 1088px) and (max-width: 1280px){
	.back{
		font-size: 28px;
		top: 35px!important;
		left: 20px;
	}
	
	.project-description-2>p{
		opacity: 1!important;
	}
	
	.lh{
		line-height: 60px;
	}
}



@media (max-width: 469px){
	#canvas{
		display: none!important;
	}
	
	.project-image-wrapper{
		min-width: 100vh;
	}
	
	.layout-wrapper{
		padding-bottom: 20vh;
	}

	.project-image-wrapper-2{
		background-size: contain;
		height: 30vh;
	}

	.project-title-2{
		height: 50vh;
	}

	.project-description-2{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.project-description-2>p{
		font-size: 24px;
	}

	.project-img-wrapper{
		margin-top: 0;
	}

	.desktop-layout-img{
		margin-top: 40px;
	}
}

@media screen and (min-width: 600px) and (max-width: 1024px){

	.mobile-portfolio-images{
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 80px;
		margin-bottom: 80px;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.portfolio-gallery-image{
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}

	.layout-header{
		margin-bottom: 40px;
	}

	.desktop-layout-img{
		margin-top: 40px;
	}
}

@media screen and (min-width: 1025px){

	.project-images-horizontal-scroll{
		margin-top: 30vh;
		position: relative;
		width: 100%;
		height: 500vh;
		min-height: 500vh;
		min-width: 100%;
		display: block;
	}

	.mobile-portfolio-images{
		display: none;
	}
}