Center an image

[kakubei]

Ok, another stupid question, how do you center elements? In the following image I have:

.main-container {
  width: 100%;
  $zen-column-count: 3;
  @include zen-grid-container;
  margin: 0 auto;
}

.title { @include zen-grid-item(3,2) }
.map { @include zen-grid-item(3,2) }

Yet these 2 items, title and map are not centered (see image). They won't be centered even if I give .main-container a column-count of 1 and do:

.title { @include zen-grid-item(1,1) }

I'm sure I'm missing something.

Thanks