body {
  padding-top: 0px;
  padding-bottom: 0px;
  background:
    url('../images/background.png') center center no-repeat fixed; 
  background-size: 100% 100%; 
}

.header-text {
  position: absolute;
  z-index: 2;
  left: 5%;
  bottom: 20%;
  font-size: 2.5em;
}
@media (max-width: 1200px) {
  .header-text {
    font-size: 2em;
  }
}
@media (max-width: 992px) {
  .header-text {
    font-size: 1.5em;
  }
}
@media (max-width: 768px) {
  .header-text {
    font-size: 1em;
  }
}

.container {
  background: white;
  box-shadow: 0 0 80px 0px black; 
  padding-left: 0px;
  padding-right: 0px;
  height: 101%;
}

.content {
  min-height: 600px;
  margin-left: 5%;
  margin-right:5%;
  padding-left: 20px;
  padding-right: 20px;
}

.navbar {
  margin-bottom: 20px;
  border-radius: 0;
}

/** change navbar colors **/
.navbar-custom {
  background-color: #2a3942;
  border-color: #2a3a42;
}

.navbar-custom .navbar-nav>li>a {
  color: #fff;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #E84C3C;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
  color: #FFF;
  background-color: #E84C3C;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #FFF;
  background-color: #34454C;
}

.navbar-default .navbar-nav .open .dropdown-menu {
  background-color: #C0DFDD;
}

.navbar-default .navbar-nav .open .dropdown-menu > li {
  color: #2a3a42;
  background-color: #C0DFDD;
}

.navbar-default .navbar-nav .open .dropdown-menu .divider{
  background-color: #FFF;
  margin-top: 4px;
  margin-bottom: 4px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #2a3a42;
  background-color: #D6EAE8;
}

.navbar-custom .navbar-brand {
  color: #fff;
}

.navbar-custom .navbar-brand:focus, .navbar-default .navbar-brand:hover {
  color: #b5b5b5;
}

.navbar-custom .navbar-nav>li>a:focus, .navbar-custom .navbar-nav>li>a:hover {
  color: #b4b4b4;
}
/** END ** change navbar colors **/

/* Create a medium height at 40px */
.navbar-md {min-height:40px}
.navbar-md .navbar-brand,
.navbar-md .navbar-nav>li>a {padding-top:10px; padding-bottom:10px}
.navbar-md .navbar-brand {height: 40px}  
.navbar-md .navbar-toggle {margin: 6px 12px 6px 0px; padding: 6px 7px 6px 7px;}
.navbar-md .navbar-toggle .icon-bar {width: 19px;}

/* Create a small height at 30px */
.navbar-sm {min-height:30px}
.navbar-sm .navbar-brand,
.navbar-sm .navbar-nav>li>a {padding-top:5px; padding-bottom:5px}
.navbar-sm .navbar-brand {height: 30px}
.navbar-sm .navbar-toggle {margin: 3px 9px 3px 0px; padding: 4px 4px 4px 4px;}
.navbar-sm .navbar-toggle .icon-bar {width: 16px;}

.navbar .divider-vertical:active {
  border-right: 0px solid #E84C3C;
  border-left: 1px solid #E84C3C;
}

.navbar .divider-vertical {
  height: 50px;
  margin: 0px;
  border-right: 0px solid #ffffff;
  border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}

@media (max-width: 767px) {
.navbar-collapse .nav > .divider-vertical {
    display: none;
  }
}

/** END ** center navbar **/

.container .jumbotron {
  border-radius: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #DFE6EA;
}

@media (max-width: 768px) {
  .content {
    padding-left: 0;
    padding-right: 0;
  }
  .container .jumbotron {
    height: auto; 
  }
  /*
  .container .jumbotron img {
    display: none;
  }
  */
  .container .jumbotron h3 {
    font-size: 1.25em; 
  }
  .container .jumbotron h4 {
    font-size: 1em; 
  }
}

/* Custom page footer */
.footer {
  text-align: center;
  padding-top: 19px;
  padding-right: 15px;
  padding-left: 15px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/****** for brand logo ******/
.navbar-brand {
  padding: 10px 15px;
}
/****** end for brand logo ******/