body {
    padding-top: 50px;
    padding-bottom: 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
/*#navbar-default{
    background-color:#2f3a43;
    border-color: #ffffff;

}*/




   .view {
    /*background: url("https://mdbootstrap.com/images/regular/city/img%20(17).jpg")no-repeat center center fixed;*/
    background: url('../Images/bgL1.jpg')no-repeat center center fixed;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #A03102;
      height:100%;

      background-position-y: 0px; /*was 30*/
      /*opacity: .9;*/
}

    .viewMD {
    
    background: url('../Images/bgL2.jpg')no-repeat center center fixed;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


    background-color: #A03102;
    padding-top: 25px;
      /*height:1000px;*/
      

      background-position-y: 0px; /*was 30*/
      /*opacity: .9;*/
}

   #G{
       position:absolute;
       /*right: 10%;*/
       top:10%;
   }

   .nav a{
            /*color: white !important;*/
            /*font-size: 1.8em*/ /*!important;*/
             font-size: 1.0em;
        }


/*==================*/

 /*@media (min-width: 800px) {

    .navbar-header {
        float:left;
    }
    .navbar-left,.navbar-right {
        float: right !important;
        margin-right: -15px;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}*/









/* =================== */

/*Code below controls the alignment of the nvc bar logo*/
.navbar .navbar-brand {
  padding-top: 5px;
}
.navbar .navbar-brand img {
  height: 40px;
  width: 40px;
}


/*==================*/

/* navbar */
.navbar-default {
    background-color: #A03102; /*#2f3a43;*/
    /*border-color:#A03102;*/ /*#E7E7E7;  #008000  */
}
/* Title */
.navbar-default .navbar-brand {
    color: #EDE9CC; /*#777;*/

}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #008000; /*#5E5E5E;*/
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: #EDE9CC; /*#777;*/
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    /*color: #008000;*/ /*#333;*/
     color: #FFFFFF;
     /*font-weight:bold;*/  /*I added this code  it can be deleted*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #EDE9CC; /*#E7E7E7;*/
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
      /*background-color: red;*/
}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #EDE9CC;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    /*background-color: #DDD;*/
    background-color: #008000;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
   
    
}

/*768px*/
@media (min-width: 780px) and (max-width: 1000px) {
   
    .collapse {
       /*display: none !important;*/
   }
}





/*color: #777;    former width 767px *//* I added this line*/
@media (max-width: 780px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        
        color: #555;
        background-color:#ccc;  
    }


/*color: #333;*/
/*font-weight: bold;*/
        /*.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            
             color: #FFFFFF;
             
        }*/



}