body, html{height: 100%;}

p{font-size: 15px;}
.small{font-size: 13px;}
.lead{font-size: 20px}

.container, .container-fluid{
	margin: 20px auto;
	padding-bottom: 20px;
}

.navbar .container-fluid{
	margin: 0px auto;
	padding: 5px 0;
	max-width: 1170px;
}

.container-fluid>.navbar-header{
	margin-right: 2%;
	margin-left: 2%;
}

.container-fluid .fluidRow{
	max-width: 1170px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.sectionHead{text-align: left;}

.jumbotron{
	background-color: #ddd;
	border: none;
	background: url('../images/milwaukee_1.jpg') no-repeat center top;
	background-size:100%;
  	width: 100%;
	color: #FFF;
	margin-top: 40px;
	 text-shadow: 5px 5px 15px #000;

}

.jumbotronMain .container{
	background-color: #ddd;
	border: none;
}

.jumboMain{
	min-height: 475px;
	padding: 10% 5% 5%;
}

.jumboSmaller{
	max-height: 300px;
	padding: 10% 5% 5% 5%;
}



/* =============================
NAV
============================= */
.utility{
	height: 12px;
	font-size: 12px;
}
.utility .fa{color: #98978b; margin-right: 5px;}
.utility  a{color:#98978b;}
.utility  a:hover{color:#EEEEEE; text-decoration: none;}


.utility ul li{display: inline-block; margin-left:10px;}

.utility ul{display: inline; padding: 0;}

.utility ul li{display: inline-block; margin-left:10px;}

.right{float:right;}

.navbar .utility .container-fluid{
	padding: 5px 0; 
}

.container-fluid>.navbar-collapse {
  margin-right: 0;
  margin-left: 2%;
}

.right{float:right;}

.navbar-default{
	position: fixed;
	top:0;
	width: 100%;
	z-index: 99;
}

.navbar{
	border-radius: 0;
	margin-bottom: 0 !important;
}
.navbar-nav{float: right;}

.navbar-brand{
	font-size: 40px;
	font-weight: 500;
	line-height: 13px;
	margin-top: 0;
	padding: 0;
	height: auto;
	margin-top: -20px;
}

.navbar-brand span{
	font-size: 9px;
	text-transform: uppercase;
}
.navbar-nav > li > a {
    padding-top: 10px 0 !important;
    font-size: 14px;
}

.navbar .nav > li > a {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #eee;
}

.navbar-default {
	background: url('../images/black_lozenge.png') repeat;
    background-color: #111;
    border-color: #111;
}

.nav p .btn{
	font-size: 13px;
}
.nav p{margin: 0 0 0 10px;}

.navShow{display:none;}


blockquote{
	margin: 5px 0;
	font-size: 16px;
	padding: 0;
	border:none;
}

.product{
	background-color: #333;
}

.news .thumbnail{
	float:left;
	margin-right: 20px;
	clear: both;
}

.story{overflow: hidden;}

.process{background-color: #efefef;}

.btn{margin: 5px 0;}

.footer{
	color: #FFF; 
	background: url('../images/black_lozenge.png') repeat;
	background-color: #111; 
	min-height: 35px; 
	padding: 20px;
	margin-bottom: 0;
	font-size: 11px;
}

.about{
	background: url('../images/milwaukee_courthouse.jpg') no-repeat left top;
	background-size: 100%;
  	width: 100%;
	color: #FFF;
}

/*=============================
TABS PAGE
========================= */
.table{font-size: 14px;}
.nav-tabs li{font-size: 14px;}

.tab-content{
  font-size: 14px;
  padding: 20px 0;}


/* ===========================
TABLE
=========================== */
.table td img{max-width: 175px;}
td .lead{margin-bottom: 0;}

/* =========================
BACK TO TOP
========================= */
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 10px;
    z-index: 999;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 10px;
    z-index: 999;
}
#top-link-block .well{
	background-color: #111;
	color: #98978b;
}
/* =========================
FORM
========================= */
form{margin: 15px;}
.override_bkg .ss-base-body {
    background-color: #FFF !important;
    background-image: none;
    width: 100%;
}

.appointment iframe{
	width: 100%;
	height: 2000px;
}
.ss-form-container{
	max-width: 100% !important;
}

.iconHolder h2 i{
	background-color: #325d88;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	line-height: 80px;
	border-radius: 50%;
}

.iconHolder .fa{color: #FFF;}

/*==========================
FORM
========================= */


/*==========================
QUERIES
========================= */
@media (min-width: 768px){
	.navbar-nav > li > a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

    .jumboMain{
		min-height: 475px;
		padding: 10% 5% 5%;
	}
	
}
@media (max-width:981px){

	.jumbotron{
	    background-size: 150%;
	}
}
@media (max-width:768px){
	.utility{
		display: block;
		float:left;
		font-size: 11px;
		margin-top: 5px;
	}

	.utility ul{padding:0; }

	.lead{font-size: 18px;}
	p{font-size: 14px;}
	.navbar-nav{float: left;}
	.navbar .container-fluid{padding: 0;}
	.navbar-brand {font-size: 30px;}
	.small-hide{display: none;}
	.navShow{display: block; float: right;}
	.classList{border-left: none;}
	.navbar-toggle {
		margin-top: 16px;
		background-color: #333;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    	background-color: #444;
	}
	.utilityRight{float: right;}
	.about{
		background: url('../images/milwaukee_courthouse.jpg') no-repeat left top;
		background-size: 200%;
	  	width: 100%;
		color: #FFF;
	}
	.navbar .nav > li > a {
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
	}

	.nav p .btn{
		font-size: 12px;
	}
	.jumboMain{
		min-height: 0;
	}
	.jumbotron p {
	    margin-bottom: 15px;
	    font-size: 16px;
	    font-weight: 200;
	}
	.jumbotron{
	    background-size: 200%;
	}
	.navbar-brand {
	    margin-top: 5px;
	}

	.navbar-brand img {
	    max-width:220px;
	}

}

@media (max-width:480px){
	.about{
		background: url('../images/milwaukee_courthouse.jpg') no-repeat left top;
		background-size: 300%;
		background-color: #111;
	  	width: 100%;
		color: #FFF;
	}
	.utility{display: none;}
}