.no_margin{
margin:0px !important;
}

.navbar-custom{ /* assigning the top bar to the entire navbar div element */
    text-align: left;
    border-bottom: 2px solid orange;
    /*box-shadow: inset 1px 1px 1px 1px #777; /* initial gray color to the top bar */   
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: steelblue;
    background-color: lightcyan;
    /*border-bottom: 3px solid blue;*/
    /*box-shadow: inset 1px 1px 1px 1px #000; /* switch to a darker color on hover */
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: white;
    background-color: skyblue;
    /*border-bottom: 3px solid yellow;*/
    /*box-shadow: inset 1px 1px 1px 1px #AAA; /* switch to a lighter color for active element */
}

.navigation-example{
    background-image: url('../paper_img/red.jpg');
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    margin-top:0;
}

.section {
  padding: 30px 0;
  position: relative;
  background-color: #f4f3ef;
  background-image: linear-gradient(to bottom, transparent 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%);
}

.section-with-space {
  padding: 60px 0;
}

.section-gray {
  background-color: #EEEEEE;
}

.section-white {
  background-color: #FFFFFF;
}

.section-nude {
  background-color: #FFFCF5;
}

.section-light-brown {
  background-color: #D8C1AB;
  color: #FFFFFF;
}

.section-brown {
  background-color: #A59E94;
  color: #FFFFFF;
}

.section-light-blue {
  background-color: #7A9E9F;
  color: #FFFFFF;
}

.section-dark-blue {
  background-color: #506367;
  color: #FFFFFF;
}

.section-dark {
  background-color: #1a1817;
  color: #FFFFFF;
}