#title {
    background-image: url(/img/small.jpg)
}

#home-version-2 #title {
    background-image: url(/img/home-version-2-small.jpg)
}

#blog-version-1 #title {
    background-image: url(/img/blog-version-1-small.jpg)
}

#blog-version-2 #title {
    background-image: url(/img/blog-version-2-small.jpg)
}

#blog-detail #title {
    background-image: url(/img/blog-detail-small.jpg)
}

#gallery-page #title {
    background-image: url(/img/gallery-page-small.jpg)
}

@media(min-width:769px) {
    #title {
        background-image: url(/img/medium.jpg)
    }

    #home-version-2 #title {
        background-image: url(/img/home-version-2-medium.jpg)
    }

    #blog-version-1 #title {
        background-image: url(/img/blog-version-1-medium.jpg)
    }

    #blog-version-2 #title {
        background-image: url(/img/blog-version-2-medium.jpg)
    }

    #blog-detail #title {
        background-image: url(/img/blog-detail-medium.jpg)
    }

    #gallery-page #title {
        background-image: url(/img/gallery-page-medium.jpg)
    }
}

@media(min-width:1367px) {
    #title {
        background-image: url(/img/large.jpg)
    }

    #home-version-2 #title {
        background-image: url(/img/home-version-2-large.jpg)
    }

    #blog-version-1 #title {
        background-image: url(/img/blog-version-1-large.jpg)
    }

    #blog-version-2 #title {
        background-image: url(/img/blog-version-2-large.jpg)
    }

    #blog-detail #title {
        background-image: url(/img/blog-detail-large.jpg)
    }

    #gallery-page #title {
        background-image: url(/img/gallery-page-large.jpg)
    }
}