Problem z wyśrodkowaniem

pytanie zadane 5 listopada 2016 w HTML i CSS przez Wejder0107 Początkujący (280 p.)

Mam Problem z wyśrodkowaniem zdjęć (te na samym dole).

<!DYCTYPE HTML>
<html lang="pl">
    <head>
        <title>Wejder0107</title>
        <meta charset="utf-8"/>
        <meta name="keywords" content="Grafika na zamuwienie, grafika, zamuwienie"/>
        <meta name="description" content="Grafika na zamuwienie "/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <link rel="shortcut icon" href="img/icon.png" />
        <link rel="stylesheet" href="style.css" type="text/css" />
        <link href="https://fonts.googleapis.com/css?family=Lato:300,900&amp;subset=latin-ext" rel="stylesheet">

    </head>
    <body>
        <div id="Menu">
            <img id="logo" src="img/logo.png"/> <br/>
            <ol>
               <li><a href="OMNIE.html">O MNIE</a></li>
               <li><a href="PORTFOLIO.html">PORTFOLIO</a></li>
               <li><a href="KONTAKT.html">KONTAKT</a></li>
               <div class="clear:both"></div>
           </ol>
        </div>
            <img id="baner" src="img/Wejder0107Baner.png" />
        <div id="pojemnik">
         <div id="Omnie">
             O mnie
         </div>
         <div id="Omnie-tesc">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet elementum felis, vel dictum dui molestie non. Donec eu sapien quis ligula sagittis ultricies vitae et lorem. Vestibulum consequat justo ac sagittis venenatis. Etiam ultrices aliquet nisl vel hendrerit. Donec at orci et nulla tempus fermentum. Pellentesque vehicula, libero ac vestibulum egestas, odio dolor sodales velit, id porta elit sem eget nibh. Integer sagittis magna arcu, at faucibus nibh vestibulum sed. Ut vitae feugiat nisi. Duis pharetra fermentum elementum. Etiam sagittis, nulla et imperdiet lobortis, nisl augue sollicitudin risus, nec scelerisque eros metus ut dui. Duis facilisis felis non velit.<br/>
          </div>
           <div class="zagary">
            <div class="licznik">
              <img src="img/2.png"/><br/>
              Ponad 100 <br/>
              godzin pracy
            </div>
            <div class="licznik">
              <img src="img/2.png"/><br/>
              Ponad 100 <br/>
              godzin pracy
            </div>
            <div class="licznik">
              <img src="img/2.png"/><br/>
              Ponad 100 <br/>
              godzin pracy
            </div>
          </div>
          </div>
        </div>
    </body>
</html>


body
{
  color: #000000;
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;    
}

/*logo*/

#logo
{
    height: 131px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
}

/*menu*/
#Menu
{
    width: 100%;
    height: 203px;
    background-color: #ffffff;
    font-weight: lighter;
    text-align: center;
    position: relative;
}

ol 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 18px;
    line-height: 350%;
    display: inline-block;
}

ol a
{
    color:  #000000;
    text-decoration: none;
    display: block;
    width: 150px;
    height: 60px;
}

ol > li
{
    text-align: center;
    float: left;
    width: 150px;
    height: 60px;
    display: block;
}

ol > li:hover
{
    background-color: #4daae3;
}

/*baner*/
#baner
{
    width:  100%; 
}

/*pojemniek*/
#pojemnik
{
    margin-left: 200px;
    margin-right: 200px;
    font-size: 20;
    text-align: center;
}

/*treść*/
/*O mnie*/
#Omnie
{
    padding: 20px;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}

#Omnie-tesc
{
    font-size: 20;
    text-align: justify;
}

.zagary
{
    text-align: center
}

.licznik
{
    padding: 20px;
    float: left;
}