html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

nav {margin-top:20px; height: 100px;}
.menu {margin-top:20px; margin-left: 30%; float: left;}

@media only screen and (min-width: 959px) and (max-width: 1800px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	header #logo{top:20px;margin: 0 auto;}
	
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
		.wrap-pasek-tytul { padding-left: 10px;}
	
}



@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	nav {margin-top:20px; height: 100px;}
	
	#lewaKolumna
	{
	
	padding-left: 10px; width:22%; float:left; background-color: rgb(239,238,238); margin: 0 auto; text-align: left;
	
	}
	
	header #logo{top:20px;margin: 0 auto;}
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.wrap-pasek-tytul { padding-left: 10px;}
	
}

@media only screen and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	header {text-align: center;}
	header {margin-top: 0px;height:150px;}
	header #logo{top:20px;margin: 0 auto;}
	
	/* -------------------------------------------- */
	/* ------------------Featured------------------ */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
header{height: 60px;}

 #logo {width:100%; }
 
    #logo img {width:200px; margin-left: 35%;}

	
		.menu {margin-top:10px; margin-left: 5%;  }
			.wrap-pasek-tytul {margin-top: 30px; padding-left: 10%;}
			
			
				#prawaKolumna h3
	{

	}
	
	
		.wrap-pasek-tytul-napis
{
	text-align: center;
	font-size: 16px;
}


	}


@media only screen and (min-width: 480px) and (max-width: 619px) {
	header{height: 60px;}
 #logo {width:100%; }
 
    #logo img {width:200px; margin-left: 35%;}

	
	.menu {margin-top:10px; margin-left: 5%;  }
	
	.wrap-pasek-tytul {margin-top: 30px; padding-left: 10%;}
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
	.wrap-pasek-tytul-napis
{
	
	font-size: 14px;
}

}

@media only screen and (max-width: 479px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	header{height: 60px;}
	#logo {margin-left: 25%;}
    #logo img {width:200px;}


	.wrap-nav { margin: 0 auto; }
	
	.wrap-pasek-tytul {margin-top: 30px; padding-left: 10%;}
	
	.menu ul {list-style: none; margin: 0;padding: 0;}
	.menu  ul li {position: relative;float: left;padding: 3px 3px 0px 3px;}
.menu  ul li:hover {color: rgb(192,100,98);}
.menu  ul li a {font-size: 12px; line-height:14px; color: rgb(31,35,52); display: block;padding: 6px 10px;margin-bottom: 5px; }
.menu  ul li:hover a { color: rgb(195,163,97);}


	.wrap-pasek-tytul {margin-top: 40px; padding-left: 10px;}
	
	.menu {margin-top:40px; margin-left: 5%;  }
	
	#main-content .comment input, #main-content .comment textarea{width:90%;}
	
	#lewaKolumna
	{
	font-size: 11px;
	}
	
	#prawaKolumna h3
	{
		
	width: 95%;
	}
	
	#lewaKolumnaKon
	{
	font-size: 11px;
	
	}
	
	#prawaKolumnaKon h3
	{
	width: 100%;

	}
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
	nav {margin-top:20px; height: 100px;}
.menu {margin-top:20px; float: left;}

.wrap-pasek-slogan{height: 52px; width: 100%; background-color:  rgb(193,162,95); text-align: center; color: white; float: left; }
.wrap-pasek-slogan2{height: 52px; width: 100%; background-color:  rgb(193,162,95); text-align: center; color: white; float: left; }



 h4{
	

	margin: 0 auto;
	 font-size: 3.0vh;
	 font-family: Helvetica-t;
	  font-size: 15px;
	  margin-bottom: 20px;
	
}

.wrap-pasek-tytul-napis
{
	
	font-size: 12px;
}


}