* {
margin: 0; 
padding: 0;
 }
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}

audio, canvas, embed, keygen, meter, progress, video {
	display: inline-block;
}

[hidden] {
	display: none;
}

html, body {
	width: 100%;
    height: 100%;
}

.logo{
margin: 50px auto 10px auto;
width: 200px;
height: 200px;
}

#title {
	margin: 0 auto;
	background-color: #e6e6e6;
	width: 100%;
	height: 162px;
	text-align: center;
}
  

.wrapper {
width:100%; 
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -21px;
text-align: center;
background-color: #4f582b;
}

.contain {
	margin: 50px auto 10px auto;
	padding: 0 0 50px 0;
	width: 640px; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
}

.contain P {
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	padding: 10px 0 10px 13px;
	line-height: 34px;
}
.contain strong {
	font-weight: 600;
	font-size: 25px;
}

.contain  li {
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	padding: 5px 0 5px 0;
	line-height: 24px;
	font-weight: 100;
	font-size: 18px;
}
.contain ol {
padding: 0 0 0 50px;
}

.top {
width:100%; 
height: 25px;
background-color: #4f582b;
}

aside{
margin: 0 auto;
width: 640px;
height: 25px;
background-color: #4f582b;
}

aside ul {/* wygląd elementu - ul */
list-style-type: none;
text-decoration: none;
 }
 
aside ul p {
color:  #ff7800;
}

aside ul li a { /* wygląd elementów - a */
display: inline;
float: right;
font-family: 'Dosis', sans-serif;
font-weight: 100;
font-size: 16px;
margin: 2px 16px 0 0;
text-decoration:none;
text-align:center;
color:#e7e7e7;
 }

aside ul li a:hover {/* wygląd elementu - a - w momencie najechania na niego kursorem myszki */
color:white;
}

header {
width:100%; 
height: 380px;
z-index: 5;
background-image: url("img/wm_bg.jpg");
background-color: #2b2b2b;
background-repeat: no-repeat;
background-position: center;
}

nav{
margin: 0 auto;
width: 711px;
height: 200px;
background-color: none;       
}

.button{
margin: 60px 5px 0 5px;
float: left;
width:  69px;
height: 69px;
background-color: #e7e7e7;
text-align: left;
}

.button p {  /* tytuły boxów*/
	display: block;
	color: #4f582b;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 12px;
	padding: 0 0 0 3px;
}

.button img{
margin: -13px 0 0 0;
}

.center {
margin: 0 auto;
width: 680px;
}

main {
margin: 0 auto;
background-color: #4f582b;
width:  100%;
min-height: 100%;
height: auto !important;
height: 100%;
}

.clear{
clear: both;
}

footer{
height: 21px;
width:100%; 
background-color: #4f582b;
text-align: center;
}

footer p {
	color: #818f48;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 10px;
	padding: 4px 0 0 0;
}

.look{
	color: #4e4e4c;
	font-size: 50px;
	margin: 0 20px 0 0;
	font-family: 'Kalam', sans-serif;
	line-height: 62px;
}

span {
border-style: solid;
 border-width: 1px;
 border-color: #ffffff;
}

h1 /*kontakt */
{
	color: #5e5a59;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 62px;
	text-align: center;
	padding: 15px 0 15px 0;
	
}

h2 {	/*jak do nas dotrzeć */
	color: #5e5a59;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 21px;
	text-align: center;
	padding: 5px 0 20px 0;
}

h3 {	/*jak do nas dotrzeć */
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 20px;
	text-align: center;
	padding: 30px 5px 0 0;
}

h4 {	/*jak do nas dotrzeć */
	color: #ff7800;
	font-size: 40px;
	font-family: 'Kalam', sans-serif;
	padding: 0 0 80px 0;
	
}

	.box {
float: left;
padding: 3px
}