@font-face {
    font-family: 'OpenSans-Regular';
    src: url('fonts/opensans_regular/OpenSans-Regular-webfont.woff') format('woff');

}
	

@font-face {
    font-family: 'OpenSans-Light';
    src:url('fonts/opensans_light/OpenSans-Light-webfont.woff') format('woff');
}



@font-face {
    font-family: 'SpecialElite';
    src:url('fonts/specialelite_regular/SpecialElite-webfont.woff') format('woff');

}

body { 
  padding: 0; 
  margin: 0 auto; 
  font-family: 'OpenSans-Light';

}
	
a:link {
   color:#628D97;
   text-decoration: none;
   }

a:visited {
   color:#628D97;
   text-decoration: none;
   }

a:hover {
   color: #999;
   text-decorationpx;: none;
   }

a:active {
   color:#628D97;
   text-decoration: none;
   }
   
   
   
header {
	height:70px;
	width:100%;
	background-color:rgba(0, 0, 0, .6);
	
	position: fixed;
	-webkit-box-shadow: 0 10px 6px -6px #000;
       -moz-box-shadow: 0 10px 6px -6px #000;
            box-shadow: 0 10px 6px -6px #000;
			
}






.caloscdol{
   width: 350px;
   height: 60px;
   margin:0 auto;
   padding-top:10px;
	left:15px;
	z-index:999;
	position:fixed;

   }

   
.social {
	width:350px;
    height: 65px;
	text-align:left;
	margin:auto;
	padding-right:20px;
	float:left;
    }

.fa {
    font-size: 23px;
    width: 33px;
	padding-top:5px;
	padding-bottom:5px;
	
    text-decoration: none;
    text-align:center;
    margin: 7px 3px;
    border-radius:30px;
	box-shadow: 3px 3px 10px #0;
	-moz-box-shadow:3px 3px 10px #0;
	-webkit-box-shadow:3px 3px 10px #0;
    }

.fa:hover {
   opacity: 0.7;
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   transform: scale(1.05);
   }
	

.fa-facebook {
  
	background:rgba(50, 50, 50, .5);
    }

.fa-youtube {
    background:rgba(50, 50, 50, .5);
    }

.fa-skype {
    background:rgba(50, 50, 50, .5);
    }
	
.fa-twitter {
    background:rgba(50, 50, 50, .5);
    }

.fa-soundcloud {
    background:rgba(50, 50, 50, .5);
    }
	
.fa-instagram {
    background:rgba(50, 50, 50, .5);
	
    }
	
	
	
	
	
.container{	
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1px;
	padding-right: 40px;
	float:right;
	background: rgba(0, 0, 0, 0.99);
	border-left:2px solid #628D97;
	border-right:2px solid #628D97;
	border-top:2px solid #628D97;
}


#navigation {
	font-family: 'OpenSans-Regular';
    position:fixed;
	width:100%;
	top: 0;
	line-height:38px;
	
	z-index:900;
	border-bottom:2px solid #628D97;
	
	
}

#mainnav { 
     font-size: 0px; 
}

#mainnav li { 
  display: inline-block;
  margin-left: 8px;
   margin-top: 16px;
   margin-bottom: 8px;
}

#mainnav li:last-child {
	 margin-right: 0px; 
}

#mainnav li a {
   text-decoration: none;
   font-size: 19px;
   color:#DDD;
   text-transform:uppercase;
   margin-right: 5px;
   letter-spacing:2px;

}

#mainnav li:first-letter {
	
}


#mainnav li a:hover {
    color:#628D97;
}
						 


.menu-icon {
  background:url(grafika/hamburger.png) left top no-repeat;
  display:none;  
  position: absolute;
  width: 40px;
  height: 40px;
  -webkit-background-size:100%;
  -moz-background-size:100%;
  -ms-background-size:100%;
  -o-background-size:100%;
  background-size:100%;
  right: 0px;
  top:10px;
  cursor:pointer;
}




.naglowek{
    margin:0 auto;
	margin-top:-50px;
	max-width:900px;
	padding:25px;

}


h1 {
	font-family:'SpecialElite';
	margin-left:0 auto;
	margin-right: 0 auto;
	padding-top:25px;
	text-align:center;
    font-weight:100;
    font-size:80px;	
    line-height:60px;
    letter-spacing:1px;
}


.color{
	color:#FFF;
}

.wielkosc{
	font-size:21px;	
     font-family:'OpenSans-Light';
    letter-spacing:2px;
	font-weight:900;
	color:#FFF;
}
		



.zero{
	padding: 50px 0;
	text-align: left;
	width:100%;
	height:100vh;
	background:url(grafika/artur_1.png) center/cover no-repeat;
	-webkit-background-size: center/cover no-repeat;
    -moz-background-size: center/cover no-repeat;
    -o-background-size: center/cover no-repeat;
    background-size: center/cover no-repeat;
	display:table;
	background-attachment:fixed;

	
}

.jeden{
	padding: 50px 0;
	text-align: left;
	width:100%;
	height:100vh;
	background:url(grafika/artur_2.png) center/cover no-repeat;
	-webkit-background-size: center/cover no-repeat;
    -moz-background-size: center/cover no-repeat;
    -o-background-size: center/cover no-repeat;
    background-size: center/cover no-repeat;
	display:table;
	background-attachment:fixed;

}

	
.dwa{
	padding: 50px 0;
	text-align: left;
	width:100%;
	height:100vh;
	background:url(grafika/artur_3.png) center/cover no-repeat;
   -webkit-background-size: center/cover no-repeat;
    -moz-background-size: center/cover no-repeat;
    -o-background-size: center/cover no-repeat;
    background-size: center/cover no-repeat;
	display:table;
    background-attachment:fixed;
}
	

.trzy{
	padding: 50px 0;
	text-align: left;
	width:100%;
	height:100vh;
	background:url(grafika/artur_4.png) center/cover no-repeat;
	-webkit-background-size: center/cover no-repeat;
    -moz-background-size: center/cover no-repeat;
    -o-background-size: center/cover no-repeat;
    background-size: center/cover no-repeat;
	display:table;
    background-attachment:fixed;
}


.cztery{
	padding: 50px 0;
	text-align: left;
	width:100%;
	height:100vh;
	background:url(grafika/artur_5.png) center/cover no-repeat;
	-webkit-background-size: center/cover no-repeat;
    -moz-background-size: center/cover no-repeat;
    -o-background-size: center/cover no-repeat;
    background-size: center/cover no-repeat;
	display:table;
    background-attachment:fixed;
}

.piec{
	padding: 50px 0;
	text-align: left;
	width:100%;
	height:100vh;
	-webkit-background-size: center/cover no-repeat;
    -moz-background-size: center/cover no-repeat;
    -o-background-size: center/cover no-repeat;
    background-size: center/cover no-repeat;
	display:table;
    background-attachment:fixed;
}

.szesc{
	padding: 50px 0;
	text-align: left;
	width:100%;
	height:100vh;
	background:url(grafika/artur_1.png) center/cover no-repeat;
	-webkit-background-size: center/cover no-repeat;
    -moz-background-size: center/cover no-repeat;
    -o-background-size: center/cover no-repeat;
    background-size: center/cover no-repeat;
	display:table;
    background-attachment:fixed;
}						  




.kontener {
	max-width:400px;
	height:70px;
	background-color:rgba(98, 141, 151, .8);
	margin: 0 auto;
	text-align:center;
	padding-bottom:20px;
	-webkit-box-shadow: 0 10px 6px -6px #000;
       -moz-box-shadow: 0 10px 6px -6px #000;
            box-shadow: 0 10px 6px -6px #000;
}

h2{
	font-family:'OpenSans-Light';
	font-size:40px;
	letter-spacing:3px;
	z-index:999;
	text-align:center;
	text-transform:uppercase;
	color:rgba(250, 250, 250, .9);
	
}



.calosc {
	  float:right;
	  margin-right:100px;
	  margin-top:20px;
	  padding-bottom:30px;
	padding-top:30px;
	padding-left:40px;
	padding-right:40px;
	background-color:rgba(0, 0, 0, .7);
	  
}


.okladka_start {
max-width:400px;
	height:auto;
	margin: 0 auto;
	 margin-right:100px;
	padding-bottom:30px;
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	background-color:rgba(0, 0, 0, .7);
}



.calosc1 {
	max-width:1500px;
	height:auto;
	margin: 0 auto;
	padding-bottom:30px;
	padding-top:30px;
	padding-left:40px;
	padding-right:40px;
	text-align:center;
	
}
.calosc5 {
    max-width:950px;
	  margin: 0 auto;
	  height:auto;
	  margin-top:30px;
	  padding-bottom:30px;
	padding-top:30px;
	padding-left:40px;
	padding-right:40px;
	background-color:rgba(0, 0, 0, .7);
	  
}



.okladka {
	max-width:100%;
	height:auto;
	margin: 0 auto;
	display:inline-block;
	padding-bottom:30px;
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	background-color:rgba(0, 0, 0, .7);
}


.streaming {
	max-width:100%;
	height:auto;
	margin: 0 auto;
	margin-right:5px;
	margin-top:20px;
	display:inline-block;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	background-color:rgba(250, 250, 250, .9);
}




.calosc4 {
	max-width:1090px;
	height:auto;
	margin: 0 auto;
	margin-top:80px;
	padding-bottom:30px;
	padding-top:30px;
	padding-left:40px;
	padding-right:40px;
	text-align:center;
	
}

.ksiazka {
		max-width:100%;
	height:auto;
	margin: 0 auto;
	display:inline-block;
	padding-bottom:30px;
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	background-color:rgba(0, 0, 0, .7);
}








.calosc2 {
	  max-width:900px;
	  margin: 0 auto;
	  float:left;
	  height:auto;
	  margin-top:-20px;
	  margin-left:50px;
    padding-bottom:30px;
	padding-top:30px;
	padding-left:40px;
	padding-right:40px;
	background-color:rgba(0, 0, 0, .7);
}

.calosc3 {
	  max-width:850px;
	  margin: 0 auto;
	  height:auto;
	  padding-bottom:30px;
	padding-top:30px;
	padding-left:40px;
	padding-right:40px;
	background-color:rgba(0, 0, 0, .7);
}





h3{
    font-family:'OpenSans-Regular';
	font-weight:500;
	font-size: 17px ;
	line-height:1.5;
	color:#DFDFDF;
	letter-spacing:1px;
	text-align:left;
}

h4{
    font-family:'OpenSans-Regular';
	font-weight:500;
	font-size: 10px ;
	line-height:1.5;
	color:#DFDFDF;
	letter-spacing:1px;
	text-align:left;
}

.odstep{
    display: block;
	font-size: 20px;
	padding-bottom:5px;
}

.odstep1{
	display: block;
	font-size: 20px;
	padding-top:25px;
	padding-bottom:5px;
}





p{
	font-size: 19px;
	line-height:1.6;
	color:#F4F4F4;
	letter-spacing:1px;

}

.tytul{
	font-family: 'OpenSans-Regular';
	font-weight:900;
	font-size: 23px;
    color:#9EAF25;
	letter-spacing:1.5px;
	margin-bottom:-8px;
}


.kwadrat{
	float:right;
	clear:both;
}



/* footer
==================================================*/

.footer {
	padding: 30px;
}

/* 
================================================== footer*/




/* media screnn
==================================================*/

@media only screen and (max-width: 1220px) {
.caloscdol{
   width: 200px;
 }

 header{
	 border-bottom:2px solid #628D97;
 }
 
.social {
	width:100%;
}
	
.fa {
    font-size: 13px;
    width: 18px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:1px;
    border-radius:25px;
}	
	
	

.naglowek{
    margin:0 auto;
	width:90%;
	margin-top:-50px;
}
    
h1 {
  font-size: 50px;
  line-height:60px;
}
	

.okladka_start {
	text-align:center;
	float:none;
	margin-right:none;
	margin:0 auto;
	margin-bottom:20px;
}



h3{
	font-size: 17px ;
	line-height:1.6;
	letter-spacing:1;
}

h4{
	font-size: 10px ;
	line-height:1.6;
	letter-spacing:1;
}
.okladka {
	margin-top:5px;
}
.ksiazka {
	margin-top:5px;
}


.container{	
width:100%;
float:none;
border:none;
background: rgba(0, 0, 0, .1);

}

#navigation { 
    display: none; 
    width: 100%;
    top: 65px;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    z-index:9999;
    text-align: left;
	

}
  
#mainnav { 
    padding : 0px;
    margin : 0px; 
}
  
#mainnav li { 
    display: block;
    border-bottom : 1px solid #ccc;
    padding: 0 !important;
    margin: 0px; 
}
  
#mainnav li:last-child {
    border-bottom: 0px;
}
  
#mainnav li a {
    color:#DDD;
    padding: 10px 15px;
    display: block;
    margin: 0px !important;
}

#mainnav li a:hover {
    color:#628D97;
}
  
.menu-icon { 
  display:block !important; 
  right: 20px; 
}

 


.zero{
	
	background-attachment:scroll;
}

.jeden{
	background-attachment:scroll;
}

.dwa{
	background-attachment:scroll;
} 

.trzy{
	background-attachment:scroll;
} 

.cztery{
	background-attachment:scroll;
} 

.piec{
	background-attachment:scroll;
} 

.szesc{
	background-attachment:scroll;
} 



	
	
}

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

.okladka_start {
	text-align:center;
	float:none;
	margin-right:none;
	margin:0 auto;
	margin-bottom:20px;
}

.calosc {
	width:80%;
	float:none;
	margin-right:none;
	margin:0 auto;
}

.calosc5 {
	  width:80%;
	  float:none;
	  margin-left:none;
	  margin:0 auto;
	
}


.calosc2 {
	  width:80%;
	  float:none;
	  margin-left:none;
	  margin:0 auto;
	
}

.calosc3 {
    width:80%;
	margin:0 auto;
}






h3{
	font-size: 15px ;
	line-height:1.5;
	letter-spacing:1;
	text-align:center;
}

h4{
	font-size: 8px ;
	line-height:1.5;
	letter-spacing:1;
	text-align:center;
}

.tytul{
	font-weight:900;
	font-size: 18px;
	letter-spacing:1.3;
}

.kontener {
	max-width:60%;
	height:60px;
	margin-top:30px;
	padding-top:1px;
}


h2{
	font-size:20px;
}


.naglowek{
    margin:0 auto;
	margin-top:-50px;
	width:90%;
}
	 	
    
h1 {
  font-size: 45px;
  line-height:50px;
}	
}