/*Custom CSS
============ */
#home-version-2 #title  { background-image: url('../img/title-background-home-version-2-small.jpg') }
#blog-version-1 #title  { background-image: url('../img/title-background-blog-version-1-small.jpg') }
#blog-version-2 #title  { background-image: url('../img/title-background-blog-version-2-small.jpg') }
#blog-detail #title     { background-image: url('../img/title-background-blog-detail-small.jpg') }
#gallery-page #title    { background-image: url('../img/title-background-gallery-page-small.jpg') }


@media(max-width: 990px) {
	#logoCV { max-width:90%; height:auto;}
	#main-nav .navbar-collapse .navbar-nav > li > a { padding: 5px 5px;}

}


@media(min-width: 769px) {
    #home-version-2 #title  { background-image: url('../img/title-background-home-version-2-medium.jpg') }
    #blog-version-1 #title  { background-image: url('../img/title-background-blog-version-1-medium.jpg') }
    #blog-version-2 #title  { background-image: url('../img/title-background-blog-version-2-medium.jpg') }
    #blog-detail #title     { background-image: url('../img/title-background-blog-detail-medium.jpg') }
	#gallery-page #title    { background-image: url('../img/title-background-gallery-page-medium.jpg') }

	#logoCV { max-width:90%; height:auto; }
}


@media(max-width: 1027px) and (orientation: landscape) {
	#logoCV { max-width:60%; height:auto;}
	#main-nav .navbar-nav > li > a { padding: 28px 3px;}
}

@media(max-width: 1227px) {
	#logoCV { max-width:90%; height:auto;}
	#main-nav .navbar-nav > li > a { padding: 25px 5px;}
	#main-nav .navbar-header { width: 495px}
	
}

@media(min-width: 1367px) {
        #home-version-2 #title  { background-image: url('../img/title-background-home-version-2-large.jpg') }
        #blog-version-1 #title  { background-image: url('../img/title-background-blog-version-1-large.jpg') }
        #blog-version-2 #title  { background-image: url('../img/title-background-blog-version-2-large.jpg') }
        #blog-detail #title     { background-image: url('../img/title-background-blog-detail-large.jpg') }
        #gallery-page #title    { background-image: url('../img/title-background-gallery-page-large.jpg') }
}