/* @override 
	http://staging.fountain.io/_css/fountain-responsive.css
	http://fountain.io/_css/fountain-responsive.css */

@media (min-width: 640px) {
	.navbar li a,
	a.brand {
		xpadding-top: 8px !important;
		xpadding-bottom: 12px !important;
	}
}
@media (max-width: 640px) {
	.navbar li a,
	a.brand {
		padding-top: 8px !important;
		padding-bottom: 12px !important;
	}
	a.brand {
		top: 10px;
		background-position: 0 5px;
	}
	body {
		padding-top: 0;
	}
}
/* @group Home page */
@media (max-width: 640px) {

	.hero-unit {
		padding: 15px 20px 10px;
		background-size: 200%;
	}
	.hero-unit h1 {
		padding-right: 0 !important;
		padding-top: 10px;
		padding-bottom: 0 !important;
		margin-bottom: 11px !important;
		margin-top: 0;
		font-size: 220%;
		background-position: center top;
		background-image: none;
		min-height: 0;
	}
	#home .hero-unit h1 {
		background-size: 75px;
		padding-right: 50px !important;
	}
	#home .hero-unit p {
		padding-right: 0;
		font-size: 14px;
		line-height: 1.2;
	}
	#home .hero-unit small {
		display: block;
		clear: bs;
	}
	.quo-right,
	.quo-left {
		font: 120%/1px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		position: relative;
		top: 7px;
		color: black;
		margin-left: 0;
	}
	#fountain-source {
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		-webkit-column-count: 1;
		-webkit-column-gap: 20px;
		column-count: 1;
		column-gap: 20px;
	}
}
/* @end */
/* @group Dingus */
@media (max-width: 640px) {
	#dingus textarea {
		height: 184px;
	}
scrippet {
	xwidth: auto !important;
}
}
/* @end */
/* @group Syntax Floating Menu */

@media (min-width: 768px) and (max-width: 980px) {

	#syntax .nav-list {
	    padding-top: 0px;
	    margin-top: 0px;
	    width: 199px;
	  }
	#syntax #menu.fixed {
		margin-top: 1;
		}
	}
	
	@media (min-width: 1200px) {
	#syntax .nav-list {
	    width: 341px;
	  }
}

@media (max-width: 768px) {
	#syntax #menu.fixed,
	#syntax .nav-list {
		padding-top: 0 !important;
		margin-top: 0 !important;
		position: relative !important;
		width: auto;
		top: 0 !important;
		}
}
@media (max-width: 480px) {
	body {
		padding-top: 0;
	}
	#syntax #menu.fixed,
	#syntax .nav-list {
		margin-top: 0 !important;
		position: relative !important;
		width: auto;
		top: 0 !important;
		}
	scrippet,
	textarea#scrippet {
		width: 270px;
		margin-left: -30px;
	}

	dialogue {
		padding-left: 10% !important;
		padding-right: 10% !important;
	}
}
/* @end */

/* @group Shortcuts */
@media (max-width: 480px) {

	.hide-mobile {
		display: none;
		visibility: hidden;
	}
}
/* @end */