body
{
    margin: 0px;
    padding: 0px;
    background-color: #dac9b6;
}
@media (min-width: 320px) 
{
	h1
	{
		font-size: 2rem;
		margin: 0px;
	}

	h3
	{
		margin: 0px;
		font-size: 1rem;
	}

	h4
	{
		margin: 0px ;
		padding: 15px 0 0 15px;
	}

	.tytul_podstrony
	{
		padding: 15px 0 0 15px;
	}

	p 
	{
		margin: 0px;
    	padding: 0px;
	};


	#container
	{
		margin: 0 auto;
	}

	.header
	{
		border-bottom: 1px solid black;
	}

	.logo
	{
		width: 22%;
		display: inline-block;
		padding-left: 15px;
	}

	.tekst_header
	{
		width: 65%;
		display: inline-block;
		float: right;
		text-align: center;
	}

	#sm
	{
		z-index: 100;
		position: relative;
		float: right;
		max-width: 30%;
		
	}

	.social
	{
		width: 22%;
		max-width: 28px;
		display: inline-block;
		float: right;
		padding: 7px 10px 0px 0px;
	}

	#zdjecie_ks
	{
		width: 45%;
		padding-top: 5%;
		display: inline-block;
		float: left;
		padding-bottom: 2%;
	}

	.kobieta
	{
		padding-left: 15px;
	}

	.kobieta2
	{
		width: 30%;
		margin: 20px auto;
		display: block;
	}

	q 
	{
		display: inline-block;
		width: 40%;
		float: left;
		padding: 12% 0 0 0;
	}

	.autor
	{
		text-align: right;
		padding-right: 35px;
		font-size: 0.6rem;
	}

	.zaproszenie
	{
		
		text-align: right;
		padding: 0 10% 15px 0;
		
	}

	.guzik
	{
		float: right;
		margin-right: 10%;
		padding: 10px 30px 10px 30px;
		border: 1px solid black;
		background-color: #B8A999;
		border-radius: 10px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000000;
	}

	.dane_kon
	{
		display: flex;
		align-items: center;
		
	}

	#ikona_tel
	{
		width: 30px;
		padding: 15px;
	}


	#ikona_mail
	{
		width: 30px;
		padding: 15px;
	}

	a.tel_mail
	{
		text-decoration: none;
		color: #000000;
	}

	a.tel_mail:hover
	{
		text-shadow:3px 3px #b49777;
	}

	fieldset{
		background-color: #B8A999;
		margin-top: 15px;
	}

	input[type=text], input[type=tel], input[type=email]
	{
		margin: 5px 0 5px 0;
		min-width: 280px;
	}

	textarea
	{
		margin: 5px 0 5px 0;
		min-width: 280px;
		height: 250px;
	}

	.sendmail
	{
		margin: 0 auto;
		display: block;
	}

	.tekst_omnie
	{
		text-indent: 30px;
		text-align: justify;
		margin: 15px 15px;
	}

	.dojazd_foto
	{
		display: flex;
		flex-wrap: wrap;
		
		align-items: center;
		justify-content: center;
	}
	
	.dojazd
	{
		width: 100%;
		padding: 5px;
		margin: 10px;
		box-shadow:3px 3px 6px black;
	}

	.adres
	{
		padding: 15px;
		text-align: center;
	}

	.nr_rach
	{
		font-size: 0.9rem;
	}

	.komunikator
	{
		max-width: 60px;
		padding: 10px;
	}

	.footer
	{
		margin-top: 10%;
		font-size: 0.5rem;
		min-height: 90px;
		border-top: 1px solid black;
	}

	.footer1
	{
		display: inline-block;
		float: left;
		padding: 30px 0 0 5px;
	}

	.footer2
	{
		display: inline-block;
		float: right;
		font-size: 0.4rem;
		text-align: right;
		padding-top: 10px;
	}

	.footer3
	{
		display: inline-block;
		float: right;
		padding: 0 5px 0 5px;
	}

	.logo_dolne
	{
		width: 80px;
	}


}

/* Mobilne menu*/
@media screen and (max-width: 1199px){
	#menu {
		background: #B8A999;
		color: #FFF;
		height: 40px;
		padding-left: 18px;
		border-radius: 0px;
	}
	#menu ul, #menu li {
		margin: 0 auto;
		padding: 0;
		list-style: none
	}
	#menu ul {
		width: 100%;
	}
	#menu li {
		float: left;
		display: inline;
		position: relative;
	}
	#menu a {
		display: block;
		line-height: 40px;
		padding: 0 14px;
		text-decoration: none;
		color: #FFFFFF;
		font-size: 16px;
	}
	#menu a.dropdown-arrow:after {
		content: "\25BE";
		margin-left: 5px;
	}
	#menu li a:hover {
		color: #000000;
		background: #DAC9B6;
	}
	#menu input {
		display: none;
		margin: 0;
		padding: 0;
		height: 40px;
		width: 100%;
		opacity: 0;
		cursor: pointer
	}
	#menu label {
		display: none;
		line-height: 40px;
		text-align: center;
		position: absolute;
		left: 35px
	}
	#menu label:before {
		font-size: 1.6em;
		content: "\2261"; 
		margin-left: 20px;
	}
	#menu ul.sub-menus{
		height: auto;
		overflow: hidden;
		width: 170px;
		background: #444444;
		position: absolute;
		z-index: 99;
		display: none;
	}
	#menu ul.sub-menus li {
		display: block;
		width: 100%;
	}
	#menu ul.sub-menus a {
		color: #FFFFFF;
		font-size: 16px;
	}
	#menu li:hover ul.sub-menus {
		display: block
	}
	#menu ul.sub-menus a:hover{
		background: #F2F2F2;
		color: #444444;
	}
	
	#menu {position:relative}
	#menu ul {background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
	#menu ul.sub-menus {width:100%;position:static;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block;float:none;width:auto;}
	#menu input, #menu label {position:absolute;top:0;left:0;display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:white}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}

	#menu2
	{
		display: none;
	}
}

/* Desktop menu*/
@media screen and (min-width: 1200px)
{
	#menu {
		display: none;
	}
	#menu2 {
		background: #B8A999;
		color: #FFF;
		height: 40px;
		padding: 0 auto;
		border-top: 1px solid black;
		border-radius: 0px;
		text-align: center;
	}
	#menu2 ul, #menu2 li {
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
	#menu2 ul {
		width: 100%;
		
	}
	#menu2 li {
		float: left;
		display: inline;
		position: relative;
	}
	#menu2 a {
		display: block;
		line-height: 40px;
		padding: 0 14px;
		text-decoration: none;
		color: #FFFFFF;
		font-size: 16px;
	}
	#menu2 a.dropdown-arrow:after {
		content: "\25BE";
		margin-left: 5px;
	}
	#menu2 li a:hover {
		color: #000000;
		background: #DAC9B6;
	}
	#menu2 input {
		display: none;
		margin: 0;
		padding: 0;
		height: 40px;
		width: 100%;
		opacity: 0;
		cursor: pointer
	}
	#menu2 label {
		display: none;
		line-height: 40px;
		text-align: center;
		position: absolute;
		left: 35px
	}
	#menu2 label:before {
		font-size: 1.6em;
		content: "\2261"; 
		margin-left: 20px;
	}
	#menu2 ul.sub-menus{
		height: auto;
		overflow: hidden;
		width: 170px;
		background: #444444;
		position: absolute;
		z-index: 99;
		display: none;
	}
	#menu2 ul.sub-menus li {
		display: block;
		width: 100%;
	}
	#menu2 ul.sub-menus a {
		color: #FFFFFF;
		font-size: 16px;
	}
	#menu2 li:hover ul.sub-menus {
		display: block
	}
	#menu2 ul.sub-menus a:hover{
		background: #F2F2F2;
		color: #444444;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) 
{
	.social
	{
		width: 23%;
	}

	.logo
	{
		width: 16%;
	}

	.tekst_header
	{
		width: 80%;
		padding-top: 0px;
	}
	
	q 
	{
		display: inline-block;
		width: 45%;
		float: left;
		padding: 25% 6% 0 0;
		font-size: 1.5rem;
	}

	.autor
	{
		text-align: right;
		padding-right: 55px;
		font-size: 0.8rem;
	}


	textarea
	{
		min-width: 90%;
		
	}

	.footer2{
		font-size: 0.7rem;
	}

	.nr_rach
	{
		font-size: 1.2rem;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) 
{
	.social
	{
		width: 23%;
		max-width: 26px;
	}

	.logo
	{
		width: 14%;
	}

	.tekst_header
	{
		width: 80%;
		padding-top: 10px;
		
	}

	.autor
	{
		text-align: right;
		padding-right: 65px;
		font-size: 1.0rem;
	}


	.dojazd
	{
		width: 70%;
	}

	.nr_rach
	{
		font-size: 1.4rem;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { … }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) 
{
	#container
	{
		width: 1200px;
		margin: 0 auto;
		border: 1px solid black ;
		box-shadow:3px 3px 6px black;
	}
	
	.logo
	{
		width: 8%;
	}

	#sm
	{
		position: relative;
		float: right;
		
	}

	.social
	{
		width: 23%;
	}

	.tekst_header
	{
		width: 75%;
		padding-top: 8px;
	}
	
	.content
	{
		margin: 50px 100px;
	}

	q 
	{
		padding: 12% 0% 0 0;
		width: 70%;
		font-size: 2.3rem;
	}

	.autor
	{
		text-align: right;
		padding-right: 150px;
		font-size: 1.0rem;
	}

	#zdjecie_ks
	{
		max-width: 30%;
	}

	.dojazd
	{
		width: 47%;
	}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) 
{
	
}