body {
	background: url("../images/koi-background.svg") center center no-repeat;
	background-size: cover;
	min-height:100%;
}

header {
	background-color: #4a7bb5;
	color: #ffffff;
}

	header .koi-logo {
		display: inline-block;
		margin: 5px 0px;
		max-width: 220px;
	}

	header .koi-menu {
		margin: 8px 0px;
	}

@media screen and (min-width:768px) {
	.navbar-default {
		background-color: transparent;
		border: none;
	}
	.navbar-default .navbar-nav > li::after {
		content: "|";
		position: absolute; right: -2px; top: 14px;
	}
	.navbar-default .navbar-nav > li:last-child::after {
		display: none;
	}
	.navbar-default .navbar-nav > li > a {
		color: #ffffff;
	}
	.navbar-default .navbar-nav > li > a:hover {
		color: #ffffff;
		background-color: rgba(0,0,0,0.1);
		text-decoration: none;
	}
}

		.nav > li > a:focus,
		.nav > li > a:hover {
			background-color: transparent;
			text-decoration: underline;
		}

.koi-main {
	margin-bottom: 15px;
	margin-top: 15px;
}

.koi-main-image {
	margin-bottom: 40px;
	margin-top: 40px;
}

.koi-bg-content {
	background-color: rgba(255,255,255,0.7);
	padding: 15px;
}

.koi-form {
	padding: 50px 0px;
}

	.koi-form label.error {
		color: #dd0000;
		font-weight: 400;
	}

footer {
	background: #222222 url('../images/koi-background-footer.png') center center no-repeat;
	background-size: 100%;
	color: #9f9fa1;
	font-size: 13px;
	padding-top: 50px;
}

	footer .black {
		background-color: #222222;
		padding-bottom: 30px;
		padding-top: 30px;
	}

	footer .koi-logo-footer {
		max-width: 275px;
	}

	footer .koi-social {
		border-top: 1px solid #9f9fa1;
		margin-bottom: 15px;
		margin-top: 15px;
		padding-top: 30px;
	}

		footer .koi-social h4 {
			display: inline-block;
		}

		footer .koi-social a,
		footer .koi-social a:focus,
		footer .koi-social a:hover,
		footer .koi-social a:visited {
			color: #ffffff;
			display: inline-block;
			margin-left: 10px;
		}