MyBB Community Forums

So i have the telsa dark theme and i want to center my logo how do i do it?

full header code right now also the website is www.worldofgods.net

<div class="tgrpmainheader">
  <div class="wrap">
    <div class="rblock">{$welcomeblock}</div>
    <div class="tgmenuwrap">
<a id="resp-menu" class="responsive-menu" href="#"><i class="fa fa-reorder"></i> Menu</a>
 <ul class="tgmenu">
   <li class="tgmenuItem"><a href="{$mybb->settings['bburl']}"><i class="fa fa-home tghomeicon"></i></a></li>
   <li class="tgmenuItem"><a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-file"></i> Forums</a>
      <ul class="sub-menu">
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a></li>
      </ul>
    </li>
 <li class="tgmenuItem"><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-group"></i> {$lang->toplinks_memberlist}</a></li>
 <li class="tgmenuItem"><a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar"></i> {$lang->toplinks_calendar}</a></li>
 <li class="tgmenuItem"><a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-exclamation-circle"></i> {$lang->toplinks_help}</a></li>
	 <li class="tgmenuItem"><a href=""><i class="fa fa-chevron-down"></i> More</a>
      <ul class="sub-menu">
<li><a href="/bans">Bans</a></li>
<li><a href="/donate">Donate</a></li>
<li><a href="{$mybb->settings['bburl']}/showteam.php">Staff List</a></li>
      </ul>
    </li>
    <li class="clear"></li>
  </ul>
  </div></div></div>
<div class="tgrpheader tgheaderwrap"><div class="wrap"><div class="header">
  <div class="right">
	  {$quicksearch}
	  	 <div class="tgbgbutton responsivehide"><a href="#game-popup" data-effect="mfp-zoom-in" name="modal" rel="#loginModal" title="click to Select Background Of your Choice" id="gamepopup" class="tgbglink"><i class="fa fa-photo"></i></a>
</div>
	  
	  <div class="sidebarcontrol">
<a class="sbuttons"><i class="fa fa-chevron-left"></i></a>
		  <a class="sbuttonsclicked"><i class="fa fa-chevron-right"></i></a>
</div>
	   <div class="fontscontrol responsivehide">
		   <span class="fontsupdown"><a id="fontdown"><i class="fa fa-font smallfont"></i></a>
		  <a id="fontup"><i class="fa fa-font largefont"></i></a></span>
    </div>
	</div>
     			<div class="logo downfade">
                          <div id="logo" align="center"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
  <div class="logo2"><a href="{$mybb->settings['bburl']}/index.php">{$mybb->settings['bbname']}</a></div>
</div>
  </div></div>
<div id="game-popup" class="white-popup mfp-with-anim mfp-hide">
  <div class="wrap">
<div class="tgbg">
<div class="bgmodalhead">
	<h1>Choose Your Game</h1>
	</div>
<ul class="tgbackgrounds">
<li class="bg1 bgimg"><h2 class="zero">GTA V</h2></li>

	</ul></div>
	 
</div>
</div>
		 
<div class="tgcontainerwrap"><div class="wrap"><div id="container">
  <navigation>
		<a name="top" id="top"></a>
		<div id="content">
				{$pm_notice}
				{$bannedwarning}
				{$bbclosedwarning}
				{$unreadreports}
				{$pending_joinrequests}
				{$awaitingusers}
				<br />

bump i kinda need this fixed if anyone can help thanks

jason11040