/*!
 * River Raisin Veterinary Clinic Custom CSS
 *
 * Copyright 2012 Charles Ryder
 *
 * http://www.chasryder.com
 *
 * Designed and built by Charles Ryder
 */
@media (max-width: 767px) {
  .navbar-inner .brand{ background-size: cover; width: 138px; height: 85px }
  .navbar-inner .container{ background-size: 58px 20px }
  
  .navbar-inner .nav-collapse { margin-top: 128px; }
  .navbar .nav > li > a { padding: 6px 15px 6px }
  
  .navbar-inner .container { margin-left: 20px!important; }
  
  .home h1{ padding-right: 110px!important }
  .ribbon{ margin-bottom: 50px }
  .ribbon h2{ font-size: 20px!important }
  
  footer .fb-follow { zoom: 80% }
  
  .span4,
  .span12{ width: auto; float: none; padding-right: 20px; }
  .row{ margin-left: 0 } 
}

@media (min-width: 1200px) {
	.contact .building img{ margin-top: -80px }
}

@media (min-width: 768px) and (max-width: 979px) {
   	.staff .span3 { height: 450px }
}

@media (max-width: 767px) {
  
  	h1{ font-size: 50px }
  
  	.container{ width: auto }
	
	.row-fluid .span6{ width: auto; padding: 0 20px }
	
	footer div.row{ margin-left: 0 }
		
	/* Staff */
	.staff .span3 { height: auto }
	.staff .span3 h4{ height: 2.5em }
		
	/* Contact */
	#map_canvas{ display: none }
}

@media (max-width: 480px) {
  footer .wht-dog { display: none }
  
  	/* Photo Tour */
  	.photo-tour .span3{ width: auto; float: none; margin-right: 20px }
  	.photo-tour .pic img{ width: 100% }
  
  	/* Staff */
	.span3{ float: none }
}

@media (max-width: 979px) {
	/* Nav Fixes */
	.navbar-inverse .nav > li > a {
		font-size: 18px;
		margin-right: 10px;
		margin-bottom: 5px;
		width: 90px;
		text-align: center
	}

	.navbar-inner .brand { margin-left: -38px }
	.navbar-inner .container { background-repeat: repeat-x; margin-left: 38px }
	.navbar-inner{ padding-right: 0 }
	.navbar .end{ display: none }
	
	/* Custom Home */
	.home h1{ font-size: 80px; padding-right: 90px; line-height: .75em }
	.home h1 span.light,
	.home h1 span.light2{ font-size: 20px; line-height: 1.2em }
	.home .pets{ top: auto; bottom: -18px }
	.ribbon{ padding: 20px 0 }
	.ribbon h2{ font-size: 24px }
	p.lead{ font-size: 18px; line-height: 1.2em }
	
	/* Footer */
	footer div.row div.span3{ width: 200px; height: 40px; border: none; background: transparent }
	footer div.row div.span3 p{ padding: 0 0 0 10px; }
	footer .dog{ display: none }
	footer div.span3:first-child{ display: none }
	footer div.span3:last-child{ height: 30px }
}

@media (min-width: 980px) and (max-width: 1200px) {
	.home h1{ font-size: 60px }
	.home .pets{ zoom: 80% }
	.home .lead{ font-size: 18px; line-height: 1.4em }
	.home .ribbon{ background-image: url(../img/ribbon-460.png) }
	.home .ribbon h2{ font-size: 24px; padding-top: 14px }
	
	/* Nav Fixes */
	.navbar-inverse .nav > li > a {
		font-size: 17px;
		margin-right: 10px
	}
	/* Footer fixes */
	footer div.row .span3 { padding-right: 10px; font-size: 14px }
	footer div.row .span3 p { padding-left: 58px }
	footer .dog { zoom: 80% }

	.contact .building img{ margin-top: -80px }
}