.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-grumpy-section {
		margin-top: 20px;
		padding: 15px 0px;
		background-color: #f3f3f3;
	}
	
	#home-press-grumpy-section h2 {
	text-align: center;
	}

	.home-press-image, .home-grumpy-image, .home-bub-image {
	margin: 0px;
	width: 30%;
	}
	
	.home-grumpy-image {
		margin-left: 25px;
	}
	
	#home-seen-title {
		text-align: center;
		margin-left: 0px;
	}

	
	.home-dl-btn {
		width: 49.1%;
	}
	
	
	#home-phone {
		padding-top: 41px;
		padding-left: 11px;
		padding-right: 11px;
		width: 140px;
		height: 300px;
		margin-top: 5px;
	}
	


	/*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; }

}