/*	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
*/
#contentbox{display: flex;}
#contactWrap{display: flex; text-align: center; align-items: center; justify-content: center;}
#contact{text-align: center; margin: 0 50px;}
#contact1{margin: 0 30px 0 0;}
form{margin:0 auto 30px !important; margin:auto !important; flex-grow: 2; padding: 40px !important; border-radius: 0 !important; border: none !important;}
form .buttons{border-radius: 10px; box-shadow: none !important; margin: 5px; padding: 8px; font-size: 1em; line-height: 1.5em; color:#303030; text-align: left; text-shadow: none !important; background-color:#fefefe; border: 1px solid #a8a8a8 !important;}
#map{flex-grow: 2;}
.secBox1{padding: 50px 10px 50px 10px;}
h1{margin: 0 !important;}

#ftrWrap{background: #ffffff url("/styles/stylesets/202007earth2earth/images/hdr6.jpg") no-repeat center center fixed;} 

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

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

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

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

@media screen and (max-width:1000px){
    form{width: 100%;}
    #contentbox{flex-wrap: wrap;}
}

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

@media screen and (max-width:800px){
    #ftrWrap{background:#ffffff url("/classes/timthumb.php?w=800&h=200&zc=1&q=75&src=/styles/stylesets/202007earth2earth/images/hdr6.jpg") no-repeat center bottom;}
    #contactWrap{flex-wrap: wrap;}
    form{width: 97%;}
    
}

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

@media screen and (max-width:600px){
    form{width: 95%;}
    
}

@media screen and (max-width:500px){
    form{padding: 20px !important;}
    #contentbox{display: flex; flex-wrap: wrap;}
    #contact1{margin: 0;width: 100%;}
    #readMoreWrap{flex-wrap: wrap;}
    
}

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

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