/******************** WELCOME SECTION *********************/                                        
                            
/********* 800px *********/
@media (max-width: 800px) {     
#WelcomeSection #WelcomeContent {
    width: 330px;
    top: calc(50% - 185px);
    left: calc(50% - 165px);
}

#WelcomeSection #WelcomeContent h1 {
    word-spacing: 0px;  
    font-size: 30px; 
}

/* subhead */
#WelcomeSection #WelcomeContent h2 {  
    line-height: 1.4;
    font-size: 12px;
}

/* btns */
#WelcomeSection #WelcomeContent a {
    width: 150px;
    height: 40px;
    margin: 50px 5px 0px;
    padding-top: 15px;
    word-spacing: 1px;
    font-size: 9px;
    border-radius: 20px; 
} 
}








/******************** REVIEW SECTION *********************/               
 
/********* 1100px *********/   
@media (max-width: 1100px) {     
#WhySection {
     height: 500px; 
}        

/****************/
/*** stats ***/
/****************/

/* row */
#WhySection .col.stats .statrow {
    width: 400px;
    top: calc(50% - 95px);
    left: calc(50% - 200px); 
}

/* inner col */
#WhySection .col.stats .innercol {
	width: 198px; 
}    

/* header */
#WhySection .col.stats .innercol h1 { 
	font-size: 22.5px;  
}   

/* par */ 
#WhySection .col.stats .innercol p {
	word-spacing: 2px;
	font-size: 10px;   
}
}

/********* 900px *********/   
@media (max-width: 900px) {     
#WhySection {
     width: calc(100% - 40px);
     height: 400px; 
     margin-top: 20px; 
}        

/****************/
/*** stats ***/
/****************/

/* row */
#WhySection .col.stats .statrow {
    width: 330px;
    top: calc(50% - 85px);
    left: calc(50% - 165px);
}

/* inner col */
#WhySection .col.stats .innercol {
	width: 163px;  
}    

/* header */
#WhySection .col.stats .innercol h1 { 
	font-size: 18px;   
}   

/* par */ 
#WhySection .col.stats .innercol p {
	margin-top: 10px;  
	word-spacing: 1px;
	font-size: 9px;   
}
 
/****************/
/*** clients ***/
/****************/

/* logo */
#WhySection .col.clients .clientlogo {
    height: 130px;
    top: calc(50% - 65px);
}

#WhySection .col.clients .clientlogo img {
    height: 130px;
}
}

/********* 750px *********/   
@media (max-width: 750px) {     
#WhySection {
     height: 700px;   
}        

#WhySection .col {
     display: block;
     width: 100%;
     height: 300px;
     float: none; 
}

/****************/
/*** stats ***/
/****************/

#WhySection .col.stats {
    height: 400px !important;
    border-left: none !important;
    border-top: 1px solid #ECA860; 
}

/* row */
#WhySection .col.stats .statrow {
    top: calc(50% - 88px);
}
}
 







/******************** CATERING SECTION *********************/               

/********* 900px *********/   
@media (max-width: 900px) {       
#CateringSection {
    padding-bottom: 150px;
}

/* h1 */
#CateringSection h1 {
    font-size: 20px;
    word-spacing: 5px; 
}

/* p */
#CateringSection p {  
    word-spacing: 1px;
    font-size: 9px;
}

/* divider */
#CateringSection #CaterDivide {
    width: 318px;
    margin: 60px auto 20px;
}

/* btn */
#CateringSection #CateringButtons {
    width: 330px;
    height: 40px;
}

#CateringSection #CateringButtons a {
    width: 150px;
    height: 40px;
    margin: 0px 6px;
    padding-top: 15px; 
    word-spacing: 1px;
    font-size: 9px;   
}
}







 
/******************** FILLER SECTION *********************/             

/********* 1100px *********/   
@media (max-width: 1100px) {     
#FillerSection {
     height: 500px; 
}        
}

/********* 900px *********/   
@media (max-width: 900px) {         
#FillerSection {                         
    width: calc(100% - 40px); 
	height: 300px;  
}  
}






         

/******************** REVIEW SECTION *********************/            

/********* 1100px *********/   
@media (max-width: 1100px) {                 

/**************** CONTENT *******************/

/* cont inner */
#ReviewSection .col.cont #ContInner { 
	width: 350px; 
	height: 360px; 
    top: calc(50% - 180px); 
}

/* header */
#ReviewSection .col.cont #Head {
	font-size: 25px; 
	word-spacing: 5px; 
}

/* subhead */  
#ReviewSection .col.cont .headp {
    word-spacing: 1px;
    font-size: 10px;
}

#ReviewSection .col.cont .headp.one span {
    padding: 0px 3px; 
}

#ReviewSection .col.cont .headp.two {
    font-size: 9px;
}

/* carousel */
/* content */
#ReviewSection .carcol .content {
    width: 250px; 
    left: calc(50% - 125px); 
}

#ReviewSection .carcol .content p {
    font-size: 11px;
}

#ReviewSection .carcol .content h2 { 
    font-size: 10px;
}

#ReviewSection .carcol .content h2 span {
    padding-left: 10px;
}
 
/* controls */
#ReviewSection #Overlay .control {
	height: 18px; 
	top: calc(50% - 9px); 
}
}
 
/********* 900px *********/ 
@media (max-width: 900px) {
#ReviewSection {                         
    width: calc(100% - 40px); 
	height: 600px;  
	border: none;   
}  
  
/* col */ 
#ReviewSection .col {
	width: 100%;
	height: 50%; 
	top: 0px; 
}

/**************** MAP *******************/

#ReviewSection .col.img {
    top: auto;
    bottom: 0px;
}

/* overlay */
#ReviewSection .col .overlay.one {
	height: 200px;
}

/**************** CONTENT *******************/

/* cont */
#ReviewSection .col.cont {
	border-left: 0px solid rgb(235,235,235);    
}

/* cont inner */
#ReviewSection .col.cont #ContInner { 
	width: 100%;
	height: 246px; 
    top: calc(50% - 123px);    
}

/* header */
#ReviewSection .col.cont #Head {
	font-size: 20px; 
	letter-spacing: 0px;   
}

/* subhead */  
#ReviewSection .col.cont .headp {
    font-size: 9px;
}

#ReviewSection .col.cont .headp.one span {
    padding: 0px 2px; 
}

#ReviewSection .col.cont .headp.two {
    font-size: 8px;
}

/* carousel */
#ReviewSection #Carousel {  
    height: 115px;
    margin: 40px auto 45px;
} 

#ReviewSection #Overlay #Left { 
	left: 20px;
}

#ReviewSection #Overlay #Right { 
	right: 20px;
}  
}