.sect-0 {
  --bg-1: #222222;
  --bg-2: #444444;
  --text-1: #cccccc;
  --text-2: #ffffff;
}

.sect-1 {
  --bg-1: #1a4e34;
  --bg-2: #236846;
  --text-1: #329363;
  --text-2: #48c285;
}

.sect-2 {
  --bg-1: #2a5524;
  --bg-2: #446f3e;
  --text-1: #70a668;
  --text-2: #96d98c;
}

.sect-3 {
  --bg-1: #134442;
  --bg-2: #20605d;
  --text-1: #2a7e7b;
  --text-2: #3cb6b2;
}

.sect-4 {
  --bg-1: #643411;
  --bg-2: #814011;
  --text-1: #cf6820;
  --text-2: #f57d28;
}

.sect-5 {
  --bg-1: #504e10;
  --bg-2: #787616;
  --text-1: #c1be44;
  --text-2: #e5e154;
}

.sect-6 {
  --bg-1: #22430f;
  --bg-2: #36661a;
  --text-1: #6ab83d;
  --text-2: #7fd84b;
}

.sect-7 {
  --bg-1: #16423d;
  --bg-2: #2a7068;
  --text-1: #4fc4b7;
  --text-2: #64e5d6;
}

body nav.navbar-inverse {
  background-color: var(--bg-1);
}
body nav.navbar-inverse ul.top-nav > li > a {
  color: var(--text-1);
}
body nav.navbar-inverse ul.top-nav > li:hover > a, body nav.navbar-inverse ul.top-nav > li.active > a {
  color: var(--text-2);
}
body nav.navbar-inverse ul.top-nav > li > ul.dropdown-menu > li a {
  color: var(--text-2);
}
body nav.navbar-inverse ul.top-nav > li > ul.dropdown-menu > li:hover > a, body nav.navbar-inverse ul.top-nav > li > ul.dropdown-menu > li.active > a {
  color: var(--text-2);
}
body div#page_head {
  background-color: var(--bg-2);
}

.navbar-inverse .top-nav li > a {
  color: var(--text-1);
}
.navbar-inverse .top-nav li > a:hover, .navbar-inverse .top-nav li > a:focus {
  color: var(--text-2);
}
.navbar-inverse .top-nav li > a div.glyphicon {
  color: var(--text-2);
}