.nav-holder {
  background: #353535 url(../images/headerSheriff.jpg) 0px -13px repeat-x;}
#banner_title #banner_left h2 {margin: 0px 0px 0px 80px;}  

@media screen and (min-width: 950px) and (max-width: 1120px) {
	  
    .nav-holder{background:url(../images/header-med-largeSheriff.jpg) repeat-x;}	
}	
	
	
@media screen and (min-width: 850px) and (max-width: 950px) {
	  
    .nav-holder{background:url(../images/header-med-largeSheriff.jpg) repeat-x;}	
}
	
@media screen and (min-width: 750px) and (max-width: 850px) {
	  
    .nav-holder{background:url(../images/header-med-largeSheriff.jpg) repeat-x;}
}
	
@media screen and (min-width: 601px) and (max-width: 750px) {
	  
    .nav-holder{background:url(../images/header-med-smallSheriff.jpg) repeat-x;}
	#banner_title #banner_left h2 {margin: 0px 0px 0px 70px;}	
}


@media screen and (min-width: 501px) and (max-width: 600px) {
	.nav-holder{background:url(../images/header-med-smallSheriff.jpg) repeat-x;}
	#banner_title #banner_left h2 {margin: 0px 0px 0px 67px;}

 }
 
@media screen and (min-width: 401px) and (max-width: 500px) {

	.nav-holder{background:url(../images/header-med-smallSheriff.jpg) repeat-x;}
	#banner_title #banner_left h2 {margin: 0px 0px 0px 60px;}
}

@media screen and (min-width: 366px) and (max-width: 400px) {

	.nav-holder{background:url(../images/header-smallSheriff.jpg) repeat-x;}
	#banner_title #banner_left h2 {margin: 0px 0px 0px 43px;}
}

@media screen and (max-width: 365px) {

	.nav-holder{background:url(../images/header-smallSheriff.jpg) repeat-x;}
	#banner_title #banner_left h2 {margin: 0px 0px 0px 24px;}
}

@media screen and (max-width: 310px) {
.nav-holder{background:url(../images/header-smallSheriff.jpg) repeat-x;}
#banner_title #banner_left h2 {margin: 0px 0px 0px 18px;}
}