/* CSS Document */



.twocol img.pgicn {

	text-align: center;

	clear: both;

	margin: 0;

	padding: 0;

	overflow: hidden;

 }

.twocol a.pgicnlnk {

	text-align: center;

	font-size: 16px;

}

#pagewrap #content .twocol.pgiconnav a h4 {

	position: absolute; bottom:0; left:0; display: block;

	width: 100%; margin: 0; 

	transition: all 0.15s ease-in-out; text-transform: inherit;

	padding: 4px 0; 
	
	font-family: "raleway", sans-serif;
font-weight: 600;font-style: normal;

	

}

#pagewrap #content .twocol.pgiconnav a h4.nobtnimg {  

position: relative; width: inherit !important; padding: 5px !important;

 }

#pagewrap #content .twocol.pgiconnav a:hover h4.nobtnimg  { color: #845b4a; }



.twocol.pgiconnav {

	position: relative;

	width: auto;

	margin: 5px auto;

	padding: 0;

	list-style-type: none;

	border-left: 2px solid #b68c7e;

	vertical-align: top;

}

.twocol.pgiconnav li {

	list-style-type: none;position: relative;

	text-align: center;

	background: none;

	width: auto; vertical-align: top;

	display: inline-block;

	padding: 0 !important;  }

.twocol.pgiconnav li a {

	display: block; transition: all 0.15s ease-in-out;

	text-align: center; text-decoration: none;

	padding: 0; 

	margin: 0;      color: #000;
    text-transform: uppercase;

} 

#pagewrap #content .twocol.pgiconnav a h4 {
	font-size: 16px;
	line-height: 16px;
}

.twocol.pgiconnav li.nobtnimg a { box-shadow: none !important; }

#pagewrap #content .twocol.pgiconnav a:hover h4 {  text-decoration: none; }



@media screen and (min-width: 300px)

{  

.twocol.pgiconnav { text-align: center; }

.twocol.pgiconnav li { width: 98%; margin: 10px auto; min-width: 250px; }

}

@media screen and (min-width: 650px)

{ 

.twocol.pgiconnav { text-align: left; }

.twocol.pgiconnav li { width: 48%; margin: 10px 1%; min-width: 250px; }

}