a,a:focus,a:hover {color: #fff;}
/* Custom default button */
.btn-default,.btn-default:hover,.btn-default:focus {color: #333;text-shadow: none; background-color: #fff;border: 1px solid #fff;}
/* Base structure */
html,body {height: 100%;background-position: center center;background-color: #000;
  background-image: linear-gradient(to bottom, rgba(0,73,136,0.7) 40%, rgba(0,73,136,0.3)100%),url('../figures/background.jpg');
  background-repeat:no-repeat;background-size:auto 100%;}
body { color: #fff; text-align: center; text-shadow: 0.2em 0.2em 3px rgba(0,0,0,.7);}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {display: table;width: 100%; height: 100%;min-height: 100%;
   -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
   box-shadow: inset 0 0 100px rgba(0,0,0,.5);}
.site-wrapper-inner {display: table-cell;vertical-align: top;}
.cover-container {margin-right: auto; margin-left: auto;}
/* Padding for spacing */
.inner {padding: 30px;}
/*Header */
.masthead-brand { margin-top: 10px; margin-bottom: 10px;}
.pagination>li>a {margin-left: 0;background-color: rgba(0,0,0,0.5);  color:#fff;}
.pagination{margin-top:0;}
.pagination>li>a:hover{background-color: rgba(0,0,0,0.6);color:#fff; font-weight: bold;}
/* Cover */
.cover {padding: 0 20px;}
.cover .btn-lg {padding: 10px 20px;font-weight: bold; background-color: rgba(0,0,0,0.5);color: #fff;}
.cover .btn-lg:hover {background-color: rgba(0,0,0,0.6);}
/* Footer */
.mastfoot { color: #999;color: rgba(255,255,255,.7);}
.brandico{width:1.5em;height:1.5em;opacity:0.7; border: 1px solid #fff;border-radius:0.2em;box-shadow: 0.1em 0.1em 3px rgba(0,0,0,.7);}
.dropdown-menu{color:#fff;background-color: rgba(0,0,0,0.5);text-shadow: none;padding:2px;text-size:0.8em;line-height:100%;width:18.2em;position:absolute;top:3.5em;left:-16.2em;}

/*
 * Affix and center
 */
@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}
@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }

}