html{
	background: url('/media/img/title-pic2.jpg') fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body{
	background-color:transparent !important;
	font-family: 'Roboto', sans-serif;
}
.panel,.panel-heading{
	border-radius:0;
}

#banner{
	background-color:rgba(255,255,255,0.65);
	margin: 15px -15px;
	z-index:-9999;
}

#banner-text, #slogan{
	font-family: 'Poiret One', cursive;
	font-weight: normal;
	color:#333;
}

#banner-text{
	font-size: 64pt;
}

#slogan{
	font-size:32pt;
	background-color:rgba(255,255,255,0.65);
	z-index:-100;
}

#menu-toggle{
	opacity:0.5;
	margin-left:-15px;
	margin-top:-15px;
}

#menu-toggle:hover{
	opacity:1;
}

#page-content-wrapper{
	background-image: url("/media/img/dark-tl.svg"), url("/media/img/dark-tr.svg"), url("/media/img/dark-bl.svg"), url("/media/img/dark-br.svg");
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: 35em, 35em, 35em, 35em;
	background-position: top left, top right, bottom left, bottom right;
}

.alert-black {
  background-color: #333;
  border-color: #777;
  color: white;
}
.alert-black hr {
  border-top-color: #c9e2b3;
}
.alert-black .alert-link {
  color: #2b542c;
}