/* wczytywanie strony za pomoca scrollowania */
.hide{
	opacity:0
}

.show {
	opacity: 1;

}




div#container
{
		background-color:yellow;
		height: 100vh;
}


body
{
	margin:0;
	font-size:1em;
font-family: 'PT Sans Narrow', sans-serif;
	background-size:cover;
	width:100%;
	background-color:white;
	
}


nav
{

	background-color:#193a52;
}
header
{
height:400px;
background-image: url("img/baner.jpg");
background-size:100%;
background-repeat:no-repeat;

text-align:center;
}

h1.baner
{
	 font-size:5em;
	 color:white;
	
	margin:0;
	padding-top:5%;
	padding-bottom:0;
	margin-bottom:0;
	  text-shadow: -3px 0 black, 0 3px black, 1px 0 black, 0 -1px black;

	
	
	
	
}
span.strzalka   											  /* animacja na banerze */
{
	display:block;margin-left:auto; margin-right: auto;
padding: 15px;  width: 95px; height: 95px;margin-top:0px;
font-size:4em;
color:white;
opacity:0.8;
animation: animacja 1.2s ease-in-out 0.3s infinite alternate none;
cursor:pointer;
}
@keyframes animacja
{
0% { margin-top: 0; }

100% { margin-top: 20px; }
}


a.link
{
	color:white;
	text-decoration:none;
}


h1.naglowek
{
	font-size: 2em;
	color:#fac503;
	 -webkit-text-stroke: 1px black;
	 margin:0;
	 margin-left:10px;
	 padding:0;
	 
}

img.logo
{
	margin-left: auto;
	margin-right:auto;
	width:20%;
	display:block;
}
p.teksty
{
	font-size: 1.1em;
	color:white;
	 margin:0;
	 padding:0;
	  margin-left:10px;
	  margin-right:10px;
	  text-align:justify;
}
article#logo
{
	background-color:#193a52;
	padding:10px;
	margin:0;
	
}



article#kafelki
{
	background-color:white;
	padding:10px;
	padding-top:30px;
	margin:0;
	text-align:center;
	
}

div.opis_left
{
	height:auto;
	width:40%;
	margin-left:10px;
	background-color:#193a52;
	display:block;
	border-radius:20px;
	padding:20px;
}
div.zdjecie_right
{
width:80%;
border-radius:20px;
margin-left:10px;
}
div#zdjecia_tlo
{
	/* background-image: url("img/wetlina_domki_photo1.jpg");  */
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	
}







ul
{margin:0;}

div#ikonki
{
	background-color:green;
	display:flex;
	width:20%;
	
}
img#logopng
{
	margin-left:40px;
}
p.naglowki
{
	font-size:3em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:0;
}
p.kontakt
{
	font-size:2em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:0;
}
article.cennik
{
	background-color:white;
	padding:10px;
	margin:0;
	text-align:center;
	
}




.menu-trigger {color:#000;background:#193a52;font-weight:700;text-transform:uppercase;padding:15px;margin:0 0 5px;cursor:pointer;display:flex;}


@media (min-width: 800px) {
	body {font-size:1.4em;}
	
	header {margin:0;padding:0;}
	
	aside {width:100%;}
	#main {width:65%;}
	
	.menu-trigger {display:none;}
	
	aside nav {display:block !important;}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:2px; display:inline-block;}
	aside nav ul li a {display:flex;text-decoration:none;color:white;padding:14px 10px;}
	aside nav ul li a:hover{background:#212121;color:#FFF;}
	
	
	
	/* tekst + zdjecie blokowe na tel */
	article#kafelki{display:flex;}
	div.opis_left 	{flex-shrink: 1;}
	
}

@media (max-width: 800px) and (min-width: 500px) {
	header {height:100px;background-color:yellow;background-size:20%;}

}

@media (max-width: 800px) {
	aside,
	#main {width:100%;}
	
	.menu-trigger {display:block;color:white;font-size:25px;}
	
	aside nav {display:none;}
	aside nav ul {list-style:none; padding:0;}
	aside nav ul li {margin-bottom:1px;}
	aside nav ul li a {display:block;font-size:20px;font-weight:700;text-decoration:none;color:#fff;background:#333;padding:12px 20px;}
	aside nav ul li a:hover{background:#212121;color:#FFF;}
	
	
	
	header {height:300px;background-color:white;background-size:290%;background-position:22% 22%;padding:0;margin:0;}
	
	table{font-size:0.8em;width:100%;}
	div#logo {clear:both;display:none; width:100%;}

	img.logo {width:50%;}
	
	/* tekst + zdjecie blokowe na tel */
	article#kafelki{}
	div.opis_left {display:block; width:90%;padding:20px;   margin-left:auto;margin-right:auto;}
	div.zdjecie_right{display:block;height:250px;width:90%; background-size:190%;padding:20px;margin-left:auto;margin-right:auto;}

img.example-image {width:90%;}

p.teksty {font-size:1.3em;}
}


	/* Cookie warning */
#cookie-warn{
    position: fixed;
    bottom: 0;
    background: white;
    margin: 0;
    padding: 1px;
    width: 98%;
    display: none;
    z-index: 99;
	font-family:Century Gothic;
	border: 3px solid darkgreen;
	
}
 
#cookie-warn a{
    color: black;
    text-transform: uppercase;
    float: left;
    padding-right: 30px;
}
 
#cookie-warn p{
    font-size: 1em;
    color: black;
	padding-left: 2%;
	text-align:left;
}