@font-face { font-family: 'Gabriola'; font-style: normal; font-weight: normal; src: local('Gabriola'), url('../fonts/gabriola.woff') format('woff'); }

body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.42857143; color: #333; }

.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }

.h1, h1 { font-size: 30px; }
.h2, h2 { font-size: 24px; }
.h3, h3 { font-size: 20px; }
.h4, h4 { font-size: 18px; }

.alert { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; color: #CC0000; font-weight: 800; }

.no-gutters { padding-right: 0; padding-left: 0; }
.sitetitle h1 { font-family: 'Gabriola'; font-size: 52px; color: #000; }
.sitetitle h1 span { font-family: 'Gabriola'; font-size: 72px; font-weight: 700; }
.logo-div { padding:10px; }
.devops, .devops a { font-size:13px; color: #eee; }

footer { color: #eee; background-color: #000; margin: 80px 0 0 0; padding: 8px 0; }

@media (min-width: 901px){
	header {
		background-image: url(../images/lakebrantley.jpg);
		background-repeat: no-repeat;
		background-position: center bottom; 
	}
	header[role="banner"] #logo-main {
		display: block;
		margin: 20px auto;
	}
	#navbar-primary.navbar-default .navbar-nav {
		margin: 0;
	}
	.navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}
	#navbar-primary.navbar-default {
		background: transparent;
		border: none;
	}
	#navbar-primary.navbar-default .navbar-nav {
		width: 100%;
		text-align: center;
		background-color: #191818;
	}
	#navbar-primary.navbar-default .navbar-nav > li {
		display: inline-block;
		float: none;
	}
	#navbar-primary.navbar-default .navbar-nav > li > a {
		color: #fff;
		padding-left: 30px;
		padding-right: 30px;
	}
	.nav > li > a:focus, .nav > li > a:hover {
		background-color: #0478a9 !important;
		cursor: pointer;
	}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:focus, 
	.navbar-default .navbar-nav > .active > a:hover {
		background-color: #0478a9;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media (max-width: 900px){
	body { background: #eee; font-size: 15px; }
	#navbar-primary.navbar-default .navbar-nav > li { display: block; }
	.navbar-brand { padding: 5px 15px; }
	.h1, h1 { font-size: 22px; }
	.h2, h2 { font-size: 18px; }
	.h3, h3 { font-size: 17px; }
	.h4, h4 { font-size: 16px; }
	.row { padding-bottom:8px; }
	.container { background-color: #fff; border-radius: 12px; }
	section { padding: 20px 15px; }
	.pt-5 { padding-top: 5px; }
	.news * { text-align:center; }
}

