.show-only-desktop { display: block; }
.show-only-mobile { display: none; }

/*iPhones & smartphones*/
@media only screen and (max-device-width: 480px) {

	body { 
		background-color: #ffffff;
		background-image: none;
		padding-bottom: 50px;
		padding-top: 70px;
	}

	.show-only-desktop { display: none; }
	.show-only-mobile { display: block; }
	
	a#mobile-brand {
		font-weight: bold;
		font-family: "Arial Rounded MT Bold", Helvetica, sans-serif;
	}
	
	section.sticky-social {
		width: 100%;
		position: fixed;
		top: 85px;
		text-align: left;
		z-index: 9999;
	}


	/* homepage */
	
	.home-quote {
		/*smile everytime you look at the weather*/
		font-size: 14px;
		text-align: center;
		margin-top: -12px;
		margin-bottom: 10px;
		font-weight: bold;
	}

	#main-info-container {
		padding-top: 0px;
		margin-top: 10px;
	}

	p.home-download-free {
		color: #37acd8;
		font-weight: bold;
		font-size: 20px;
	}

	#home-press-boo-section {
		margin-top: 20px;
		background-color: #f3f3f3;
	}

	#home-partners {
		border-top: 0px;
		margin-top: 5px;
		padding-top: 0px;
	}

	#home-partners h2 {
		margin-bottom: 0px;
		text-align: center;
		font-size: 19px;
	}

	.partner-row {   
		/* just used to give some space between partner logos */
		padding-top: 15px;
	}
	
	.home-dl-btn {
		width: 49.1%;
	}
	
	
	#home-phone {
		padding-top: 41px;
		padding-left: 11px;
		padding-right: 11px;
		width: 140px;
		height: 300px;
		margin-top: 5px;
	}
	
	
	#humane-society-logo {
		height: 70px;
	}


	/*press*/
	
	.press-row {
		text-align: center;
	}
	
	h4.press-heading {
		color: #464646; 
		margin-top: 5px;
	}
	


	/*@Override Bootstrap*/

	
	.navbar-brand {
	    position: absolute;
	    width: 100%;
	    left: 0;
	    top: 0;
	    text-align: center;
	    margin: auto;
		
		font-size: 22px;	
		font-weight: bold;
		font-family: "Arial Rounded MT Bold", Helvetica, sans-serif;
	}
	
	/*
	when we make the brand 100% and absolute position it, it hides the toggle btn
	therefore the link goes 'on top' of the button
	so when we try to tap the btn to open the nav we tap the brand instead
	to fix this we just place the toggle btn always on top
	*/
	.navbar-brand { z-index: 0; }
	.navbar-toggle { z-index: 1; }

}