@charset "UTF-8";
/* CSS Document */

/* style specyficzne dla głównej */
/*============================================*/

article section {
	padding-bottom: 0%;
}

#project-info {
	padding-bottom: 5%;
}

article h1 {
	font-family: 'Barlow Condensed', 'Roboto Condensed', sans-serif;
	font-size: 2.5em;
	font-weight: 700;
	color: #181a1c;
	text-transform: none;
	margin: 0 0 6% 0; /*2.94117647%;*/
}

article h2 {
	font-family: 'Barlow Condensed', 'Roboto Condensed', sans-serif;
	font-size: 2em;
	font-weight: 300;
	letter-spacing: -0.02em;
	color: #66696d;
	text-transform: none;
	margin: 6% 0 6% 2.94117647%;
}

article h3 {
	font-family: 'Barlow Condensed', 'Roboto Condensed', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: #181a1c;
	text-transform: none;
	margin: 0 0 6% 0;
}

article p {
	font-size: 1em;
	font-weight: 400;
	color: #181a1c;
}

article p a {
	font-weight: 400;
	border-bottom: solid 2px #181a1c;
}

article ul {
	display: block;
	width: 100%;
	float: left;
	padding-left: 7%;
}

article ul li {
	color: #181a1c;
	margin-bottom: .2em;
}

/*
=========================
REGUŁY PROJEKTOWANIA
=========================
*/

section#zasady {
	border-bottom: solid 1px #fff;
}

#zasady h3 {
	padding: 5px 0px 5px 45px;
}

#zasady p {
	padding: 0 0 0 45px;
	margin-bottom: 15%;
}


#znajomosc h3 {
	background: url(../gfx/home/ico_home_reg_users.png) left 50% no-repeat;
}
#info h3 {
	background: url(../gfx/home/ico_home_reg_info.png) left 50% no-repeat;
}
#akcja h3 {
	background: url(../gfx/home/ico_home_reg_akcja.png) left 50% no-repeat;
}
#dostep h3 {
	background: url(../gfx/home/ico_home_reg_dostep.png) left 50% no-repeat;
}
#este h3 {
	background: url(../gfx/home/ico_home_reg_este.png) left 50% no-repeat;
}




/*
=========================
LINKI DO CASEOW NA HOME
=========================
*/
ul.gallery {
	list-style: none;
	padding: 0;
	background-color: #181a1c;
}
.gallery li {
	width: 100%;
	max-width: 100%;
}

ul.gallery li a {
	display: table;
	width: 100%;
	border-bottom: solid 1px #27292a;
	padding: 50px 0 10px 0;
	color: #95989c;
	text-decoration: none;
	font-size: 0.875em;
}

ul.gallery li a span {
	display: table-cell;
	text-align: left;
}

ul.gallery li a:hover, ul.gallery li a:hover #project-name span {
	background-color: #ffffff;
	border-bottom: solid 1px #ffffff;
	color: #181a1c;
	opacity: 1;
}

#lp {
	width: 12%;
	padding-left: 20px;
}
#project-name {
	/*width: 65%;*/
	font-family: 'Barlow Condensed', 'Roboto Condensed', sans-serif;
	text-transform: none;
	font-size: 2.2em;
	font-weight: 400;
	letter-spacing: -0.02em;
}
#project-name span {
	display: inline;
	font-weight: 200;
	font-size: .9em;
	opacity: .5;
}
#scope {
	width: 20%;
	text-align: right;
	padding-right: 20px;
}





/*
=========================
link do całego portfolio
=========================
*/

#go-next {
	width: 100%;
	/*background-color: #e8e9e9;*/
	background-color: inherit;
	float: left;
	text-align: left;
	padding:0;
	margin: 5% 0 9% 2.94117647%;
}

#go-next a {
	color: #181a1c;
	font-size:0.9375em;
	font-weight: 600;
	letter-spacing: -0.02em;
	text-decoration: none;
	padding:15px 24px 15px 0;
	background: url(../gfx/icons/arrow-next.png) right 50% no-repeat;
}

#go-next a:hover {
	opacity: .6;
}

/* ilustracja */

#ilustracja {
	padding-bottom: 0;
	z-index: 90;
	text-align: center;
}
#ilustracja img {
	margin: 0 auto;
	margin-top: -5%;
}

/* lista linkow do kejsow */

ul.gallery {
	list-style: none;
	padding: 0;
}
.gallery li {
	width: 100%;
	margin-bottom: 0;
}

ul.gallery li a {
	display: table;
	width: 100%;
	border-bottom: solid 1px #27292a;
	padding: 50px 0 10px 0;
	color: #95989c;
	text-decoration: none;
	font-size: 0.875em;
}

ul.gallery li a span {
	display: table-cell;
	text-align: left;
}

ul.gallery li a:hover, ul.gallery li a:hover #project-name span {
	background-color: #ffffff;
	color: #181a1c;
	opacity: 1;
}

#lp {
	width: 12%;
	padding-left: 20px;
}
#project-name {
	/*width: 65%;*/
	font-family: 'Barlow Condensed', 'Roboto Condensed', sans-serif;
	text-transform: none;
	font-size: 2.2em;
	font-weight: 400;
	letter-spacing: -0.02em;
}
#project-name span {
	display: inline;
	font-weight: 200;
	font-size: .9em;
	opacity: .5;
}
#scope {
	width: 20%;
	text-align: right;
	padding-right: 20px;
}

/*
===================
       RWD
===================
*/
@media only screen and (max-width:880px) {
	article {
		padding-bottom: 0;
	}
}

@media only screen and (max-width:768px) {


}

@media only screen and (max-width:668px) {

	header nav ul {

	}
	section#project-info {
		margin-top: 0;
	}

	#project-info h1 {
		font-size: 2em;
		font-weight: 400;
	}

	article h2 {
		color: #181a1c;
		font-weight: 400;
		/*margin: 0 0 6% 2.94117647%;*/
		display: block;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 0%;
		margin-top: 9%;
		padding: 0.7em 0 1em 0;
		/*background-color: #ffffff;*/
		text-align: center;
		font-size: 2em;
	}
	article .bg-dark h2 {
		color: #66696d;
		background-color: #181a1c;
		margin: 9% 0 0 0;
		padding-bottom: 0;
	}

	div.one-column-lt {
		display: block;
		float: left;
		width: 90%;
		margin-left: 10%;
	}

	article h3 {
		margin:0 0 2% 0;
	}
	article ul {
		padding:0 0 7% 5%;
	}

	#zasady p {
		margin-bottom: 10%;
	}


	/*
	====================================
	LINKI DO CASEOW NA HOME od 668 w dół
	====================================
	*/

	ul.gallery {
		/*border-bottom: solid 20px #181a1c;*/
	}

	ul.gallery, ul.gallery li {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	ul.gallery li a, ul.gallery li a:hover {
		width: 100%;
		margin: 0;
		padding: 35px 0 20px 0;
	}

	#lp {
		display: none;
	}
	#project-name {
		width: 90%;
		max-width: 90%;
		text-align: left;
		font-weight: 400;
		padding-left: 12px;
	/*	overflow: hidden;*/
		text-overflow: ellipsis;
	}
	#project-name span {
		font-size: .85em;
	}
	#scope {
		display: none;
	}





	/* link do portfolio */

	#go-next {
		width: 100%;
		/*background-color: #e8e9e9;*/
		background-color: inherit;
		float: left;
		text-align: center;
		padding: 3em 0 4em 0;
		margin: 0 auto;
	}

	#ilustracja img {
		width: 90%;
		margin: 0 auto;
		margin-top: -4%;
		margin-bottom: 0;
		display: block;
	}

}