here is the code that I currently have…
.header-cover { overflow-y: hidden; }
.header {
padding: 150px 0;
background: no-repeat center;
background-size: cover;
}
.header-inner { position: absolute; top: 110pt; left: 130pt; z-index: auto; text-align: right; }
.blog-logo { display: inline-block; }
.blog-logo a,
.blog-logo img { display: block; }
.blog-logo img {
max-height: 150px;
width: auto;
max-width: 150%;
height: auto;
}
#header #logoWrapper, #header #siteTitleWrapper {
text-align:left;
}
.blog-info {
display: inline-block;
padding: 30px;
background: #1d1d1d;
}
.blog-title {
width: 100%;
text-align: right;
font-family: ‘Raleway’, sans-serif;
}
.blog-title a {
color: #FFF;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 700;
font-size: 1.75em;
}