How to Center Logo
Hello,
I am using the Catch Responsive Free theme and can't seem to figure out how to center my logo. Can you help me?
Here's my site: http://cardiocraving.com/
Here is the HTML on the stylesheet:
/*--------------------------------------------------------------
10. Header Area
--------------------------------------------------------------*/
#site-branding,
#site-logo,
#site-header {
display: inline-block;
float: none;
}
#site-branding,
#site-logo {
max-width: 100%;
}
#site-logo a {
display: block;
line-height: 0;
}
#site-header.logo-enable.logo-left {
padding-left: 10px;
}
#site-header.logo-enable.logo-right {
padding-right: 10px;
}
.site-title a {
color: #111111;
}
.site-title a:hover {
color: #1b8be0;
text-decoration: none;
}
.sidebar-header-right,
.sidebar-header-right .widget-wrap {
float: right;
}
#header-featured-image {
clear: both;
display: block;
line-height: 0;
width: 100%;
text-align: center;
}
#masthead .search-field {
float: right;
font-size: 14px;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
width: 90%;
max-width: 250px;
border:1px solid #b6b6b6;
background-color:#d7d7d7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 2px 5px #c4c4c4, 0 1px 0 #fff;
-webkit-box-shadow: inset 0 2px 5px #c4c4c4, 0 1px 0 #fff;
box-shadow: inset 0 2px 5px #c4c4c4, 0 1px 0 #fff;
color:#777777;
}