/* Try to keep all custom CSS here */

@import 'https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i';

body {
  padding-top: 90px;
  padding-bottom: 30px;
  font-size: 18px;
  font-family: 'Droid Serif', serif;
}

div.container p {
  text-align: justify;
  margin-bottom: 24px;
}

h1 {
  font-size: 40px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #7d7d7d;
}

h2 {
  font-size: 30px; 
  padding-bottom: 21px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #7d7d7d;
}

h3 {
  font-size: 25px;
  padding-bottom: 18px;
  font-weight: bold;
} 

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.navbar-inverse .navbar-brand {
  color: #222;
}

nav.navbar.navbar-inverse.navbar-fixed-top {
  background-image: linear-gradient(to top, #aa0 0, #770 100%);
  background-repeat: repeat-x;
}

ul.nav.navbar-nav li a {
  color: #222;
}

dd {
	margin-left: 22px;

}

.vignette {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 50px 80px rgba(0,0,0,0.9) inset;
  z-index:-11;
}

@media (max-width: 767px) {
  .vignette {
    box-shadow: 0 50px 15px rgba(0,0,0,0.9) inset;
  }
}

.contact {
	text-align: center;
	font-size: small;
}

address {
	text-align: right;
	background: #444;
	font-size: small;
	color: white;
}