/*
* Created By: MDC Web Services
* Description: 
* Revised: 
*/
/*For full viewport width backgrounds*/
.site-masthead  {
    background-image: url("../img/masthead5.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000;
	background-size:initial;
    color: #fff;
}

.site-title { 
  width: 100%; 
  position: relative;
}

.title-container { 
  position: absolute; 
  left: 0; 
  top: 0; 
  width: 100%; 
  display: table; 
}

.title-container h1 {
  display: table-cell; 
  vertical-align: middle;  
}

.title-container h1 small {
  color: #fff;
/*  background-color: #0060a9;*/
}

/* Typography */
h1,
.h1 {
  font-size: 48px;
  text-shadow: 2px 2px 5px #000000;
}

.caption-bottom {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 5px;
}

.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
height: 380px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.embed-responsive
{
display: block;
height: 0;
overflow: hidden;
position: relative;
}

.embed-responsive.embed-responsive-16by9
{
padding-bottom: 295%
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object
{
border: 0 none;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	.site-title { 
    height: 107px;  
  }

  .title-container { 
    height: 107px; 
  }

  .title-container h1 {
    font-size: 30px;
    line-height: .9;
    padding: 10px;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  .site-title { 
    height: 120px;  
  }

  .title-container { 
    height: 120px; 
  }

  .title-container h1 {
    font-size: 37px;
    line-height: .7;
    padding: 10px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  .site-title { 
    height: 140px;  
  }

  .title-container { 
    height: 140px; 
  }

  .title-container h1 {
    font-size: 48px;
    line-height: .7;
    padding: 10px;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .site-title { 
    height: 180px;  
  }

  .title-container h1 { 
    height: 180px; 
    line-height: .7;
    padding: 10px;
  }
}

/*Style the Masthead Navigation*/
.navbar-default {
  background-color: #005dab;
  
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-default .navbar-nav > li > a:hover {
  background-color: #0f76cf;
  color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #0060a9;
}

/*.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #0060a9;
  -webkit-box-shadow: inset 0px 0px 6px 3px rgba(0,0,0,0.19);
-moz-box-shadow: inset 0px 0px 6px 3px rgba(0,0,0,0.19);
box-shadow: inset 0px 0px 6px 3px rgba(0,0,0,0.19);
}*/