/* map */
h2 {
	color: #4a4d4f; 	
    font-size: 33px; 
}
p.intro {
	color: #4a4d4f;	
	font-size: 20px;
	line-height:30px;
}
#container {
    height: 620px;       
  /* -take out for better responsive
    min-width: 310px; 
    max-width: 1000px;   */
    margin: 0 auto;
    padding: 0px;
}
.custBtn {   
 	font-size: 16px;  
	background: #22aa6d;   
	color: #FFFFFF;    
	font-weight: bold;  
	padding-left: 27px;
	padding-right: 27px;
 /*	float: right;  */
}
.custBtn:hover, .custBtn:focus {   
	background: #198052;  
    color: #FFFFFF;  
}
.lblList {
	font-size: 15px;
	color: #ffffff;
	padding-top: 5px;   
    padding-bottom:  5px;  
}
.lblDiv {
	background: #053361;     
	text-align: center;
}
.selField {
	font-size: 14px;
}
div.line {
	border-bottom: 5px solid #474e5d;	 /* dark greyblue */
}
.mediaSec {
	padding-top: 7px;
	float: right;
	display: inline-block;  
 }
/* fontawesome */
.circle {
    width: 30px;   
    height: 30px;   
    background-color: #BCBEC0;    /* logo */
    border-radius: 100%; 
    line-height: 30px;   
    text-align: center;
    display: inline-block; 
}
.icon_content {
  font-size: 17px;  
  color: #ffffff;
  vertical-align: middle;   
}
/* for smaller screen */
@media screen and (max-width: 768px) {	
	h2 {	
		font-size: 28px; 
	}
	p.intro {
		font-size: 17px;
		line-height:24px;
	}
	#container {
		height: 370px;
	}
/* end- media */