.underslider {
	width: 100%;
	height: 50vh;
	background-position: center;
	background-size: cover;
	position: fixed;
	top: 0px;
	left: 0px;
}

.underslider > figure {
	width: 70%;
	height: 100%;
	background-image: url(../img/slider-logo.png);
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}	

#home-underslider.underslider {height: 100vh}

.slider {
	width: 100%;
	height: 50vh;	
}

#home-slider.slider {
	height: 100vh;
	display: flex;
	align-items: center;
	position: relative;
}

#home-slider > section {
	background: transparent;
	padding-top: 0;
	padding-bottom: 0;
	color: white;
}

#home-slider > section strong {
	font-size: 28px;
	letter-spacing: 2px;
	word-spacing: 2px;
	display: block;
	position: relative;
	margin: 0 auto 40px;
}

#textSlider ul {
	list-style: none;
	font-size: 90px;
	font-weight: 600;
	margin-bottom: 50px;
	letter-spacing: 10px;
}

#textSlider li {display: none}
#textSlider li.active {display: block}

#textSlider li span {opacity: 0}

#slider-down-wrap {
	position: absolute;
	width: 50px;
	margin: auto;
	bottom: 20px;
	left: 0;
	right: 0;
	z-index: 5;	
	color: white;
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

#slider-down {
	width: 26px;
	height: 40px;
	box-sizing: border-box;
	border: 2px solid white;
	border-radius: 15px;
	display: block;
	position: relative;
	margin: 0 auto;
}

#slider-down span {
	display: inline-block;
	width: 3px;
	height: 6px;
	background: white;
	position: relative;
	top: -10px;
}

#home-wstep {
	display: block;
	width: 100%;
	position: relative;
	z-index: 3;
	background-color: white;
	background-image: url(../img/home-ap-bg.png);
	background-size: 70vw;
	background-repeat: no-repeat;
	background-position: 0 200px;
}

#home-ap {background: rgba(255,255,255,0.97)}

#services.home-services {background: rgba(0,0,0,0.9)}

#services .iwrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

#services .iwrap > article {width: 50%}

#skew-box {
	position: relative;
	z-index: 3;
	width: 100%;
	background: white;
	padding-top: 300px;
	padding-bottom: 100px;
}

#skew-box .wrap {
	padding-top: 0;
	padding-bottom: 0;
	background-image: url(../img/home-pp-bg.jpg);
	background-position: center;
	background-size: cover;
}

#skew-box .iwrap {
	display: flex;
	flex-wrap: wrap;
}

#skew-box article {
	width: 50%;
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
}

#skew-box article:first-of-type {top: -200px}

#skew-box article:last-of-type {	
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
}
#skew-box.skew-box-home article:last-of-type {background-image: url(../img/home-portfolio-bg.jpg)}
#skew-box.skew-box-about article:last-of-type {background-image: url(../img/about-offer-bg.jpg)}

#skew-box article:last-of-type > div {width: 100%}

#skew-box-logo {
	position: absolute;
	width: 100%;
	height: 200px;
	top: -200px;
	left: 0;
}

#skew-box-logo img {
	display: block;
	width: 45%;
	position: relative;
	margin: 0 auto;
}

#home-team {
	width: 100%;
	position: relative;
	z-index: 5;
	margin-bottom: -300px;
	background-color: transparent;
}

#home-team article {
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	border: 1px solid #D9D9D9;
	padding: 200px 80px;
	width: 700px;	
}

#home-team-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

#home-team-bg > span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 300px);
	background: white;
}

#home-team-bg > figure {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 50px;
}

#home-team-bg > figure > div {
	width: 100%;
	height: 100%;
	background-image: url(../img/home-team-bg.jpg);
	background-position: center;
	background-size: cover;
}

#home-blog {
	background-image: url(../img/home-blog-bg.jpg);
	background-position: center;
	background-size: cover;
	padding-top: 400px;
}

#home-blog .iwrap {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}

#home-blog article {
	width: 50%;
	position: relative;
}

#home-blog article img {
	display: block;
	width: 120%;
	position: absolute;
	top: -100px;
	left: -100px;
	z-index: -1;
}

#home-blog-cont {
	width: 50%;
	box-sizing: border-box;
	padding-left: 50px;
	margin-bottom: -50px
}

#home-blog-cont a {
	display: flex;
	width: 100%;
	margin-bottom: 50px;
	font-size: 20px;
	line-height: 32px;
}

#home-blog-cont a figure {
	display: flex;
	width: 160px;
	height: 160px;
	box-sizing: border-box;
	padding: 20px;
	align-items: center;
	justify-content: center;
}

#home-blog-cont a figcaption {
	width: calc(100% - 160px);
	box-sizing: border-box;
	padding-left: 40px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

#home-blog-cont a figcaption strong {width: 100%}

#home-blog-cont a figcaption strong:last-of-type {
	color: #FF0051;
	display: none
}

#home-blog-cont a figcaption strong:first-of-type {transition: color 0.25s}

#home-blog-cont a:hover figcaption strong:first-of-type {color: #FF0051}

#about-wstep {padding-bottom: 0}

#about-work {
	background-image: url(../img/about-work-bg.jpg);
	background-position: center;
	background-size: cover;
}

#about-work-list {
	margin-top: 100px;
	background: rgba(23,27,26,0.75);
	box-sizing: border-box;
	padding: 60px 30px;
	display: flex;
	flex-wrap: wrap;
}

#about-work-list > div {
	width: 33.33%;
	box-sizing: border-box;
	padding: 30px 30px 30px 90px;
	position: relative;
	text-align: left;
}

#about-work-list em {
	font-family: 'Montserrat', sans-serif;
	font-size: 100px;
	font-weight: 800;
	color: #FF0051;
	font-style: normal;
	position: absolute;
	top: 60px;
	left: 0;
	width: 70px;
	text-align: center;
}

#skew-box-2 {
	position: relative;
	z-index: 3;
	width: 100%;
	background: white;
	padding-top: 300px;
}

#skew-box-2 .wrap {
	padding-top: 0;
	background-position: center;
	background-size: cover;
}

#skew-box-2 .iwrap {
	display: flex;
	flex-wrap: wrap;
}

#skew-box-2 .iwrap > span {
	width: 50%;
	position: relative;
}

#skew-box-2 article {
	width: 100%;
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: left;
	display: flex;
	align-items: center;
}

#skew-box-2 .iwrap > span:first-of-type {top: -200px}

#skew-box-logo {
	position: absolute;
	width: 100%;
	height: 200px;
	top: -200px;
	left: 0;
}

#skew-box-logo img {
	display: block;
	width: 45%;
	position: relative;
	margin: 0 auto;
}

#skew-box-2.skew-service .wrap {background-image: url(../img/skew-services.jpg)}

#skew-box-2.skew-portfolio {
	background: #191D21;
	padding-top: 350px;
}

#skew-box-2.skew-portfolio .wrap {
	background-image: url(../img/skew-portfolio.jpg);
	background-position: bottom center;
}

#skew-box-2.skew-portfolio article {
	padding: 50px;
	box-sizing: border-box;
	display: block;
}

#skew-box-2.skew-portfolio li {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: 1px;
	margin-bottom: 10px;
}

#skew-box-2.skew-portfolio article figure {
	width: 100%;
	position: relative;
	display: block;
	margin-bottom: 40px;
}

#skew-box-2.skew-portfolio article img {
	display: block;
	width: 100%;
}

#skew-box-2.skew-portfolio article figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.5s;
}
#skew-box-2.skew-portfolio article figcaption:hover {opacity: 1}

#skew-box-2.skew-portfolio article figcaption a {margin-top: 0}

#skew-box-2.skew-portfolio article div a {display: none}

#team-wrapper {
	background-image: url(../img/team-bg.jpg);
	background-size: cover;
	background-position: top center;
}

#team-wrapper .iwrap-small {
	box-sizing: border-box;
	padding: 100px;
	border: 1px solid white;
	margin-bottom: 100px;
}

#team {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: -40px;
}

#team > div {
	width: 25%;
	box-sizing: border-box;
	padding: 0 40px;
	margin-bottom: 40px;
}

#team figure {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	background: white;
	margin-bottom: 20px;
}

#team figure img {
	display: block;
	width: 100%;
}

#team h3 {
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 10px;
}

#team em {
	display: block;
	line-height: 20px;
	margin-bottom: 10px;
}

#team-single {
	display: flex;
	flex-wrap: wrap;
	padding-top: 40px;
	position: relative;
	z-index: 3;
}

#team-single figure {
    box-sizing: border-box;
    padding: 100px 0 100px 200px;
    width: 50%;
}

#team-single figure span {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	background: white;
}

#team-single figure img {
	display: block;
	width: 100%;
}

#team-single article {
    box-sizing: border-box;
    padding: 100px 200px 100px 0;
    width: 50%;
	display: flex;
	align-items: center;
}

#team-single article h2 {margin-bottom: 30px}

#team-single article hgroup > em {
    font-family: 'Montserrat', sans-serif;
    font-size: 19px;
    line-height: 28px;
    font-weight: 400;
	display: inline-block;
	margin-bottom: 30px;
}

#person-contact {margin-top: 20px}

#person-contact a {
	display: table;
	padding: 2px 0 2px 40px;
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 0 5px;
}
#person-contact a.person-tel {background-image: url(../img/person-tel.png)}
#person-contact a.person-mail {background-image: url(../img/person-mail.png)}

#contact-form {
	background: #EDEDED;
	width: 50%;
	box-sizing: border-box;
	padding: 100px 200px 100px 0;
	text-align: left;
}

#formularz {
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	position: relative
}

#formularz input, #formularz textarea {
	background-color: rgba(255,255,255,0);
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border: none;
	border-bottom: 1px solid #D4D4D6;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    color: #59595A;
    font-size: 16px;
    line-height: 32px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
	border: none;
	border-bottom: 1px solid #D4D4D6;
	-webkit-text-fill-color: #59595A;
	-webkit-box-shadow: 0 0 0px 1000px #EDEDED inset;
}

#formularz input:focus, #formularz textarea:focus {
	outline: none;
	border-color: #FF0051;
}

#formularz textarea {
	height: 110px;
	resize: vertical;
	overflow: hidden;
}

#contact-robot {
	padding-left: 30px;
	position: relative;
}

.robot-checker {
	position: absolute;
	display: block;
	top: 8px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #59595A;
	cursor: pointer;
}
.robot-checker.clicked {background: #A8A8A8}

#formularz-msg {
	color: #FF0051;
	margin-bottom: -10px;
	opacity: 0;
}

#error404-bg {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-image: url(../img/404-bg.jpg);	
	background-position: center;
	background-size: cover;
}

#error404-wrap {
	background: none;
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding-top: 140px;
	padding-bottom: 140px;
}

#error404-wrap .iwrap {
	max-width: 600px;
	padding: 50px 100px;
	box-sizing: border-box;
	border: 1px solid white;
}

#error404-wrap .iwrap > img:nth-of-type(1) {
	display: block;
	position: relative;
	margin: 0 auto 50px;
	width: 70px;
}

#error404-wrap .iwrap > img:nth-of-type(2) {
	display: block;
	position: relative;
	margin: 0 auto 30px;
	width: 100%;
}

#error404-wrap strong {
	color: white;
	font-size: 20px;
	line-height: 22px;
	display: block;
}

#socials404 {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -60px;
}

#socials404 a {
    display: inline-block;
    margin: 0 3px;
}

#socials404 a img {
    display: block;
    width: 30px;
}

#single-portfolio .portfolio-video > div {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	margin-bottom: -40px;
}

#single-portfolio .portfolio-video > div > figure {
    width: 33.33%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 40px;
}

#single-portfolio .portfolio-video > div > figure > div {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    margin: 0 auto;
	outline: 5px solid white;
}

#single-portfolio .portfolio-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* GRID: 1440px */
@media all and (max-width: 1440px) {	

#skew-box {
    padding-top: 180px;
    padding-bottom: 60px;
}	

#skew-box article {
    padding-top: 60px;
    padding-bottom: 60px;
}

#skew-box article:first-of-type {top: -120px}

#skew-box-2 {padding-top: 180px}	

#skew-box-2 .iwrap > span:first-of-type {top: -120px}

#skew-box-2 article {
    padding-top: 60px;
    padding-bottom: 60px;
}

#skew-box-2.skew-portfolio {padding-top: 220px}

#skew-box-2.skew-portfolio article {padding: 40px}

#skew-box-2.skew-portfolio article figure {margin-bottom: 30px}

#skew-box-2.skew-portfolio li {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 5px;
}

#skew-box-logo {display: none}

#home-team article {
    padding: 120px 60px;
    width: 600px;
}

#home-team-bg > figure {padding: 60px 50px}

#home-blog {padding-top: 360px}

#home-blog-cont {margin-bottom: -30px}

#home-blog-cont a {margin-bottom: 30px}

#about-work-list {
    margin-top: 60px;
    padding: 40px 30px;
}

#about-work-list > div {padding: 30px 30px 30px 75px}

#about-work-list em {
    font-size: 80px;
    top: 50px;
    width: 60px;
}

#team-wrapper .iwrap-small {
    padding: 60px 100px;
    margin-bottom: 60px;
}

#team > div {padding: 0 20px}

#team-single figure {padding: 60px 0 60px 100px}

#team-single article {padding: 60px 100px 60px 0}

#contact-form {padding: 60px 100px 60px 0}

#error404-wrap {
	padding-top: 100px;
	padding-bottom: 100px;
}

#error404-wrap .iwrap {padding: 30px 100px}

#error404-wrap .iwrap > img:nth-of-type(1) {
	margin: 0 auto 30px;
	width: 60px;
}
	
} 


/* GRID: 1280px */
@media all and (max-width: 1280px) {
	
#skew-box-2.skew-portfolio article {padding: 30px}	

#skew-box-2.skew-portfolio article figure {margin-bottom: 20px}
	
#home-slider > section ul {
    font-size: 70px;
    margin-bottom: 30px;
    letter-spacing: 8px;
}

#home-slider > section strong {
    font-size: 24px;
    margin-bottom: 30px;
}	

#about-work-list > div {
	width: 50%;
	padding: 30px 30px 30px 80px;
}

#about-work-list em {width: 80px}

#team > div {
    width: 33.33%;
	padding: 0 40px; 
}

#error404-wrap .iwrap {
	max-width: 500px;
	padding: 30px 60px;
}

#socials404 a img {width: 25px}

#single-portfolio .portfolio-video > div {	margin-bottom: -20px}

#single-portfolio .portfolio-video > div > figure {
    padding: 0 10px;
    margin-bottom: 20px;
}
	
}


/* GRID: 1024px */
@media all and (max-width: 1024px) {	
	
#slider-down-wrap {bottom: 5px}	
	
#services .iwrap > article {
	width: 100%;
	margin-bottom: 50px;
}

#skew-box {
    padding-top: 150px;
    padding-bottom: 150px;
}

#skew-box article {
    width: 100%;
    padding: 50px 50px;
}

#skew-box article:first-of-type {
	top: -100px;
	text-align: center;
}

#skew-box article:first-of-type h2 {margin-left: auto}

#skew-box article:last-of-type {
	top: -50px;
	margin-bottom: -150px;
	padding-top: 100px;
}

.skew-service #skew-box-2-checker {display: none}

#skew-box-2.skew-service {
    padding-top: 150px;
    padding-bottom: 0;
}

#skew-box-2.skew-service .iwrap > span {
	width: 100%;
	top: -100px !important;
}

#skew-box-2.skew-service .iwrap > span:last-of-type {margin-bottom: -150px}

#skew-box-2.skew-service article {
	padding: 50px 50px;
	text-align: center;
	margin-bottom: 50px;
}

#skew-box-2.skew-portfolio {padding-top: 190px}

#skew-box-2.skew-portfolio article {padding: 20px}

#skew-box-2.skew-portfolio li {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 5px;
}

#skew-box-2.skew-portfolio article figcaption {display: none}

#skew-box-2.skew-portfolio article div a {display: inline-block}

#home-team-bg > figure {padding: 50px 50px}

#home-team article {
    padding: 100px 50px;
	width: calc(100% - 200px);
    max-width: 600px;
}

#home-blog article {
    width: 100%;
	margin-bottom: 50px;
}

#home-blog article img {display: none}

#home-blog-cont {
    width: 100%;
    padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}

#home-blog-cont a {
    width: 50%;
	box-sizing: border-box;
	padding-right: 20px;
}
#home-blog-cont a:last-of-type {display: none}

#home-blog-cont a figure {
    width: 140px;
    height: 140px;
    padding: 10px;
}

#home-blog-cont a figcaption {
    width: calc(100% - 140px);
    padding-left: 20px;
}

#about-work-list {
    margin-top: 50px;
    padding: 40px 30px;
}

#about-work-list > div {padding: 20px 20px 20px 70px}

#about-work-list em {
    font-size: 60px;
    top: 35px;
    width: 60px;
}

#team-wrapper .iwrap-small {
    padding: 50px 50px;
    margin-bottom: 50px;
}

#team {margin-bottom: -30px}

#team > div {
	padding: 0 20px;
	margin-bottom: 30px
}

#team h3 {
    font-size: 20px;
    line-height: 24px;
}

#team-single {padding-top: 30px}

#team-single figure {
	width: 100%;
    padding: 50px;
}

#team-single figure span {
	max-width: 450px;
	display: inline-block;
}

#team-single article {
	padding: 0px 50px 50px;
	width: 100%;
}
	
#contact-form {
	width: 100%;
	padding: 50px;
}	

#error404-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
}

#error404-wrap strong {
    font-size: 18px;
    line-height: 20px;
}

#single-portfolio .portfolio-video > div {	margin-bottom: -10px}

#single-portfolio .portfolio-video > div > figure > div {outline: 2px solid white}
	
}


/* GRID: 768px */
@media all and (max-width: 768px) {
	
.underslider > figure {display: none}	
	
#home-slider > section ul {
    font-size: 50px;
    margin-bottom: 20px;
    letter-spacing: 4px;
}	

#home-slider > section strong {
    font-size: 20px;
    margin-bottom: 15px;
}

body.body-horizontal #home-slider > section {padding-top: 100px}

body.body-horizontal #slider-down-wrap {display: none}
	
#home-wstep {
    background-size: 80vw;
    background-position: 0 300px;
}

#skew-box {
    padding-top: 120px;
    padding-bottom: 120px;
}

#skew-box article {padding: 40px 20px}

#skew-box article:first-of-type {top: -80px}

#skew-box article:last-of-type {
    top: -40px;
    margin-bottom: -120px;
}

#skew-box-2 {padding-top: 120px}

#skew-box-2 .iwrap > span {top: -80px !important}

#skew-box-2 .iwrap > span:last-of-type {margin-bottom: -120px}

#skew-box-2 article {
	padding: 40px 20px;
	margin-bottom: 40px;
}

.skew-portfolio #skew-box-2-checker {display: none}

#skew-box-2.skew-portfolio {padding-top: 180px}

#skew-box-2.skew-portfolio .iwrap {max-width: 450px}

#skew-box-2.skew-portfolio .iwrap > span {
	width: 100%;
	top: -100px !important;
}

#skew-box-2.skew-portfolio  .iwrap > span:last-of-type {margin-bottom: -150px}

#skew-box-2.skew-portfolio  article {
	padding: 50px;
	margin-bottom: 50px;
}

#skew-box-2.skew-service article {
    padding: 40px 20px;
    margin-bottom: 40px;
}

#home-team-bg > figure {padding: 40px 20px}

#home-team article {
    padding: 80px 20px;
    width: calc(100% - 80px);
    max-width: 100%;
}

#home-blog {padding-top: 340px}

#home-blog article {margin-bottom: 40px}

#home-blog-cont a {
    width: 100%;
    padding-right: 0;
}

#home-blog-cont a figcaption strong {color: white !important}

#about-work-list {
    margin-top: 30px;
    padding: 25px 20px;
}

#about-work-list > div {
	width: 100%;
    padding: 15px 0 15px 70px;
}

#about-work-list em {top: 30px}

#team-wrapper .iwrap-small {
    padding: 40px 20px;
    margin-bottom: 40px;
}

#team > div {width: 50%}

#team-single figure {padding: 40px 20px}

#team-single figure span {max-width: 400px}

#team-single article {padding: 0px 20px 40px}

#contact-form {padding: 40px 20px}

#single-portfolio .portfolio-video > div > figure {
	width: 50%;
	padding: 0 5px;
    margin-bottom: 10px;
}
	
}


/* GEID: 568px */
@media all and (max-width: 568px) {
	
#skew-box-2.skew-portfolio article {
    padding: 30px;
    margin-bottom: 30px;
}	

#skew-box-2.skew-portfolio .iwrap > span:last-of-type {margin-bottom: -130px}
	
#home-slider > section ul {
    font-size: 36px;
	line-height: 42px;
    margin-bottom: 10px;
}

#home-slider > section strong {
    font-size: 18px;
    margin-bottom: 15px;
}

#services .iwrap > article {margin-bottom: 40px}

#skew-box article:last-of-type {padding-top: 80px}	

#home-blog-cont a {
    font-size: 16px;
    line-height: 22px;
}

#home-blog-cont a {
    font-size: 18px;
    line-height: 26px;
}

#about-work-list {margin-top: 40px}

#about-work-list > div {
	width: 100%;
    padding: 15px 0 15px 60px;
}

#about-work-list em {
	font-size: 50px;
	width: 50px;
}

#team > div {padding: 0 10px}

#team figure {
    padding: 5px;
    margin-bottom: 15px;
}

#team h3 {
    font-size: 18px;
    line-height: 22px;
}

#team-single figure span {
    max-width: 350px;
	padding: 10px;
}

#team-single article h2 {margin-bottom: 20px}

#team-single article hgroup > em {
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 20px;
}

#person-contact a {
    padding: 4px 0 4px 35px;
    background-size: 25px;
    background-position: 0 5px;
}

#error404-wrap .iwrap {padding: 30px 40px}

#error404-wrap strong {
    font-size: 16px;
    line-height: 18px;
}

#socials404 {bottom: -40px}

#socials404 a img {width: 22px}

#formularz input, #formularz textarea {
    font-size: 14px;
	line-height: 24px;
}  

.robot-checker {top: 4px}
	
}


/* GRID: 440px */
@media all and (max-width: 440px) {
	
#services .iwrap > article {margin-bottom: 30px}

#skew-box {
    padding-top: 90px;
    padding-bottom: 90px;
}	

#skew-box article {padding: 30px 15px}
#skew-box article:first-of-type {top: -60px}
#skew-box article:last-of-type {
    top: -30px;
    margin-bottom: -90px;
}

#skew-box-2 {padding-top: 90px}	

#skew-box-2 .iwrap > span {top: -60px !important}

#skew-box-2 .iwrap > span:last-of-type {margin-bottom: -90px}

#skew-box-2 article {
	padding: 30px 15px;
	margin-bottom: 30px;
}

#skew-box-2.skew-portfolio {padding-top: 150px}

#skew-box-2.skew-portfolio article {padding: 15px}	

#skew-box-2.skew-portfolio li {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 5px;
}

#skew-box-2.skew-portfolio article figure {margin-bottom: 15px}

#skew-box-2.skew-service article {
    padding: 30px 15px;
}

#home-slider > section ul {font-size: 32px}

#home-team-bg > figure {padding: 30px 15px}

#home-team article {
    padding: 60px 15px;
    width: calc(100% - 60px);
}

#home-blog-cont a figure {
    width: 120px;
    height: 120px;
    padding: 5px;
}

#home-blog-cont a figcaption {
    width: calc(100% - 120px);
    padding-left: 15px;
}

#about-work-list {
    margin-top: 30px;
    padding: 20px 20px;
}

#about-work-list > div {
	width: 100%;
    padding: 10px 0 10px 50px;
}

#about-work-list em {
	font-size: 40px;
	width: 40px;
	top: 20px;
}

#team-wrapper .iwrap-small {
    padding: 30px 15px;
    margin-bottom: 30px;
}

#team {max-width: 300px}

#team > div {
    width: 100%;
	padding: 0;
}

#team-single {padding-top: 20px}

#team-single figure {padding: 30px 15px}

#team-single figure span {
    max-width: 350px;
	padding: 10px;
}

#team-single article {padding: 0px 15px 30px}

#team-single article h2 {margin-bottom: 15px}

#team-single article hgroup > em {margin-bottom: 15px}

#person-contact {margin-top: 15px}

#contact-form {padding: 30px 15px}

#error404-wrap .iwrap {padding: 30px 15px}

#single-portfolio .portfolio-video > div > figure {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}
	
}