* {
	box-sizing: border-box;
}

body {
	font-family: "Roboto", sans-serif;
}

body.page {
	padding-top: 56px;
}

a {
	transition: color .2s;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
}

/* We need to compensate for the navbar */
.content > *:nth-child(1) {
	padding-top: 56px;
}

/* Navbar fixes */

.navbar-inverse {
	border: transparent;
	border-radius: 0;
	background: rgba(25, 36, 56, .95);
	color: white;
	transition: background .2s;
}

.navbar-inverse .navbar-toggle {
	border-color: transparent ! important;
	color: white;
	background: transparent;
	transition: background .2s;
}

.navbar-inverse .navbar-brand img {
	display: inline-block;
	vertical-align: middle;
}

.navbar-inverse .navbar-brand span {
	vertical-align: middle;
}

.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-brand {
	color: inherit;
	transition: background .2s, color .2s;
	/*line-height: 55px;
	height: 55px;
	padding-top: 0;*/
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-brand:hover {
	background: rgba(25, 36, 56, 1);
}

/*.navbar-inverse .navbar-collapse {
	background: #192438;
	border-top: none;
}*/

/* Splash */

.splasharea {
	background: black;
	background-image: url(../images/background.jpg);
	background-size: cover;
	background-position: center;
	color: white;
	padding-top: 0 ! important;
}

.splasharea > .shader {
	/*background: rgba(27, 35, 55,.7);*/
	/*background: linear-gradient(rgb(25,36,56), rgba(25,36,56,.5), rgb(25,36,56));*/
	/*background: radial-gradient(rgba(19,43,100,.6), rgb(27,35,55), rgb(27,35,55));*/
	background: linear-gradient(rgba(25,36,56,.7), rgb(25, 36, 56));
	/*padding: 100px 0;*/
}

.blueback {
	background: rgb(27,35,55);
	color: white;
}

.yellowback {
	background: rgb(56,45,25);
	color: white;
}

.nospace {
	font-size: 0;
}

.nospace:nth-child(1) {
	padding-top: 0 ! important;
}

.nospace > * {
	font-size: 14px;
}

.card {
	padding-bottom: 50px;
}

/* Jumbotron */
.jumbotron.header {
	background: none;
	padding: 100px 0;
}