a {
  transition: color .4s;
  color: #111111;
}

hr {
	height: 1px;
	border-width: 0;
	color: gray;
	background-color: gray;
}

a:link,
a:visited { color: #111111; }
a:hover   { color: #d5942c ; }
a:active  {
  transition: color .3s;
  color: #d5942c;
}

.link { text-decoration: underline; }

.download {
	list-style-type: none;
	margin-left: -2em;
}

.mb-1 {
	margin-bottom:-1px;
}

.menuitem a {
	text-decoration: none;
}

.menuitem.active {
	background-color: #333333;
}

.menuitem.active a, .menuitem:hover a {
	color: #d5942c ;
}

.min-w-5 {
	min-width: 5%;
}

.min-w-25 {
	min-width: 25%;
}

.min-w-33 {
	min-width: 33%;
}

.min-w-50 {
	min-width: 50%;
}

.max-w-1000 {
	max-width: 1000px;
}

.h6 {
	height: 20rem;
}

.h7 {
	height: 24rem;
}

.h8 {
	height: 28rem;
}

.f7 {
    font-size: .750rem;
}

.washed-gray {
	color: #F4F4F4;
}

.bg-washed-gray {
	background-color: #F4F4F4;
}

.gold { color: #d5942c; }
.bg-gold { background-color: #d5942c; }
.hover-gold:hover { color: #d5942c; }
.hover-gold:focus { color: #d5942c; }
.hover-bg-gold:hover { background-color: #d5942c; }
.hover-bg-gold:focus { background-color: #d5942c; }
.b--gold { border-color: #d5942c; }

.dklick { color: #8a93bd; }
.bg-dklick { background-color: #8a93bd; }
.b--dklick { border-color: #8a93bd; }

.washed-dklick { color: #e2e4ef; }
.bg-washed-dklick { background-color: #e2e4ef; }
.b--washed-dklick { border-color: #e2e4ef; }

.mablue { color: #6a93b0; }
.bg-mablue { background-color: #6a93b0; }
.b--mablue { border-color: #6a93b0; }

.washed-mablue { color: #E8F7FD ; }
.bg-washed-mablue { background-color: #E8F7FD ; }
.b--washed-mablue { border-color: #E8F7FD ; }

.flext1 {
	flex: 0 0 10%;
}

.flext2 {
	flex: 2 2 60%;
}

.flext3 {
	flex: 1 1 30%;
}

.featured {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center -150px !important;
}

.fullback  {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/back.jpg);
	background-attachment: fixed;
}

#menu-icon {
	display: hidden;
	width: 2rem;
	height: 2rem;
	background: url(../images/menu-icon.svg) no-repeat center;
}

a:hover#menu-icon {

}

.prodiv {
	cursor: pointer;
}


@media screen and (max-width: 30em) {

.fullback  {
	background-image: url(../images/back-sm.jpg);
}
	
.featured {
	background-position: center center !important;
}

 #menu-icon {

	display: inline-block;
}

nav ul, nav:active ul { 

	display: none;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

nav:hover ul {
	display: block;
}

nav li {

	text-align: center;
	font-size: 1.5rem;
	width: 100%;
	padding: 0.5rem 0 !important;
	margin: 0 !important;
	border: 0 solid #ffffff !important;
	border-bottom: 0 solid #000000 !important;
}

nav:hover ul li {
	background-color: rgba(255,255,255,0.7) !important;
}

}