/* Glowne */

	*:focus
	{
		outline: none;
	}

	@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i');

	html, body
	{
		width: 100%;
		height: 100%;

		margin: 0px;
		padding: 0px;
	}

	body
	{
		font-family: "Raleway", sans-serif;
		font-size: 1.2em;
		font-weight: 400;
		color: rgb(0,0,0);

		background-color: rgb(255,255,255);
	}

	.clean
	{
		width: 1px;
		height: 1px;
		font-size: 1px;
		display: block;
		clear: both;
		margin: 0px;
		padding: 0px;
	}

	p
	{
		display: block;

		margin: 0px;
		padding: 20px;
	}

	a
	{
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	a, a:link, a:visited, a:active
	{
		color: rgb(255,255,255);
		text-decoration: none;
	}

	a:hover
	{
		color: rgb(247,217,0);
		text-decoration: none;
	}

	strong
	{
		font-weight: 700;
	}

	b
	{
		display: inline-block;
		background-color: rgb(246,0,255);

		color: rgb(255,255,255);
		font-weight: 700;

		margin: 1px;

		padding: 1px;
		padding-left: 4px;
		padding-right: 4px;
	}

	img, iframe
	{
		border-style: none;
		border-width: 0px;
	}

	img
	{
		max-width: 100%;
	}
	
	section
	{
		width: 100%;
		height: 100vh;
		min-height: 770px;

		margin: 0px;
		padding: 0px;

		z-index: 1;
	}

	section.parallax
	{
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	div.container
	{
		display: table;

		height: 100%;
		width: 100%;
		max-width: 1200px;
		
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;

		padding: 0px;

		text-align: center;
	}

	div.content
	{
		margin: 0px;
		padding: 0px;

		display: table-cell;
		vertical-align: middle;
	}

/* Menu */

	nav
	{
		position: fixed;
		top: 0;
		left: 0;

		width: 100%;

		font-size: 1.5rem;
		text-align: right;

		z-index: 9000;
	}

	nav i
	{
		cursor: pointer;

		margin: 10px;

		padding: 17px;
		padding-top: 10px;
		padding-bottom: 10px;

		border-style: none;
		border-width: 0px;
		border-radius: 10px;
	}

	nav i.openmenu
	{
		background-color: rgba(246,0,255,0.8);
		color: rgb(255,255,255);
	}

	nav div.open
	{
		width: 100%;
		height: 100vh;

		margin: 0px;
		padding: 0px;

		background-color: rgba(246,0,255,0.8);
		color: rgb(255,255,255);
	}

	nav div.open div.container
	{
		width: 100%;
		height: 100%;
		display: table;
		text-align: center;
	}

	nav div.open div.container div.content
	{
		display: table-cell;
		vertical-align: middle;
	}

	nav div.open div.container div.content a
	{
		display: block;

		margin: 5px;

		text-align: center;
	}

	nav div.open div.container div.content a, nav div.open div.container div.content a:link, nav div.open div.container div.content a:visited, nav div.open div.container div.content a:active
	{
		color: rgb(255,255,255);
		text-decoration: none;
	}

	nav div.open div.container div.content a:hover
	{
		color: rgb(255,255,255);
		text-decoration: underline;
	}

/* Tytuly */

	div.title
	{
		display: table-cell;
		vertical-align: middle;

		margin: 0px;
		padding: 0px;

		text-align: center;
	}

	h1
	{
		display: block;

		margin: 0px;
		padding: 20px;

		font-size: 3.2rem;
		font-weight: 900;
		color: rgb(255,255,255);
		text-transform: uppercase;
		text-shadow: 3px 3px #F600FF;
	}

/* Kolumny */

	div.container div.content div.column
	{
		display: block;
		float: left;

		width: 50%;

		margin: 0px;
		padding: 0px;
	}

	div.container div.content div.column:first-of-type p
	{
		text-align: right;
	}

	div.container div.content div.column:last-of-type p
	{
		text-align: left;
	}

/* Slajdy */

	/* intro */

	#slide-0
	{
		background-image: url("../img/back_00.jpg");
	}

	#slide-0 div.container div.content img.logo
	{
		max-width: 90%;
	}

	/* pierwszy */

	#slide-1
	{
		background-image: url("../img/back_01.jpg");
	}

	#slide-1 div.container div.content div.column p
	{
		color: rgb(255,255,255);
	}

	/* drugi */

	#slide-2
	{
		background-image: url("../img/back_02.jpg");
	}

	/* trzeci */

	#slide-3
	{
		background-image: url("../img/back_03.jpg");
	}

	/* czwarty */

	#slide-4
	{
		background-image: url("../img/back_04.jpg");
	}

	#slide-4 div.container div.content p, #slide-4 div.container div.content div.column p
	{
		color: rgb(255,255,255);
	}

	/* piaty */

	#slide-5
	{
		background-image: url("../img/back_05.jpg");
	}

	/* szosty */

	#slide-6
	{
		background-image: url("../img/back_06.jpg");
	}

	/* siodmy */

	#slide-7
	{
		background-image: url("../img/back_07.jpg");
	}

	#slide-7 div.container div.content div.column p, #slide-7 div.container div.content p
	{
		color: rgb(255,255,255);
	}

@media only screen and (max-width: 460px)
{
	div.container div.content div.column:first-of-type p, div.container div.content div.column:last-of-type p
	{
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
}

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

@media only screen and (max-width: 960px)
{
	#slide-0, #slide-5
	{
		background-position: right center;
	}

	#slide-2
	{
		background-position: left center;
	}

	section.parallax
	{
		height: auto;
		min-height: 100vh;
	}

	section.parallax.adjust
	{
		height: 100vh;
	}

	div.container
	{
		min-height: 100vh;
	}

	div.container div.content div.column
	{
		float: none;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	div.container div.content div.column:first-of-type p, div.container div.content div.column:last-of-type p
	{
		text-align: center;
	}

	h1
	{
		font-size: 2rem;
		text-align: center;
	}
}