/*	This is used when you are making a website with individual css for each page
	NOTE: Use the master css for any items that you want to be constant throughout the website
*/
#header-wrapper{ background:#c89f58 url("/styles/stylesets/201705tjhire/images/hdr3.jpg") repeat center top / cover; transition: 0.5s;}
#bulletsWrap{}
#bullets1, #bullets2, #bullets3, #bullets4{display: inline-block; vertical-align: middle; width: 20%;}

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

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

@media screen and (max-width:1000px){
  #header-wrapper{background:#c89f58 url("/classes/timthumb.php?w=1000&h=1080&zc=1&q=85&src=/styles/stylesets/201705tjhire/images/hdr3.jpg") repeat center top;} 
  #bullets1, #bullets2, #bullets3, #bullets4{width: 30%;}
}

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

@media screen and (max-width:800px){
  #header-wrapper{background:#c89f58 url("/classes/timthumb.php?w=800&h=500&zc=1&q=75&src=/styles/stylesets/201705tjhire/images/hdr3.jpg") repeat center top;}
  #bullets1{display: block; width: 100%;}
  #bullets2, #bullets3, #bullets4{display: block; width: 100%; margin: -13px 0 0 0;}  
}

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

@media screen and (max-width:600px){
  #header-wrapper{background:#c89f58 url("/classes/timthumb.php?w=600&h=400&zc=1&q=65&src=/styles/stylesets/201705tjhire/images/hdr3.jpg") repeat center top;}   
}

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

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

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