html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, button, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 1.1rem;
	line-height: 1.6rem;
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-family: "Federo", sans-serif;
  font-weight: 400;
  font-style: normal;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html {


}


html, body {height:100%; margin:0; padding:0;}

body {
	background: #741111 url(img/bg.jpg) repeat-x;
	
	color: #3c0a0a;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {

	font-weight: normal;
	vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
em {font-style: italic;}
p {margin-bottom: 1rem;}
.center {text-align: center;}
.caption {background: #d4a813; color: #000; padding: 25px; width: 100%; font-weight: bold; font-size: 1.3em; text-align: center;}
.menu {text-align: center; margin: 30px 0 30px;}
.menu a {color: #efefef; display: inline; text-transform: uppercase; font-size: 20px; text-decoration: none; margin: 0 20px 0 0;}
.menu a:hover {color: #f0d464;}
.left {padding: 0 20px 0 0;}

.display-image {border: 2px solid #520000;}
.box {
  line-height: 24px;
 padding: 2rem;
 background: #fff;


 margin: 0 0 20px;
}
a {text-decoration: underline;}
.display-ib {display: inline-block;}
.float-none {float:none;}
.menu a.active {color: #f0d464;}

.products ul {margin: 15px 0 0 30px;}
.products ul li {list-style-type: disc; }

.services ul {margin: 15px 0 0 30px;}
.services ul li {list-style-type: disc; font-weight: bold; }

.services ul li ul {margin: 0 0 15px 30px; }
.services ul li ul li { font-weight: normal; list-style-type: none;}
h2 { font-weight: bold; margin: .5rem 0 1rem; font-size: 2rem;} 
h3 { font-weight: bold; margin: .5rem 0 1rem; font-size: 1.5rem;} 
.man {position: absolute; right: -10px; top: 25px;}
.header {}
.header-position {}
.img-responsive {width: 100%; height: auto;}
.header-bg {background: #000;  b}


.navbar-inverse {
    background: #d4a813 ;
	ox-shadow: 0px 5px 5px #570d0e;
    border: none;


    font-size: 24px;
    text-transform: uppercase;
	color: #333;
	border-radius: 0;
}
#navbar {text-align: center; }
.navbar-inverse .navbar-nav {float: none; display: inline-block; margin: 0 auto; }
.navbar-inverse .navbar-nav > li > a { color: #fff; font-size: 1.1rem; padding: 20px 18px 10px; text-decoration: none; 


font-weight: bold;


  text-shadow: 2px 2px 1px #a98d2f; 
 
  -webkit-background-clip: text;
    -moz-background-clip: text;


} 

.navbar-inverse .navbar-nav > li > a:hover { color: #741111; } 

.navbar-nav > li > a {}
.nav > li > a {padding-right: 15px; padding-left: 15px;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
background: transparent;
color: #741111;
margin: 0;
}
.navbar-brand {

  padding-top: 19px;
}

.smhead, .mantwo {display:none;}
.marginbottom {margin: 0 0 25px;}
 
.mantwo {position: absolute; top: -229px; right: 0; z-index: 2;}
.navbar-toggle {position: absolute; left: 15px;}


footer { padding: 15px 0; text-transform: uppercase; font-size: 10px; color: #490e0e;}
footer a {color: #490e0e; text-decoration: underline; font-size: 10px;}
.micropage {display:none;}

@media (max-width: 1600px) {

}

@media (max-width: 1200px) {
.navbar-inverse .navbar-nav > li > a {
   
    font-size: .9rem;
    
}
}

@media (max-width: 992px) {
.navbar-inverse .navbar-nav > li > a {
   font-size: .8rem;
    padding: 20px 10px 10px;
    
} 
}

@media (max-width: 768px) {
  .mainimg { padding: 0; z-index: -10;}
  .header-bg {border: 0; box-shadow: none;}
  .navbar {margin: 0; z-index: 1;}
.navbar-header {background: #d4a813; text-align: center;}
.lghead, .man {display:none;}
.smhead, .mantwo {display:block;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background: #d4a813; 
    padding-bottom: 15px;
}
.micropage {display:inline-block; margin: 0 auto; font-size: 1rem; padding: 12px 0; text-decoration: none; color: #333; font-weight: bold; width: 100%; }
	.micropage:hover {text-decoration: none; color: #333;}
.margintop {margin-top: 25px;}
	.navbar-inverse .navbar-nav {width: 100%;}	
	.container>.navbar-collapse {}
	    .navbar-inverse .navbar-nav > li > a {
        font-size: 1rem;

        border-bottom: 1px solid #b19536;
    }
	
}
@media (max-width: 400px) {
 .mantwo {top: 160%;}
}