/*custom logo in header*/
header h1, 
header .site-title {
    display:none;
}

.site-name.site-name-with-logo {
    text-align: right;
}

.site-name.site-name-with-logo a {
    display: inline-block;
}

.site-name.site-name-with-logo a:hover {
    opacity: .5;
}

@media (max-width: 768px) {
    header .site-name.site-name-with-logo {
        padding: 10px 0;
        text-align: center;
    }
}