/* place logo in header */
@media (min-width: 768px) {
    
.header {
    background: transparent;
}

.nav-search {/*to move search to match logo*/
    margin-right: 2%;
    margin-top: -140px;
}

#header > .container > .row > .span9 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}

#logo {
    height: 50px;
    display: inline-block;
}

#logo > a {
    height: 100%;
    display: block;
}

#name-and-slogan {
    width: auto;
    padding-right: 80px;
    display:inline-block;
}

#site-title-first-line {
    overflow: visible;
    padding-right: 10px;
    display: inline-block;
    float: left;
}

#site-title-second-line {
    clear: left;
    display: inline-block;
    float: left;
}

#name-and-slogan:after{
   background-image: url("/sites/g/files/sbiybj5001656test/f/clayman_icon_rgb.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 100%;
   content:"";
   display: inline-block;
   height: 100px;
   width: 80px;
   z-index: -1;
   overflow: visible;
   float: right;
   clear: none;
   position: relative;
   left: 30px;
   bottom: 50px;
   }
}

@media (max-width: 978px) {
#name-and-slogan:after {
    left: 70px;
    bottom: 80px;
}

.nav-search {/*to move search to match logo*/
    margin-right: -5px;
    margin-top: -175px;
}
}

@media (max-width: 767px){
.nav-search {
    margin: -7px 0 0 0;
}
}