.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
body {
   font-family: "Raleway", sans-serif;
   font-size: 1em;
   color: #363434;
   margin: 0px auto;
   padding: 0px; 
   background-color:#DDDFD8;
	line-height: 2;
}
// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name



html, body { 
	height: 100.1%; 
}
a, a:link, a:visited {
color:#94c93d;
 text-decoration: underline;
	font-weight:300;
}
a:hover {
color: #999;
}

p {
	text-align: left;
	/*font-size: 90%;*/
	margin: 1em 20px;
}
 
h1, h2, h3, h4 {
color: #333;
text-align: left;
	font-weight: 500;
	font-family: 'Lato', sans-serif;
}


.lhn {
	line-height: normal;
}

.rming {
	width:100%;
	height:auto;
}

.wht {
	color:#fff;
}
.whtbk {
	background-color:#fff;
}
.grnbk {
	background-color:#277936;
}
.grnbkdk {
	background-color:#26522E;
}
.pdl {
	padding-left: 20px;
}
.fnt1 {
	font-size: .8em;
}
.pdgtp {
	padding-top: 60px;
}
.pdgtp30 {
	padding-top: 30px;
}
.pdgbm30 {
	padding-bottom: 30px;
}
/********* DIVs ************/
.wrapper {
  width:100%;
  margin:auto;
	text-align:center;
}

.grybk {
	background-color:#515151;
}

.brdlft {
	 border-left: 1px solid #333;
}
.brdrt {
	 border-right: 1px solid #333;
}
.brdtp {
	 border-top: 1px solid #333;
}
.brdbtm {
	 border-bottom: 1px solid #333;
}

.ltrsp {
	letter-spacing: .3em;
}

.cntr {
	text-align: center;
}
.lft {
	text-align: left;
}
.rght {
	text-align: right;
}

.box20 {
	float:left;
	width: 19.7%;
	min-height:540px;
}

.box40 {
	float:left;
	width:40%;
	min-height:540px;
}

.box20b {
	float:left;
	width: 19%;
	min-height:210px;
}

.box40b {
	float:left;
	width:40%;
	min-height:210px;
}


/*all inclusive*/
@media handheld, only screen  
 and (max-device-width: 680px) 
 
{


 .mobileG {    
     width:100%;   
     height:auto;	
  }

.box40, 
.box20,
.box40b, 
.box20b{
	float:none;
	width:99%;
	min-height: auto;
}
.pdgtp{
		padding-top:10px;
	}
}