body{
	background:#000 url('../img/low-contrast-linen.png');
	color: #fff;
}
.top-header {
	background-color:#000;
	color: #fff;
}
.top-header p {
	margin-bottom: 0;
}
.top-header i.fa, p>i.fa {
	color: #dfaa26;
}
.btn-mailto {
	color: #dfaa26;
}

nav.main-nav {
	z-index: 10;
  background:rgba(0,0,0,0.6);
}
nav.main-nav .roll {
	color: #fff;
  font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}
.roll {
  display: inline-block;
  overflow: hidden;
  z-index: 200;
  position: relative;
  vertical-align: top;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
}

.roll span {
  display: block;
  position: relative;
  padding: 0 2px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  overflow: hidden;
}

a.roll:hover span {
  overflow: visible;
  -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  text-shadow: none;
}

.roll span:after {
  content: attr(data-title);
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  padding: 0 2px;
  color: #df0023;
  background: rgba(255,255,255,.3);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}
.btn.btn-primary, .navbar-primary {
    background-image: linear-gradient(#f7dd00, #efa400);
    color: #df0023;
    border:2px #fff solid;
    text-shadow: 0px 1px 3px #fff;
    font-weight: bold;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:hover:focus{
	border:2px #000 solid;
}
hr {
  border-top:3px #f0ab00 double;
}
.navbar-primary a{
  color: #000;
}
.navbar-primary a:hover, .navbar-primary a.active{
  text-decoration: underline;
}
/*#contact form{
	background:url('../images/contact.jpg');
	background-size: cover;
	color: #fff;
}*/
.text-primary,
.text-red {
	color: #df0023 !important;
    text-shadow: 1px 1px 1px #fff;
}
.text-secondary,
.text-yellow {
	color: #efa700 !important;
    text-shadow: 1px 1px 1px #000;
}
.list-group-item{
	background:transparent;
	border-bottom: 1px solid #fff;
}
footer .form-control, .form-control:focus {
	background: rgba(0,0,0,.3);
    color: #fff;
    border:1px rgba(0,0,0,.5) solid;
}
footer .form-control::placeholder {
	color: #fff;
}
.form-control, .form-control:focus {
  background: #353638;
  
    border:1px rgba(0,0,0,.5) solid;
}
.bg-primary{
   background: #df0023 !important;
}
.bg-secondary{
  background:#353638!important;
}
.input-group-text {
	color: #df0023;
    background-color: #f5cb00;
    border: 1px solid rgba(0,0,0,.5);
}
form .progress {
  height: .2rem;
  background: transparent;
}
form .progress .progress-bar {
  background-color: #353638;
}
footer {
  background:#000 url('../img/whitey.png');
}
.footer_top {
  background-image: linear-gradient(#f7dd00, #efa400);
}
@media (min-width: 36em) {
.navbar-primary li {
  border-right: 1px solid rgba(255,255,255,.8);
}
.navbar-primary li:last-child {
  border-right: 1px solid transparent;
}
}