/*********** GENERAL ***********/
/*******************************/
html, body, #Form {
    height: 100%;
}
body {
    background: #fff;
}
img {
    max-width: 100%;
}
footer img, header img {
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0;
}
h1, h2, h3 {
    font-weight: bold;
}
h1 {
    font-family: "source-sans-pro", sans-serif;
    text-transform: uppercase;
}
h3 {
    font-family: "source-sans-pro", sans-serif;
    font-size: 20px;
}
h3.title {
    margin-top: 0;
}
h4 {
    font-style: italic;
    font-size: 19px;
}
.Normal, .NormalDeleted, body {
    font-size: 18px;
    font-family: "athelas", serif;
    color: #6e614f;
    line-height: 30px;
}
ul {
    list-style: disc outside;
}
ul, ol {
    margin-left: 20px;
}
a, a:visited {
    color: #dea653;
}
a:hover, a:focus {
    text-decoration: none;
    color: #c0ae2d;
}
.container-fluid {
    max-width: 1700px;
}
.SubHead {
    font-weight: bold;
}
.standout {
    font-size: 26px;
}




/********* HEADER/NAV **********/
/*******************************/
header {
    background: transparent url(images/head_w1500.jpg) no-repeat center center;
    background-size: cover;
}

.navbar-header {
    float: right;
    padding-top: 10px;
    z-index: 9;
    position: relative;
}
.logo {
    float: left;
    position: relative;
    z-index: 9;
    padding: 20px 15px;
}
.logo a img {
    max-width: 130px
}
.logo a img.short-logo {
    display: none;
}
.navbar.short .logo {
    padding: 15px 15px 0;
}
.header-pane {
    padding-top: 50px;
    min-height: 110px;
}
.page-header-image img {
    border-radius: 50%;
    border: 10px solid #fff;
    margin-bottom: -75px;
    width: 150px;
    height: 150px;
}
.page-header-image {
    margin-bottom: -75px;
    position: relative;
    z-index: 1;
}
header.home-slider {
    background-image: none;
    height: 100%;
    position: relative;
}
header.sunroom-slider div#dnn_HeaderPane.PageHeaderSlider {
    margin-top: -515px;
}
header.home-slider div#dnn_HeaderPane.PageHeaderSlider {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
}
div#page-identify.sunrooms {
    margin-top: -20px;
}

/* nav */
.navbar-inverse {
    background: #18100f;
}
.navbar-inverse .navbar-toggle {
    border-color: #FFF;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.navbar-collapse {
    width: 100%;
    float: none;
    z-index: 8;
    position: relative;
    padding: 0 15px;
    margin: 0 0 20px;
}
ul.nav.navbar-nav.navbar-right {
    margin: 0;
    padding: 20px 0;
}
.navbar-inverse .navbar-nav>li>a {
    font-family: "source-sans-pro", sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 0 0;
}
.navbar-nav > li.dropdown:hover > ul {
    display: block;
}
.navbar-nav .caret {
    margin-top: 8px;
    margin-left: 10px;
    display: none;
}
.navbar-inverse .navbar-nav>li:hover>a {
    color: #999;
}
li.home-link {
    display: none
}
li.home-link a img {
    max-width: 100%;
}
.navbar-toggle .text {
    text-transform: uppercase;
    color: white;
    font-family: source-sans-pro, sans-serif;
}
.right-phone .phone-number a {
    color: white;
    font-family: "source-sans-pro",sans-serif;
    text-transform: uppercase;
    line-height: 19px;
    font-size: 18px;
    font-weight: bold;
    /*margin-bottom: 4px;
    display:inline;*/ 
} 

/* dropdown styles */
.dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
    left: 0;
    right: auto;
    min-width: 0;
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    position: static;
}
.navbar-right .dropdown-menu {
    left: 0;
    right: auto;
}
.dropdown-menu>li.last>a {
    padding-bottom: 6px;
}
.dropdown-menu > li b.caret {
    display: none;
}
.dropdown-menu>li>a {
    color: #fff;
    background: none;
    padding: 2px 0;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background: none;
    color: rgb(121, 121, 121);
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: inherit;
    background: inherit;
}

/* short styles */
.navbar {
    -webkit-transition: all .2s linear; /* For Safari 3.1 to 6.0 */
    transition: all .2s linear;
    margin-bottom: 0;
}
.navbar.short img.short-logo {
    display: inline;
    margin-top: 3px;
}
.navbar.short img.tall-logo {
    display: none;
}
.navbar.short .navbar-nav {
    padding: 7px 0 !important;
}
.navbar.short.navbar-inverse {
    background: #18100f;
    padding-bottom: 10px;
    position: fixed;
}
.navbar.short .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar-fixed-top.short .right-phone.phone-number {
    padding: 14px 30px 0 5px;
}
.navbar.short .button-stuff * {
    display:inline-block;
    margin-top: 1px;
    margin-left: -3px;
    line-height: initial;
    padding: 5px;
}
span.header-phone-number {
    display:none;
}
.navbar.short span.dramatic {
    display:none; 
}
.logo-link {
    float: left;
}
.new-stuff {
    float: left;
    font-weight: bold;
    margin-left: 75px;
    margin-top: 20px;
    text-align: center;
}
.button-stuff {
    float: left;
    font-weight: bold;
    margin-left: 75px;
    text-align: center;   
}
.button-stuff a {
    font-size: 15px;
    color: white;
    font-family: "source-sans-pro", sans-serif;
    text-transform: uppercase;
    line-height: 19px;
}
.button-stuff .phone-number a {
    font-size: 18px;
    font-weight: normal;
    display: block;
}
.new-stuff a {
    font-size: 15px;
    color: white;
    font-family: "source-sans-pro", sans-serif;
    text-transform: uppercase;
    line-height: 19px;
}
.new-stuff .phone-number a {
    font-size: 18px;
    font-weight: normal;
    display: block;
    margin-bottom: 4px;
}
.get-quote a {
    background: #dea653;
    padding: 5px 8px;
    display: block;
    margin-bottom: 10px;
    margin-top: 14px;
}
.sunrooms-link a {
    background: #97a8d0;
    padding: 1px 9px 5px;
    display: block;
    margin-bottom: 10px;
    margin-top: 0px;
    line-height: 1.2;
}
    .get-quote a:hover, 
    .sunrooms-link a:hover,
    .add-a-button .button-stuff .design-ctr-link a:hover {
        background: #6E614F;
    }
.navbar.short .new-stuff {
    margin-top:0px;
}
.navbar-collapse .new-stuff a {
    display: inline-block;
}
.navbar-collapse .new-stuff {
    float: none;
    width: auto;
    margin-left: 0;
}
.navbar.short .button-stuff {
    margin-top:0px;
}
.navbar-collapse .button-stuff a {
    display: inline-block;
}
.navbar-collapse .button-stuff {
    float: none;
    width: auto;
    margin-left: 0;
}
.dramatic {
    font-style: italic;
    font-family: "athelas", serif;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 28px;
    opacity: .7;
    display: block;
    line-height: 30px;
    padding-top: 0;
    margin-bottom: 0;
}

    .add-a-button .button-stuff.design-ctr { display: none; }
    .add-a-button .button-stuff .design-ctr-link a { 
        background: #c0ae2d; 
        padding: 1px 40px 9px; 
        display: block; 
        margin-bottom: 10px; 
        margin-top: 0px; 
        line-height: 1.2; 
    }
    .add-a-button .button-stuff .design-ctr-link a span.short-text { display: none; }
    .add-a-button .button-stuff .design-ctr-link a span.long-text { display: block; }
    .add-a-button .button-stuff .design-ctr-link a span.long-text.dramatic.small {
        font-size: 20px;
        line-height: 16px;
        opacity: 1;
    }
    .add-a-button .navbar.short .button-stuff .design-ctr-link a {
        padding: 5px;
        position: relative;
        top: 1px;
    }
    .add-a-button .navbar.short .button-stuff .design-ctr-link a span.short-text { display: inline; }
    .add-a-button .navbar.short .button-stuff .design-ctr-link a span.long-text { display: none; }
    .add-a-button .video-banner {
        display: none;
        width: 100%;
        position: absolute;
        top: 115px;
        z-index: 100;
        text-align: center;
    }
    .add-a-button .video-banner a {
        display: block;
        background: #c0ae2d;
        padding: 10px 40px;
        line-height: 1.2;
        font-size: 15px;
        color: white;
        font-family: "source-sans-pro", sans-serif;
        text-transform: uppercase;
    }
    .add-a-button .video-banner a:hover {
        background: #6E614F;
    }
    .add-a-button .bigbanner { 
        display: none;
    }


/********* BUTTONS **********/
/****************************/
.btn {
    text-transform: uppercase;
    border: none;
    font-size: 18px;
}
a.btn {
    color: white;
    transition: background .5s;
    -webkit-transition: background .5s;
}
.btn-info {
    background-color: #dea653;
    font-family: "source-sans-pro", sans-serif;
}
.btn-warning {
    background: rgba(0,0,0,.8);
    border: none;
}
.btn-lg {
    font-size: 28px;
}
.btn-info:after {
    background: transparent url(/portals/_default/skins/dbr01/images/arrow-thin-right.svg) no-repeat center center;
    content: "";
    background-size: 26px;
    width: 30px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background: #6E614F;
    border-color: #fff;
}




/********* CONTENT **********/
/****************************/
main {
    margin-top: 70px;
}
#dnn_TwoColPane h2.title, #dnn_OneColPane h2.title {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
}
.orange-wrapper {
    background: #dea653;
    padding: 30px 0;
    margin: 30px 0;
}
.orange-wrapper, .orange-wrapper .Normal {
    color: #fff;
}
.orange-wrapper .Normal a,  .orange-wrapper .Normal a:visited {
    color: #6e614f;
}
.yellow-wrapper {
    background: #c0ae2d;
    padding: 70px 0 30px;
    position: relative;
    margin-top: 80px;
    color: #fff;
}
.yellow-wrapper:before {
    content: url(images/since86badge_w158.png);
    width: 158px;
    height: 146px;
    left: 50%;
    top: -73px;
    margin-left: -79px;
    position: absolute;
}
.yellow-wrapper .H03Container h3.title, .yellow-wrapper .H03-LargeContainer h3.title {
    text-align: center;
    color: white;
}
.bottomPane {
    padding-top: 30px;
    padding-bottom: 30px;
}
.DnnModule {
    margin-bottom: 20px;
}
.DNNModuleContent .Normal > h3:first-child {
    margin-top: 15px;
}
.DNNEmptyPane {
    padding: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
}
div#dnn_HeaderPane.DNNEmptyPane {
    min-height: 0;
}




/********* FOOTER **********/
/***************************/
footer {
    background: #18100f;
    color: white;
    font-family: "source-sans-pro", sans-serif;
    /* text-transform: uppercase; */
    font-size: .8em;
    padding: 60px 0 0;
    border-top: 5px solid #fff;
}
footer p, footer address {
    line-height: 1.5em;
}
footer address {
    margin-bottom: 10px;
}
footer p.phone {
    margin-bottom: 25px;
}
ul.badges {
    display: table;
    margin: 0;
}
ul.badges li {
    list-style-type: none;
    display: table-cell;
    padding: 5px 20px 0 0;
    vertical-align: bottom;
}
footer h4.title {
    margin-top: 0;
    font-size: 14px;
}
footer .copyright-links {
    font-size: 78%;
    margin-bottom: 15px;
    line-height: 1.5em;
    font-family: "source-sans-pro", sans-serif;
}
footer .copyright-links a {
    white-space: nowrap;
}
footer .copyright-links span {
    display: inline-block;
    line-height: 1.25;
    margin-top: 15px;
}
footer .copyright-links .copyright {
    margin-right: 30px;
}
footer .copyright-links .credits {
    margin-right: 30px;
}




/********* Home **********/
/*************************/
#page-identify.home header {
    background-image: none;
}
#page-identify.home .home-content-block * {
    text-shadow: 0px 0px 15px rgba(0,0,0,.8);
}
#page-identify.home main {
    margin-top: 0;
}
#page-identify.home, #page-identify.home .main-home-panel {
    height: 100%;
}
#page-identify.home .main-home-panel {
    /* background: url(images/home-bg_w1024.jpg) no-repeat center center; */
    /* background: url(images/home-bg_w2000.jpg) no-repeat center center; */
    /* changing home page image per JRF at client request - 2017-01-16 - jld */
    background: url(images/DBRkit-20160215-137-w2000.jpg) no-repeat center center;
    background-size: cover;
}
#page-identify.home .home-content-block {
    padding-top: 20%;
}
#page-identify.home .home-content-block h1 {
    color: #FFF;
    padding-top: 40px;
    background: rgba(0, 0, 0, 0) url(/Portals/_default/Skins/dbr01/images/header-line_w722.png) no-repeat center bottom;
    padding-bottom: 50px;
}
#page-identify.home .home-content-block p.tag {
    font-size: 30px;
    color: #FFF;
    font-style: italic;
    padding-bottom: 20px;
}
#page-identify.home .home-content-block .btn-info {
    background: rgba(65, 50, 30, 0.5);
    border: 1px solid #fff;
    font-size: 14px;
}
#page-identify.home .orange-wrapper {
    margin: 0;
}
.navbar-inverse {
    background: #18100f
}
#page-identify.home .orange-wrapper h3.title {
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding: 5px 0 10px;
    margin: 0 0 10px;
}




/********* Complementary Page Styles **********/
/**********************************************/
.full-image {
    background: #75695a url(images/background1_w1400.jpg) no-repeat center center;
    background-size: cover;
}
.full-image header {
    background: none;
}
.full-image .orange-wrapper {
    margin: 30px 0 0;
}
.full-image main * {
    color: #fff;
}
.full-image .PageHeaderContainer, .full-image .PageHeaderContainer h1 {
    padding-top: 0;
}
.PageHeaderContainer h1, .PageHeaderContainer div.H1style, .PageHeaderContainer p{
    position:relative;
    z-index:1;
}
.full-image main select option {
    background: #18100f;
}
.full-image .contentPane {
    margin-top: 0;
}
div.PageHeaderSlider .PageHeaderContainer {
    padding-top: 206px;
    padding-bottom: 20px;
}




/********* Components **********/
/*******************************/
.showroom-callout {
    color: white;
    font-style: italic;
    font-size: 1.5em;
    width: 80%;
    margin: 0 auto;
    line-height: 1.4em;
}
.showroom-callout img {
    padding-bottom: 20px;
}




/********* PORTFOLIO **********/
/******************************/
/* Mini-portfolio */
.portfolio-btn:after {
    background: transparent url(/portals/_default/skins/dbr01/images/preview.svg) no-repeat center center;
    background-size: 25px;
    height: 15px;
}
.mini-portfolio-actions {
    margin-top: 30px;
}
p.project-description {
    font-weight: bold;
}
span.project-location {
    display: block;
    font-family: "source-sans-pro", sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    line-height: 23px;
}
img.project-img {
    display: block;
    margin-top: 30px;
    width: 100%;
}

/* full portfolio */
.portfolio-filter ul.filter {
    list-style: none;
    padding: 0;
    margin: 3px 0 0;
}
.portfolio-filter ul li {
    float: left;
    padding: 5px 10px 5px 0;
    width: 50%;
}
ul.filter.clearfix {
    float: left;
}
span.filter-label {
    float: left;
    font-family: "source-sans-pro", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}
div.portfolio-grid-description {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(222, 166, 83, 0.9);
    bottom: 0;
    overflow: hidden;
    padding: 110px 20px 20px;
    color: white;
    opacity: 0;
    transition: opacity linear .3s;
    text-align: center;
    cursor: pointer;
}
.portfolio-grid .portfolio-grid-item {
    float: left;
    width: 100%;
    position: relative;
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
div.portfolio-grid-description:hover {
    opacity: 1;
}
.filter li span {
    padding: 0;
    display: block;
    line-height: 22px;
    cursor: pointer;
}
.filter li span:after {
    content: "";
    width: 1px;
    height: 15px;
    background: #6e614f;
    display: inline-block;
    margin-left: 15px;
}
p.project.title, p.project-location {
    font-family: "source-sans-pro", sans-serif;
    text-transform: uppercase;
    margin: 0;
}
p.project.title {
    font-size: 20px;
    font-weight: bold;
}
p.project-location {
    font-size: 14px;
}
.portfolio-grid .portfolio-btn {
    border: 2px solid white;
}
.portfolio-filter {
    color: white;
    background: #6e614f;
    padding: 10px 0 15px;
}




/********* ADMIN OVERRIDES **********/
/************************************/
div#ControlBar_ControlPanel * {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link, .dnnDropDownList .selected-item a:visited, .dnnDropDownList .selected-item a:hover, .dnnDropDownList .selected-item a:active {
    height: auto !important;
}
.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {
    font-size: 18px !important;
}




/********* RESPONSIVE **********/
/*******************************/
@media (max-width: 640px) {
    #page-identify.home, #page-identify.home .main-home-panel {
        min-height: 480px;
    }
    footer .copyright-links span {
        /*display: block;*/
    }
}

        @media (max-width: 1399px) {
            .add-a-button .video-banner {
                display: block;
            }
        }
        @media (min-width: 600px) and (max-width: 1399px) {
            .add-a-button .video-banner {
                display: block;
            }
            .add-a-button .bigbanner { 
                display: inline;
            }
            .add-a-button .smallbanner { 
                display: none;
            }
        }
        @media (min-width: 992px) and (max-width: 1399px) {
            .add-a-button .video-banner {
                top: 142px;
            }
        }

@media (min-width: 580px) {
    .portfolio-grid .portfolio-grid-item {
        width: 50%;
    }
    .portfolio-filter ul li {
        width: 33.3%;
    }
}

@media (min-width: 768px) {
    #dnn_TwoColPane .content {
        -moz-column-count: 2;
        -moz-column-gap: 30px;
        -webkit-column-count: 2;
        -webkit-column-gap: 30px;
    }
    div#dnn_HeaderPane.PageHeaderSlider {
        /*margin-top: -600px;*/
    }
    main {
        margin-top: 90px;
    }
    h1 {
        font-size: 50px;
    }
    #page-identify.home .home-content-block h1 {
        font-size: 60px;
        padding-bottom: 70px;
    }
    #dnn_TwoColPane h2.title,  #dnn_OneColPane h2.title {
        font-size: 30px;
        line-height: 33px;
        margin-bottom: 30px;
        margin-top: 0;
    }
    #page-identify.home .home-content-block .btn-info {
        font-size: 18px;
    }
    .portfolio-grid .portfolio-grid-item {
        width: 33.333%;
    }
    .portfolio-filter ul li {
        width: auto;
    }
    span.filter-label {
        padding: 5px 15px 5px 0;
    }
    .button-stuff .phone-number {
        margin-top:10px;
    }
    .get-quote a {
        margin-top: 0;
    }
    .sunrooms-link a {
    }
}

@media (min-width:992px) {
    div#dnn_HeaderPane.PageHeaderSlider {
        /*margin-top: -760px;*/
    }
    ul.nav.navbar-nav.navbar-right {
        margin-top: 10px;
    }
    .navbar.short ul.nav.navbar-nav.navbar-right {
        margin-top: 9px;
    }
    .logo a img {
        max-width: 155px;
    }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
        background: rgb(110, 97, 79);
        color: white;
    }
    .navbar-inverse {
        /* background: rgba(0,0,0,.5); */
        margin-bottom:0;
        position: static;
        border-color: transparent;
    }
    #home-nav.home-slider .navbar-inverse {
        position: fixed;
    }
    .dropdown-menu {
        display: none;
        position: absolute;
    }
    .dropdown-menu>li>a {
        background: #18100f;
        padding: 3px 15px;
    }
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
        background: #584846;
        color: white;
    }
    li.home-link {
        display: block;
    }
    li.home-link a {
        border-right: 1px solid #fff;
        margin-right: 20px;
        width: 50px;
        padding: 15px 30px 15px 0;
    }

    /* IE needs this*/
    .dropdown > a.item  span { float: left; }

    .navbar-nav .caret {
        display: block;
    }
    .navbar-collapse.collapse {
        padding-right: 15px;
        margin-bottom: 0px;
        padding-top: 7px;
    }
    .navbar-inverse .navbar-nav>li>a {
        padding: 15px 5px;
    }
    .navbar-inverse .navbar-nav>li.home-link>a {
        padding: 15px
    }
    .navbar-inverse .navbar-nav>li.last>a {
        padding-right: 15px;
    }
    .navbar.short .navbar-nav>li.home-link>a {
        padding: 5px 15px;
    }
    .logo {
        width: 40%;
    }
    .portal-2 .logo {
        width: 52%;
    }
    .navigation {
        float: right;
        /* width: 58%; */
    }
    .portal-2 .navigation {
        width: 48%;
    }
    .portfolio-grid .portfolio-grid-item {
        width: 25%;
    }
    .header-pane {
        min-height: 130px;
    }
    .right-phone {
        float: right;
        padding-top: 40px;
        padding-right:20px;
    }

}

@media (min-width:1200px) {
    .navbar-inverse .navbar-nav>li>a {
        padding: 15px 15px;
    }
    .portfolio-grid .portfolio-grid-item {
        width: 20%;
    }
    .right-phone {
        float: right;
        padding: 38px 30px 0 15px;
    }
}

@media (min-width:1400px) {
    .add-a-button .logo { width: 50%; }
    .add-a-button .button-stuff.design-ctr { display: inline-block; margin-left: 25px; }
    .add-a-button .navbar.short .button-stuff.design-ctr { margin-left: 4px; }
}


/*@media (min-width:992px) and (max-width:1037px) {
    .navbar-fixed-top.short .right-phone.phone-number {
        padding: 14px 12px 0 0;
    }
}*/


@media(max-width:1150px) {
    .new-stuff {
        margin-left:25px;
    }
    .button-stuff {
        margin-left:15px;
    }
}

@media(max-width:1130px) {
    .new-stuff a {
        font-size:14px;
    }
    .button-stuff a {
        font-size:14px;
    }
}

@media(max-width:992px) {
    .get-quote a {
        padding: 3px 6px;
        margin-bottom:5px;
        margin-top:5px;
    }
    .navbar-collapse .button-stuff {
        margin-top:8px;
        font-size: 12px;
    }
    .sunrooms-link a {
        padding: 3px 6px;
        margin-bottom:5px;
        margin-top:8px;
    }
}

/* new navbar */
/*
span.header-phone-number a {
    color: white;
    display:none;
}
.navbar-inverse .navbar-nav>li.last>a {
    background: #DEA653;
    padding: 5px 10px !important;
    margin-top: 9px;
    color: black;
    font-weight: bold;
    display: inline-block;
}
.navbar-inverse.short .navbar-nav>li.last>a {
    margin-top: 0px;
    background: #7B5B31;
    color: white;
}
.navbar.short span.header-phone-number {
    margin-top: 13px;
}

@media (min-width:992px) {
    span.header-phone-number {
        float: right;
        margin-top: 36px;
        margin-left: 24px;
    }
    .navbar-inverse .navbar-nav>li.last>a {
        margin-left: 30px;
        display:block;
    }
}
*/