/*	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:#bb5b43 url("/styles/stylesets/202005baysunlodge/images/hdr4.jpg") no-repeat center top; transition: 0.5s;}
#footer{margin: 30px 0 0 0;}
.secBox1{padding: 60px 10px 20px 10px;}


#quoteWrap{display: flex; max-width: 1200px; margin: auto; flex-wrap: wrap; justify-content: center;}
#quote{background: #ffedd5; max-width: auto; text-align: center; color: #534f4a; border-radius: 10px; margin: 5px;  text-align: center; padding: 20px 10px;width: 30%;}
#quoteText1{font-family: 'Poppins', sans-serif;  font-size: 1em; font-style: italic; font-weight: bold;}
#quoteText2{margin: 10px 0 0 0;}


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

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

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

@media screen and (max-width:900px){
    #hdrimg{background:#bb5b43 url("/classes/timthumb.php?w=1000&h=400&zc=1&q=85&src=/styles/stylesets/202005baysunlodge/images/hdr4.jpg")  no-repeat center top;}
    #quote{width: 45%;}
    
}

@media screen and (max-width:800px){
    #hdrimg{background:#bb5b43 url("/classes/timthumb.php?w=800&h=300&zc=1&q=75&src=/styles/stylesets/202005baysunlodge/images/hdr4.jpg") no-repeat center top;}   
    
    
}

@media screen and (max-width:700px){
    #quote{width: 90%;}
}

@media screen and (max-width:600px){
    #hdrimg{background:#bb5b43 url("/classes/timthumb.php?w=600&h=200&zc=1&q=65&src=/styles/stylesets/202005baysunlodge/images/hdr4.jpg") no-repeat center top !important;}  
    
}

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

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

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