body {
    margin: 0;
    font-family: 'darker grotesque';
    font-size: 17px;
  font-weight: normal;
    line-height: 18px;
}
.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
	background-color: #c9ab6f;
}
span.modpagecrollbtn.arrow-down
.modpagecrollbtns.gobottomh3 {
    top: 630px;
    right: 15px;
    position: fixed;
    background-color: transparent;
    color: #ffffff;
}
      .label,
.badge {
	display: inline-block;
	padding: 2px 4px;
	font-size: 10.998px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: transparent;
}
.label {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  background-color: transparent;
}
header,
section {
  position: fixed;
  display: block;
}
.nav {
  left: 900px;
    list-style: none outside none;
	margin: 0;
	margin-bottom: 18px;
  padding: 0px;
  top: 30px;
  width: 100%;
}
element.style {
    position: absolute;
    top: 10px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
	color: #555;
}
  @media (max-width: 480px) {
	div.modal {
		top: 30px;
		left: 10px;
		right: 10px;
	}
    @media (max-width: 768px) {
    .header .brand {
        float: none;
        display: block;
        text-align: center;
        margin-top: -5px;
      margin-left: -10px;
        postion: fixed;
    }
@media (min-width: 1024px) {
	.site-title {
		font-size: 40px;
	}