/* ==========================================================================
   Custom styles
   ========================================================================== */

	/* Extra small devices (phones, less than 768px) */
	/* No media query since this is the default in Bootstrap */	
	
	/* Space out content a bit */
	body {
		color: #444444;
	  padding-top: 20px;
	  padding-bottom: 0px;
	}
	
	/* Everything but the jumbotron gets side spacing for mobile first views */
	.header,
	.marketing {
	  padding-left: 15px;
	  padding-right: 15px;
	}
	
	/* Custom page header */
	.header {
	  /* border-bottom: 1px solid #e5e5e5; */
	}
	/* Make the masthead heading the same height as the navigation */
	.header h3 {
	  margin-top: 0;
	  margin-bottom: 0;
	  line-height: 40px;
	  padding-bottom: 19px;
	}

  /* Remove the padding we set earlier */
  .header,
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
  
  #teaser-content small {color: #999;}
  
 /* Supporting marketing content */
	#marketing-content {
		padding-top: 40px;
		padding-bottom: 40px;
		-webkit-font-smoothing: antialiased;
	}
	
	#marketing-content p, #marketing-content h4, #marketing-content a {color: white;}
	#marketing-content p + h4 {
	  margin-top: 28px;
		color: white;
	}
	#marketing-content table {color: #ffffff}
	#marketing-content table th {font-weight: normal;}
	#marketing-content h4 small {color: #ffffff;}
	
	#photo-dr {width: 160px; bottom: 0px; margin-right: 10px;}
	#logo {width: 190px; margin-top: 20px;}
	
	#teaser-content .lead, #teaser-content small {display:block;}
	#teaser-content .lead {margin-top:0px;margin-bottom:5px;padding-top:80px}
	#marketing-content {background: #222222}
	
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 768px) {
	#photo-dr {width: 305px;}
	#logo {width: 258px;padding-bottom:30px;padding-top:0;margin-top: 0px}
	
	#teaser-content .lead {display: block;max-width: 970px;margin-top:60px;margin-bottom:5px;padding-top:160px}
	#teaser-content small {display: block;}
	
}

@media (max-width: 567px) {
	#logo {width: 150px;padding-top:0px;margin-top:0px}
	#teaser-content .lead, #teaser-content small {display:none;}
}