/*
Theme Name: Twenty Eleven Child
Template: twentyeleven
Version: 1.0
*/

/* Logotyp bredvid webbplatsnamnet */
#site-title {
    display: flex;
    align-items: center;
    gap: 15px;
}

#site-title a {
    display: inline-block;
    background-image: url("images/logo.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 120px;
    padding-left: 135px;
    min-height: 120px;
    line-height: 120px;
}

/* Slogan: till höger om logotypen och närmare rubriken */
#site-description {
    margin-left: 135px;
    margin-top: -40px;
}

/* Mindre skärmar */
@media screen and (max-width: 600px) {
    #site-title {
        gap: 10px;
    }

    #site-title a {
        background-size: auto 55px;
        padding-left: 65px;
        min-height: 55px;
        line-height: 30px;
    }

    #site-description {
        margin-left: 65px;
        margin-top: 0px;
    }
}