@media screen and (min-width: 740px) {
#navre a {
  color: #fff;
  display: block;
  float: left;
  font-size: 1vw;
  line-height: 40px;
  padding: 0.3vw 0;
  font-weight: bold;
  text-decoration: none;
  width:14.2%;
  text-align:center;
  text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#147842+0,2bb963+100 */
background: #147842; /* Old browsers */
background: -moz-linear-gradient(top, #147842 0%, #2bb963 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #147842 0%,#2bb963 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #147842 0%,#2bb963 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#147842', endColorstr='#2bb963',GradientType=0 ); /* IE6-9 */
copy
Color format:     Comments
}
#navre a:hover {
	background: #FFFFFF;
	color: #333333;
	font-weight: bold;
	text-shadow: 1px 1px 1px #AAAAAA;
	filter: dropshadow(color=#AAAAAA, offx=1, offy=1);
}
}

@media screen and (max-width: 740px) {
  #navre a {
	float: none;
	padding:2% 0 2% 2%;
	width: 100%;
	background: #EEEEEE;
	color: #333333;
	display: block;
	font-weight: bold;
	text-decoration: none;
	border-bottom:1px #DDDDDD dotted;
  font-size: 15px;
  }

 #navre a:hover {
  background: #FEBF2F;
   color: #333333;
}

}