/* index */
.masthead {
  background-color: #4d576e;
  color: #fff; padding-top: 80px;
}

.masthead h1 { font-size: 100px;}
.masthead .lead { color: #9c9c9c; font-size: 30px; }
.masthead ul a { color: #fff; font-size: 14px; }

#go-fire:hover,  #go-fire:focus  { background-color: #F16022; } 
#go-earth:hover, #go-earth:focus { background-color: #84b231; } 
#go-water:hover, #go-water:focus { background-color: #5e95cc; } 
#go-wind:hover,  #go-wind:focus  { background-color: #bababa; } 
#go-love:hover,  #go-love:focus  { background-color: #c63d4e; } 

footer {
  border-top: 1px solid #2f4b77;
  background: #19263b;
  color:#98a7c0;
  padding: 30px;
}  

/* Small devices (tablets,  and up) */
@media (min-width: 768px) { .masthead { padding-top: 150px;}  }


/* bootstrap */
.row > [class*="col-"] {
  margin-bottom: 40px;
}

.carousel .row > [class*="col-"] {
  margin-bottom: 0;
}
.navbar-demo .navbar-container {
  position: relative;
  min-height: 100px;
  z-index: 100;
}
.navbar-demo .navbar.navbar-fixed-top,
.navbar-demo .navbar.navbar-fixed-bottom {
  position: absolute;
  top: 50px;
  z-index: 0;
}
.navbar-demo .navbar.navbar-fixed-top .container,
.navbar-demo .navbar.navbar-fixed-bottom .container {
  max-width: 90%;
}

.btn-group { margin-bottom: 10px}
.form-inline select, 
.form-inline input[type="text"], 
.form-inline input[type="password"] {
  width: 180px;
}
.input-group { margin-bottom: 10px;}
.pagination { margin-top :0;}


.bs-header { 
    background-color: #4d576e;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    padding: 30px 30px 10px 30px;
    color: #fff;  
}
.bs-header h1 { font-size: 80px; font-weight: bold;} 

@media( max-width: 640px ) {
  .buttons-table th:nth-child(4),
  .buttons-table th:nth-child(5),
  .buttons-table th:nth-child(6),
  .buttons-table td:nth-child(4),
  .buttons-table td:nth-child(5),
  .buttons-table td:nth-child(6) {
    display: none;
  }
}

/* extras */

.menu-list { margin-top: 30px; } 
.menu-list.affix {
  position: static;
}

.page-header { padding-top: 50px;} 

#css-switcher {
  margin: 0 auto; display: inline-block; *display: inline; zoom: 1;  
}

/* Small devices (tablets,  and up) */
@media (min-width: 768px) { 
  .menu-list.affix {
    position: fixed;
    top: 0;
    width: 160px;
    margin-top: 90px;
  }
 }

/* Medium devices (desktops,  and up) */
@media (min-width: 992px) {
  .menu-list.affix {
    width: 212px;
  }
}

/* Large devices (large desktops,  and up) */
@media (min-width: 1200px) { 
  .menu-list.affix {
    width: 260px;
  }
}