body {   
	font-size: 16px;
	line-height: 21px;
	padding-top: 60px;
	background-color: #f6f6f6;	
	text-align: center;
	color: #484848;
	font-family: "Trebuchet MS" ,Tahoma, Verdana, Helvetica, sans-serif;
	                    
	/*Removes the gray highlight on mobile safari*/
	-webkit-touch-callout: none;  
	  -webkit-user-select: none;  
	   -khtml-user-select: none;  
	     -moz-user-select: none;  
	      -ms-user-select: none;  
            user-select: none;      
	}
	
img    { max-width: 100%; }
.green { color: #6fbb44;  } 
.blue  { color: #0069ad;  }



/*TYPOGRAPHY*/
p { font-size: 1em; line-height: 1.5em; padding: 0 2em; } 
a { color: #0069ad; }
h1.bigHeadline {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 3.5em; 
	line-height: 1.4em;   
	color: #6fbb44;  
	color: #484848; 
	padding-bottom: .4em;
	} 
h2 {
	font-weight: normal;
	font-size: 1em;  
	color: #6fbb44;
	color: #484848; 
	}
span.strongText { color: #6fbb44; font-weight: bold;   } 
a.textLinkP {
	color: #318fcb; 
	text-decoration: none;
	padding: 0 0 2px 0; 
	border-bottom: 1px solid #318fcb;
	-webkit-transition: color 0.5s linear;
	   -moz-transition: color 0.5s linear;
	    -ms-transition: color 0.5s linear;
	     -o-transition: color 0.5s linear;
	        transition: color 0.5s linear;
	}       
a.textLinkP:hover { color: #000;text-decoration: none; border-bottom: 1px solid #dedede; }
   
       


/*STRUCTURE*/
.lhLogoHeader { float: left; margin: 10px 0 0 10px; }  
.navbar  {
	background-color: #fff;	
	border-top: 5px solid #6fbb44; 
	min-height: 70px;
	border-bottom: 1px solid #dedede;
	}
.jumbotron {
	margin-top: 20px; 
	background-color: #f6f6f6;	
	padding-top: 5px;
	}
.borderRight  { border-right: 1px solid #6fbb44;          }  
.extraPadding { padding-top: 1.2em; padding-bottom: 60px; }   




/*BUTTONS*/
.btn-large {
	padding: 14px 16px;
	font-size: 18px;
	border-radius: 6px;
	} 	
.btn-primary {		 
	color: #ffffff;
	background-color: #0069ad;
	border-color: #357ebd;  
	padding-left: 60px;  
	padding-right: 60px; 
	margin-bottom: 20px;    		
	}



/*FOOTER*/
#footer {
	color: #666;
	font-size: .875em;
	padding:0;
	margin:0;
	text-align: center;
	border-top: 1px solid #dedede;
	background-color: #191919;
	height: 200px;
	}
#footer .container p {
	margin:20px 0 0 0;  
	padding: 0 0 15px 0;	
	}
#footer .container ol li {
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
	} 	
#footer .container span a { 
	color:#318fcb; 
	text-decoration: none; 
	border-bottom: 1px solid #318fcb;
	padding: 0 0 5px 0;
	-webkit-transition: color 0.5s linear;
	   -moz-transition: color 0.5s linear;
	    -ms-transition: color 0.5s linear;
	     -o-transition: color 0.5s linear;
	        transition: color 0.5s linear;    
	}
#footer .container span a:hover { color: #3eb4ff;text-decoration: none; border-bottom: 1px solid #3eb4ff; }



/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {   
	
		.jumbotron .bigHeadline   { padding-left: 5px; padding-right: 5px; font-size: 2.9em;}     


	}


 /* iPads (portrait) -------------------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
   
	
		.borderRight              { border-right:none; } 	
		.col-md-4                 { padding: .3em 0; border-right: none; text-align: left; margin: 0 3.0em 0 10.0em; } 
		.jumbotron .bigHeadline   { padding-left: 5px; padding-right: 5px; font-size: 3.2em;}     
  
	 
	}



/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {


		.borderRight              { border-right:none; }
		.col-md-4                 { text-align: left; margin-bottom: .4em; }
		.jumbotron .bigHeadline   { padding-left: 0.0em; padding-right: 0.0em; font-size: 2.4em; line-height: 1.3em; }      
		.col-md-4 p               { padding: 0.5em .3em; margin: 0 .5em; } 
		.jumbotron                { margin-top: .4em;  }

	}       



/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px)
and (max-width : 480px) {

	  .borderRight              { border-right:none; }
		.col-md-4                 { text-align: left; margin-bottom: .4em; }
		.jumbotron .bigHeadline   { padding-left: 0.0em; padding-right: 0.0em; font-size: 2.4em; line-height: 1.2em; }      
		.col-md-4 p               { padding: 0.5em .3em; margin: 0 .5em 0 2.0em; } 
		.jumbotron                { margin-top: .4em;  }    


	}