I have this page:

<http://fetr.zonedesign.ro/contact/>

I have a map and a map over blue div I would like to display at center

This is code HTML:

```
<div style="float:left;width:100%;padding:0 10%;text-
align:center;margin:10px auto;display:block;">
<div class="date-contact">proba</div>
<?php echo do_shortcode( '[huge_it_maps id="1"]' ); ?>
</div>

```

This is code CSS:

```
@media (min-width: 800px) {
.date-contact
{
width:300px;
height:150px;
background:blue;
position:absolute;
z-index:10;
}
}

```

I tried to use `margin: 0 auto` but unfortunately not working.
Can you please help me solve this problem?

Thanks in advance!