img.bgTop, img.bgBottom {
    
    /* Set up proportionate scaling */
    max-width: 100%;
    height: auto;

    /* Set up positioning */
    position: absolute;
}

img.bgTop { top: 0;left: 0; }
img.bgBottom {z-index: -10;-webkit-transform: translateY(-98%); transform: translateY(-98%);left: 0; }

@media (min-width: 992px) {
    .row {margin-left: 30px;margin-right: 30px;}
    .no-margin-right {margin-right: 0px;}
    .navbar-collapse {
        float: right;
        padding:15px 0px !important;
    }
    .navbar-nav { float:right; margin-top: 20px;}
    .navbar-nav>li>a{color: #fff !important; font-size:12px;}
    .navbar-nav>.active>a {font-size: 19px; border: 0px solid!important; background-color: transparent !important;}
}

@media (max-width:992px) {
    .row {margin-left: 0px !important;margin-right: 0px !important;}
    
    .navbar-toggle {border: 0px;}
    .navbar-collapse {margin-top:15px; padding: 0 0.1px;}
    .navbar-nav>.open>a{color: white !important;}
    .navbar-nav>.open>ul.dropdown-menu, .navbar-nav>.open>ul>li>a{
        color: #633F17 !important;
        background-color: #fff !important;
    }
    .navbar-toggle:hover, .navbar-toggle:focus {background-color: #eee !important;}
    .navbar-nav { 
        z-index: 1030;
        position:relative;
        margin: 0 0;
        background-color: #33877d;
        width: 100%;text-align: center;
        webkit-box-shadow: 0 8px 8px -6px #ccc !important;
        -moz-box-shadow: 0 8px 8px -6px #ccc !important;
        box-shadow: 0 8px 8px -4px #ccc !important;
    }
    .navbar-nav li a {color: white !important;text-align:center;}
    .navbar-nav>.active> a {font-size: 20px;color: #633F17 !important;background-color: #fff!important;border: 0px solid!important;}
    
    .navbar-collapse{border:0px;}
    ul.dropdown-menu > li > a {text-align: center !important; padding: 0px !important;}
    
}

@media (min-width: 992px) {
    img.bgTop, img.bgBottom {
    /* Set rules to fill background */
    min-width: 1024px;

    }
}