@font-face { font-family: eroded; src: url(eroded.ttf); } 

body{
background-image: url(../pictures/tweed.png); /*obrazek tla*/
font-size:16px; /*nie zmieniac*/
}


header{
padding-top:0.01em;
margin-left: auto;
margin-right: auto;
text-align:center;
color: white; /*kolor czcionki w czarnym headerze*/
margin-bottom:2em; /*odleglosc miedzy headerem a menu*/
width:100%;
background-color:black; /*kolor tla headera*/
height:6.5em; /*wielkosc headera*/
}
header h1{
color:#00563b; /*kolor czcionki headera*/
/*font-family:"Times New Roman";*/ 
font-family: eroded; /*styl czcionki headera*/
font-weight: bold;
letter-spacing: 6px; /*odleglosc miedzy literami*/
}

ul li {
position:relative;
text-align:center;
list-style-type: none;
margin: 0.625em;
background-color: white;
border-radius: 20%; /*jak bardzo owalne są krawedzie*/
border: 0.25em solid black; /*grubosc i kolor obramowania menu*/
height:5em; /*wysokosc elementu menu*/
font-size:0.875em;
display: block;
vertical-align: middle;
padding-right:1em;
font-size:1.1em;
float:none;
line-height:3.2em; /*wysokosc lini tekstu w elemencie*/
}
ul li p{
font-size:0.5em;

}
#container{
position:relative; 
margin-left: auto;
margin-right: auto;
width:31.250em;/*szerokosc menu*/
}
i{
position:absolute;
float: left;

font-size: 3em;
margin-left:0.25em;
margin-top:0.2em;
color: #00563a; /*kolor ikonki*/

}
i:last-child{
margin-top:0.2em; /*problem z ostatnim elementem ktory za bardzo w dol schodzil*/
}

a:link,a:visited,a:active{
text-decoration: none;
color: black; /*klolor tekstu w menu*/
}

li:hover > i{
color:red; /*kolor ikonki po najechaniu menu*/

}
li:hover > h3,li:hover > h4{
font-weight:bold; /*kolor ikonki po najechaniu menu*/

}