/******************** 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;
}
}








/******************** NOTIFICATIONS *********************/

/********* 900px *********/ 
@media (max-width: 900px) {  
/* notif */ 
#NotifOverlay #Notif {
	width: 280px; 
    right: 25px;    	 
}  
 
/* information */ 
#NotifOverlay #Notif #Information {
	width: 180px;      
}

#NotifOverlay #Notif #Information h1 {
	font-size: 10px;  
}

#NotifOverlay #Notif #Information p { 
	font-size: 8px;   
}  
} 
 





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

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

#WelcomeContent p {
   font-size: 14px;  
}  
}
  
   
 



 
        
/******************** MISSION SECTION *********************/
               
/********* 900px *********/
@media (max-width: 900px) {   
#MissionSection {               
    width: 300px;    
}  

/* header */ 
#MissionSection .missionheader {  
    font-size: 20px;  
}

#MissionSection .missionheader.two {
    margin-top: 60px;
}
 
/* bar */
#MissionBar {   
    margin: 60px auto 60px;     
}  
 
/* col */ 
#MissionSection .col {
    display: block;  
	width: 100%;    
}
 
#MissionSection .col.one { 
    margin-right: 0px; 
} 
 
#MissionSection .col.two { 
    margin-top: 60px; 
    margin-left: 0px; 
}

/* h1 */
#MissionSection .col h1 {  
    font-size: 35px; 
} 

/* p */
#MissionSection .col p {
    margin-top: 20px;  
    font-size: 15px; 
}

/* bullet */ 
#MissionSection .col p span { 
   font-size: 15px; 
}      
}
      
  
  



 
              
/******************** SERVICES SECTION ********************/
         
/********* 1000px *********/
@media (max-width: 1000px) {
/* cont */
#ServicesCarouselContent {
   width: 500px;
   height: 40px;
   top: 280px;
   right: -180px; 
}
 
#ServicesContCirc {
   width: 40px;
   height: 40px; 
} 

#ServicesContSec #TypewriterTextTwo {
   height: 40px; 
   margin-left: 15px;
   padding-top: 11px;
   font-size: 20px;
   word-spacing: 5px;
   letter-spacing: 1px; 
}  
}

/********* 900px *********/
@media (max-width: 900px) {
/* p */
#ServicesSection .carouseloverlay p { 
   width: 250px; 
   top: calc(50% - 25px);
   left: calc(50% - 125px);
   font-size: 13px;
}  

/* a */
#ServicesSection .carouseloverlay #LearnMore {
   width: 80px; 
   height: 30px;
   padding-top: 10px; 
   top: calc(50% + 30px);
   left: calc(50% - 40px); 
   font-size: 10px; 
}
  
/* controls */
#ServicesSection .carouselcontrols { 
   top: calc(50% + 150px);   
} 
}