This is the code :
/* Header */
header {
background: #000000;
}
header .logo {
padding: 15px 0px;
}
header .logo h1 {
font-size: 40px;
line-height: 45px;
margin-bottom: 5px;
}
header .logo h1 a,
header .logo h1 a:hover,
header .logo h1 a:visited {
color: #666;
text-decoration: none;
}
header .logo .meta {
color: #777;
}
@media only screen and (max-width: 767px) {
header .logo {
text-align: center;
}
}
header .logo .qa-logo {
display: inline-block;
vertical-align: top;
zoom: 1;
/* Fix for IE7 */
*display: inline;
/* Fix for IE7 */
}
header .logo .qa-logo-link {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
height: 50px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
padding: 0 ;
font-size: 40px;
line-height: 50px;
margin-bottom: 5px;
}
header .logo .qa-logo-link:hover,
header .logo .qa-logo-link:focus {
text-decoration: none;
}
header .logo .qa-logo-link > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container header .logo .qa-logo-link,
.navbar > .container-fluid header .logo .qa-logo-link {
margin-left: -15px;
}
}
header .logo .qa-logo-link.first-letter-logo {
display: block;
padding: 3px;
background-color: #428bca;
color: #eeeeee;
height: 28px;
width: 28px;
margin: 10px 5px 10px 15px;
font-size: 20px;
font-weight: 700;
text-align: center;
text-decoration: none;
text-shadow: 0 0 1px;
border-radius: 2px;
}
header .logo .qa-logo-link.first-letter-logo:hover {
background-color: #357ebd;
color: #ffffff;
border-radius: 3px;
text-shadow: 0 0 2px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
header .logo .qa-logo-link img {
border: none ;
-webkit-box-shadow: none;
box-shadow: none;
}
header .search-bar {
padding-top: 20px;
margin-right: -35px;
min-height: 1px;
}
@media only screen and (max-width: 767px) {
header .search-bar {
padding-top: 0;
margin-right: -20px;
}
header .search-bar form.navbar-form.pull-right {
float: none !important ;
}
}
