body {
	background-color: white;
	text-align: center;
	text-decoration: none;
	display: flex;
        align-content:center;
	padding-left: auto;
	padding-right: auto;
	font:20px Georgia,serif;}


#kartka1 {
        align-self:center;
        width:400px;
        border: 2px solid black;}
#kartka2 {
        align-self:center;
        width:400px;
        border: 2px solid black;}

.tekst {
width:800px;
padding:0 auto;
font:16px Georgia,serif;
margin: 0 auto;
}


#logo {
	
	width:150px;

}
#mapa {
        width:600px;
        height:400px;
}
#wejscie {
        width:600px;
        height:400px;
}
.email {font-size: x-large;}
ul {list-style-type: none;}
li {text-decoration: none;}
#logo2 {
	color: green;
}

@media (max-width: 800px) {
 #logo {
	
	width:150px;

}
}
@media (min-width: 800px) {
	#logo {
	
	width:150px;

}
  }

  .item {
    margin: 0 auto;
    padding: 1em;
    position: relative;
    overflow: hidden;
  }
  .item .img-wrap:before {
    content: '';
    background-image: linear-gradient(to top, rgba(239,239,239,255), rgba(239,239,239,0));
    position: absolute;
    height: 100px;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .item .img-wrap:after {
    content: '';
    display: block;
    height: 9999px;
  }
  .img-wrap img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2);
    -ms-interpolation-mode: bicubic;
  }

html {overflow-y:scroll}
.nav {display:flex; flex-basis: auto; padding-left:auto; padding-right:auto; justify-content:center; }
a {text-decoration:none;margin:auto;}
a:focus {outline:0}
ul {padding: 0 50px 50px 50px;}
p {font-size:15px;margin:0 0 20px}
#page-wrap {width:auto;margin:auto}
h1 {font:700 40px Sans-Serif;}
.hide {position:absolute;top:-9999px;left:-9999px}
#example-one {background:#eee;-webkit-box-shadow:0 0 5px #666; padding:auto; margin:auto; }
#example-one .nav {overflow:hidden; align-items:center; padding: auto;margin:auto; }
#example-one .nav li {flex-wrap: nowrap; width:200px;}
#example-one .nav li.last {margin-right:0}
#example-one .nav li a {padding:15px;background:black;color:#fff;font-size:20px;text-align:center;border:0;text-decoration: none;}
#example-one .nav li a:hover {background-color:#111}
#example-one ul {list-style:none}
#example-one ul li a {display:block;border-bottom:2px solid #000;font-size:20px; padding:20px;color:#666; }
#example-one ul li a:hover {background:#fe4902;color:#fff}
#example-one ul li:last-child a {border:none}
#example-one ul li.nav-one a.current,#example-one ul#featured li a:hover {background-color:#0575f4;color:#fff}
#example-one ul li.nav-two a.current,#example-one ul#core li a:hover {background-color:#0575f4;color:#fff}
#example-one ul li.nav-three a.current,#example-one ul#jquerytuts li a:hover {background-color:#0575f4;color:#fff}
#example-one ul li.nav-four a.current,#example-one ul#classics li a:hover {background-color:#0575f4;color:#fff}
#example-one ul li.nav-five a.current,#example-one ul#classics li a:hover {background-color:#0575f4;color:#fff}