/*	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
*/
#hdrimg{ background:#00a3dc url("/styles/stylesets/201811lpsafety/images/hdr3-3.jpg") no-repeat center top fixed; transition: 0.5s;}
#footer{margin: auto;}
#contactWrap{display: flex; justify-content: space-around; text-align: center; margin: 20px auto 0;}
#contact{}
#contentbox{ padding: 20px 0 0 0;}

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

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

@media screen and (max-width:1000px){
   #hdrimg{background:#392d1f url("/classes/timthumb.php?w=1000&h=500&zc=1&q=85&src=/styles/stylesets/201811lpsafety/images/hdr3-3.jpg") no-repeat center top;}  
}

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

@media screen and (max-width:800px){
    #hdrimg{background:#392d1f url("/classes/timthumb.php?w=800&h=500&zc=1&q=75&src=/styles/stylesets/201811lpsafety/images/hdr3-3.jpg") no-repeat center top;}
    #contactWrap{flex-wrap: wrap;}
    .UserFormSecure2>div>div{max-width: 95% !important;}
    #contact{margin: 0 10px 0 10px;}
}

@media screen and (max-width:700px){
    #hdrimg{background:#ffffff url("/classes/timthumb.php?w=800&h=450&zc=1&q=75&src=/styles/stylesets/201811lpsafety/images/hdr3-3.jpg") no-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){
    
}