/* #Base 1280 Grid
================================================== */
/*ta czesc definiowana w kodzie*/

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

	
}

/* #Base 960 Grid
================================================== */

@media only screen and (min-width: 961px) and (max-width: 1279px) {

	
	
}


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 769px) and (max-width: 960px) {

	#main-header h1, header h1, #main-header div#h1, header div#h1 {
		max-width:80px;
		position:absolute;
		top:10px;
		left:50px;
	}
	
	#main-nav-header ul, nav#main-nav-header ul {
		padding:10px 50px 10px 0px;
	}
	
	
	div.section h1 span.tytul-1 {
		font-size:60px;
	}

	div.section h1 span.tytul-2 {
		font-size:20px;
	}

	
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (min-width: 480px) and  (max-width: 768px) {
	
	#main-header h1, header h1, #main-header div#h1, header div#h1 {
		max-width:70px;
		position:absolute;
		top:10px;
		left:20px;
	}
	
	#main-nav-header ul, nav#main-nav-header ul {
		padding:10px 20px 10px 0px;
	}
	
	section .tresc {
		padding:0px 20px;
	} 
	
	div.section h1 span.tytul-1 {
		font-size:40px;
	}

	div.section h1 span.tytul-2 {
		font-size:16px;
	}
	
	div.section h1 span.tytul-3 {
		font-size:30px;
	}

	div.section h1 span.tytul-4 {
		font-size:16px;
	}
	
	div.boksy-glowna-lista {
		margin-top:5px;
		margin-bottom:0px;
		padding-left:20px;
		padding-right:20px;
	}
	
	p a.powieksz {
		max-width:100px;
	}
	
	#main-footer p.adress, footer p.adress {
		display:none;
	}
	
	#main-footer p.adress, footer p.adress {
		display:none;
	}
	
	#main-footer p, footer p {
		width:100%;
		min-width:auto;
		font-size:11px;
		padding:4px 20px;
		margin:0;
		text-align:left;
	}
	
	
	#main-footer p.copy, footer p.copy {
		text-align:left;
		float:none;	
	}

	#main-footer p.projekt, footer p.projekt {
		text-align:left;
		float:none;	
	}
	
	
	a.show-menu {
		width:40px;
		height:40px;
		top:10px;
		right:10px;
	}
	
	div.close-menu {
		width:40px;
		height:40px;
		top:-50px;
		right:10px;
	}
	
	#main-nav ul li a, nav ul li a {
		font-size:20px;
		padding:20px 0px;
	}
	
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and  (max-width: 480px) {
	
	#main-header h1, header h1, #main-header div#h1, header div#h1 {
		max-width:70px;
		position:absolute;
		top:10px;
		left:20px;
	}
	
	#main-nav-header ul, nav#main-nav-header ul {
		padding:10px 20px 10px 0px;
	}
	
	section .tresc {
		padding:0px 20px;
	} 
	
	div.section h1 span.tytul-1 {
		font-size:40px;
	}

	div.section h1 span.tytul-2 {
		font-size:16px;
	}
	
	div.section h1 span.tytul-3 {
		font-size:30px;
	}

	div.section h1 span.tytul-4 {
		font-size:16px;
	}
	
	div.boksy-glowna-lista {
		margin-top:5px;
		margin-bottom:0px;
		padding-left:20px;
		padding-right:20px;
	}
	
	p a.powieksz {
		max-width:100px;
	}
	
	#main-footer p.adress, footer p.adress {
		display:none;
	}
	
	#main-footer p, footer p {
		width:100%;
		min-width:auto;
		font-size:11px;
		padding:4px 20px;
		margin:0;
		text-align:left;
	}
	
	
	#main-footer p.copy, footer p.copy {
		text-align:left;
		float:none;	
	}

	#main-footer p.projekt, footer p.projekt {
		text-align:left;
		float:none;	
	}
	
	
	a.show-menu {
		width:40px;
		height:40px;
		top:10px;
		right:10px;
	}
	
	div.close-menu {
		width:40px;
		height:40px;
		top:-50px;
		right:10px;
	}
	
	#main-nav ul li a, nav ul li a {
		font-size:20px;
		padding:20px 0px;
	}
	
	
	
}