/*	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
*/
#headerImg{ background:#a6a6a6 url("/styles/stylesets/201809xaxaza/images/hdr2.jpg") center top; transition: 0.5s;}

#contentbox{max-width:100%;margin:auto;padding:0}
#contentmask{height:100%;margin:auto 0; max-width: 100%;padding:0}
#sidebar{max-width:100%; margin:auto;}

.secBox1{padding: 30px 10px 0px 10px;margin:0; }
.secBox2{padding: 30px 10px 30px 10px; background: #2f6294; margin: 50px auto 0; color: #ffffff;}
.secBox2 h2{color: #ffffff;}
.secBox1 .textBox, .secBox2 .textBox{ max-width: 1200px; margin: 0 auto; text-align: justify;}
#fancybox_13{background: #2f6294 !important;padding: 0 0 30px 0;}
#footer{margin:20px auto 0;}

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

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

@media screen and (max-width:1000px){
   #headerImg{background:#a6a6a6 url("/classes/timthumb.php?w=1000&h=300&zc=1&q=85&src=/styles/stylesets/201809xaxaza/images/hdr2.jpg") repeat center top;}  
}

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

@media screen and (max-width:800px){
  #headerImg{background:#a6a6a6 url("/classes/timthumb.php?w=800&h=300&zc=1&q=75&src=/styles/stylesets/201809xaxaza/images/hdr2.jpg") repeat center top;} 
  .secBox1 .textBox, .secBox2 .textBox{text-align: left};
}

@media screen and (max-width:700px){
    #headerImg{background:#a6a6a6 url("/classes/timthumb.php?w=800&h=200&zc=1&q=75&src=/styles/stylesets/201809xaxaza/images/hdr2.jpg") repeat center top;}   
}

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

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

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

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