html{height:100%;}
body{height:100%;}

body{
  background-color:#420705;
}

div.body-wrap{position:relative; width:100%; height:100%; margin:0 0 261px 0;}
div.test-mode{position:fixed; top:0; left:50%; margin-left:-70px; width:140px; height:30px; font-size:18px; line-height:30px; background-color:#ffff00; color:#000000; text-align:center;}

section a{color:#420705 !important;}
section{font-size:18px;}

header{background-color:rgba(0,0,0,1.0); color:#aaa; padding:24px 0 24px 0; font-size:24px; line-height:34px; header:auto; display:block;}
header div ul{display:block; list-style:none; margin:10px 0 0 0; padding:0;}
header div ul li{display:inline-block; margin:0 20px 0 0; padding:0;}
header div ul li:last-child{margin:0;}
header div ul li a{display:inline-block; width:auto; height:auto; font-family:'Montserrat',sans-serif; font-weight:500; font-size:21px;}
header div ul li a{color:#fff !important;}

header a.da-partments{display:inline-block; height:90px;}
header a.da-partments img{display:inline-block; width:auto; max-width:100%; height:100%;}
header a.grand-hustle{display:inline-block; height:90px;}
header a.grand-hustle img{display:inline-block; width:auto; max-width:100%; height:100%;}

section.main{background:transparent; min-height:calc(100% - 278px);}
div.white{background-color:#fff; padding:45px 30px 45px 30px;}

footer{width:100%; height:auto; color:#aaa; font-size:24px; line-height:34px; display:block;}
footer div.picket{width:100%; height:23px; background-image:url(../img/picket.svg); background-repeat:repeat-x; background-position:top left; background-size:13px 23px;}
footer div.container-wrapper{background-color:#420705; border:1px solid #420705; border-width:24px 0 24px 0;}
footer div span.separator{font-family:serif; font-size:34px; line-height:34px; margin:0 10px 0 10px; display:inline-block; position:relative; color:transparent; border:1px solid transparent; border-width:0 1px 0 0;}
footer div span.separator::before{content:''; background-color:#ffffff; position:absolute; top:50%; left:50%; width:1px; height:20px; margin-top:-6px;}
footer div ul{display:block; list-style:none; margin:0; padding:0;}
footer div ul li{display:block; margin:0; padding:0;}
footer div ul li a{display:block;}
footer div div.social {}
footer div div.social a{text-decoration:none !important;}
footer div div.social a svg{display:inline-block; width:30px; height:30px; margin:10px 20px 10px 0px;}
footer div div.social a svg .fill{fill:#ddd;}
footer div div.social a svg:hover .fill{fill:#fff;}
footer div.logo{width:auto; height:46px; background-position:left center; background-size:contain; background-repeat:no-repeat; margin-bottom:20px;}
footer a{color:#fff !important;}

h1{font-family:'Montserrat',sans-serif; text-transform:uppercase;}
h2{font-family:'Montserrat',sans-serif; text-transform:uppercase;}
h3{font-family:'Montserrat',sans-serif; text-transform:uppercase;}
h4{font-family:'Montserrat',sans-serif; text-transform:uppercase;}

.error{color:#ff0000;}


.btn,
.btn:hover,
.btn:active,
.btn:visited,
.btn:focus {
    color:#fff  !important;
    background-color: #202020  !important;
    border-width:2.33px !important;
    border-color: #202020 !important;
    box-shadow: none !important;
}

.btn.dap,
.btn.dap:hover,
.btn.dap:active,
.btn.dap:visited,
.btn.dap:focus {
    color:#fff  !important;
    background-color: #420705  !important;
    border-width:2.33px !important;
    border-color: #420705 !important;
    box-shadow: none !important;
}

.btn-outline,
.btn-outline:hover,
.btn-outline:active,
.btn-outline:visited,
.btn-outline:focus {
    color: #fff !important;
    border-color: #fff !important;
    border-width:2.33px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.btn-outline.orange,
.btn-outline.orange:hover,
.btn-outline.orange:active,
.btn-outline.orange:visited,
.btn-outline.orange:focus {
    color: #ffa500 !important;
    border-color: #ffa500 !important;
    border-width:2.33px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.btn-outline.black,
.btn-outline.black:hover,
.btn-outline.black:active,
.btn-outline.black:visited,
.btn-outline.black:focus {
    color: #0a0a0a !important;
    border-color: #0a0a0a !important;
    border-width:2.33px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

div.indicator{position:fixed; top:0; left:0; width:20px; height:20px; display:none;}
/* xl */
@media only screen and (min-width: 1200px) {
  div.indicator{ background-color: green; }
}
/* lg */
@media only screen and (max-width: 1199px) {
  div.indicator{ background-color: yellow; }
}
/* md */
@media only screen and (max-width: 991px) {
  div.indicator{ background-color: red; }
}
/* sm */
@media only screen and (max-width: 767px) {
  div.indicator{ background-color: orange; }
}
/* xs */
@media only screen and (max-width: 575px) {
  div.indicator{ background-color: blue; }

  header{height:108px;}
  header a.da-partments{display:inline-block; height:60px;}
  header a.da-partments img{display:inline-block; width:auto; max-width:100%; height:80%;}
  header a.grand-hustle{display:inline-block; height:60px;}
  header a.grand-hustle img{display:inline-block; width:auto; max-width:100%; height:80%;}
  footer{font-size:18px;}
  footer div.picket{background-size:123px 23px;}

}