*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body{
    background-color: white;
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
    font-size: 100%;
    line-height: 1.2;
    color:#3D4346;
}

a{
    text-decoration: none;
}

header h1{
	text-align:right;
}

h1{
	font-size:1.3em;
	padding:15px;
	text-align:center;
	font-weight: bold;
}


nav p{ 
	font-size: 1.3em;
	padding:2%;
 }

 

 header b{
 	font-weight: bold;
 }
header img{
	width:10%;
	float:left;
}

header ul{
	clear:both;
}
 nav li {
 	text-align: center;

 }
a{
	text-decoration: none;
}

nav ul li a:hover{
	color:white;
	background-color: #53D0FF;
}
 nav ul li a{
 	font-size:1.3em;
    display: block;
    padding:15px; 
    margin:4px;
    text-align: center;
    border:0px solid #00baff;
	border-radius: 4px;
	color:white;
	background-color:#00baff; 


}

#wrap{
	padding:0% 1%;
}

#uslugi, #godziny, #kontakt{
	margin-top:30px;
}

#uslugi ul li{
	font-size:1.05em;
	padding:20px 4px;
	text-align:center;
	color:white;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

#u{
	background-color: #53D0FF;
}

#u2{
	background-color: #28C4FF;
}

#u3{
	background-color: #00A9EA;
}

#u4{
	background-color: #00baff;
}

#u5{
	background-color: #2883d2;
}

#godziny{
	text-align:center;
	line-height: 1.6;
}

#godziny b{
	font-weight: bold;
	font-size: 1.4em;
}

#kontakt{
	text-align:center;
	line-height: 1.5;
	background-image: url(../img/tlo.jpg); 
	background-repeat: no-repeat;
	overflow: auto;
	text-shadow: 1px 1px 9px rgba(255, 255, 255, 1);
}

#kontakt b{
	font-size: 2em;
	font-weight: bold;
}

.ost{
	padding-bottom:30px;
	font-weight: bold;

}

#map{
	height:100%;
}
.p2{
		border:1px solid #3D4346;
		width:90%;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left:5%;
		margin-right: 5%;
	}
footer {
	background-color:#00baff;
	padding:15px; 
		line-height: 1.9;
		text-align:center;
		font-size: 0.6em;

}

footer a{
	color:white;
	font-size: 1.8em;
}	

footer a:hover{
	text-shadow: 2px 2px 6px rgba(150, 150, 150, 1);
}


.stage{
	display:none;
}

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

	nav p{
		padding-bottom: 1px;
	}
	header h1{
		width:50%;
		margin-left: 50%;
		padding-left: 10px;
	text-align:left;
	font-size:1.7em;
}
	header img{
	width:auto;
	float:left;
}

	nav p{
		font-size: 2em;
	}

	nav ul{
		width:70%;
		margin:0% 15%;


	}

	nav ul li{
		 width:33.33333%;
         float:left;
	}

	nav ul li a{
		font-size: 1em;
		padding:10px;
		margin:2px;
		
	}

	nav ul li a:hover{
		color:white;
		background-color: #53D0FF;
	}

	.part{
		width:50%;
		float:left;
	}

	.p2{
	
		width:40%;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left:5%;
		margin-right: 5%;
	}

	.up{
		padding-top: 100px;
	}
	footer{
		clear:both;
	}
}

@media screen and (min-width:1000px){
	nav ul{
		width:60%;
		margin:0% 20%;
	}
}