/******************** GLOBAL HEIGHT *********************/
                                              
/********* < 700 h and > 901 w *********/
@media (max-height: 700px) and (min-width: 901px) {
#WelcomeSection, #ServicesSection, #MapSection {
	height: 700px; 
}
}

/********* < 900 w *********/
@media (max-width: 900px) {
#WelcomeSection, #ServicesSection, #MapSection {
    height: 600px !important;
}
} 

 





          
/******************** WELCOME SECTION *********************/ 
             
/********* 900px *********/
@media (max-width: 900px) {      
/* content */
#WelcomeContent { 
   top: calc(50% - 90px);     
}

#WelcomeContent h1 {
   font-size: 35px; 
} 

#WelcomeContent p {
   width: 250px;
   margin-top: 20px;
   font-size: 15px;  
}

/* images */ 
#WelcomeCarSec1 .carimg {  
   background-position-x: 60%;
}
} 
 
   






/******************** MISSION SECTION *********************/
    
/********* 1250px *********/
@media (max-width: 1250px) {    
/* container */
#MissionContainer {
    width: 850px;
}

/* h1 */
#MissionSection h1 { 
    font-size: 30px;
} 

/* p */
#MissionSection p {  
    font-size: 14px; 
} 

/* check */
#MissionSection p img {
    width: 15px;
    height: 15px; 
    top: 3px;  
} 
}

/********* 900px *********/
@media (max-width: 900px) {   
#MissionSection {
    margin-top: 20px;
    padding: 100px 0px; 
}

/* container */
#MissionContainer { 
    width: 300px; 
}

/* h1 */
#MissionSection h1 { 
    font-size: 25px;
}   

/* row */
#MissionSection .col {
   display: block;
   padding: 40px 0px;    
}

#MissionSection #RowOne .col,
#MissionSection #RowTwo .col {
   width: 100% !important;
}

#MissionSection .col.mobileone {
   padding-bottom: 0px !important; 
}

#MissionSection .col.mobiletwo {
   padding-bottom: 50px !important;   
}
  
/* final */
#MissionSection p.final {
   padding: 50px 20px;      
} 
}