/*
  Media Queries
*/

/*
@media only screen and (min-width : 1601px) {
	
	.fsimg {
		display:block !important;
		}
	
}

@media only screen and (min-width : 1441px) and (max-width : 1600px) {
	
	.fsimg1600 {
		display:block !important;
		}
	
}

*/

/*@media only screen and (min-width : 1201px) and (max-width : 1440px) { */
@media only screen and (min-width : 1201px) {
	
	.fsimg1440 {
		display:block !important;
		}
	
}

@media only screen and (min-width : 961px) and (max-width : 1200px) {
	
	.fsimg1200 {
		display:block !important;
		}
	
}

@media only screen and (min-width : 769px) and (max-width : 960px) {
	
	.fsimg960 {
		display:block !important;
		}
	
}

@media only screen and (min-width : 481px) and (max-width : 768px) {
	
	.fsimg768 {
		display:block !important;
		}
	
}

@media only screen and (min-width : 361px) and (max-width : 480px) {
	
	.fsimg480 {
		display:block !important;
		}
	
}

@media only screen and (max-width : 360px) {
	
	.fsimg360 {
		display:block !important;
		}
	
}

@media only screen and (max-width : 1260px) {

	.gpc-excerpt {
		display:none;
		}

}

@media only screen and (max-width : 1080px) {

	.gpc-title {
		font-size: 28px !important;
		line-height: 26px !important;
		padding: 5px 0px 0px !important;
		}

}

@media only screen and (max-width : 985px) {

	.grant-number, .grant-title, .grant-tags {
		text-align:right !important;
		}
	
	.grant-title {
		width:100% !important;
		}
	
	.grant-title .container .grid_12 {
		/*max-width:620px !important;*/
		float:right !important;
		}

	.grant-title h1 {
		font-size: 70px !important;
		line-height: 60px !important;
		margin: 0;
		padding: 0;
		}
	
}

@media only screen and (max-width : 960px) {

	.gpc-title {
		font-size: 25px !important;
		line-height: 22px !important;
		padding: 5px 0px 0px !important;
		}

}

@media only screen and (max-width: 880px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 880px),
only screen and (min-resolution: 192dpi) and (max-width: 880px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 880px) {
	
	.awesome-logo {
		top:13px;
		left:85px;
		}
	
	.awesome-logo img {
		width: 250px;
		height: auto;
		}
	
}

@media only screen and (max-width : 864px) {

	.mailer-panel {
		top: 165px;
		}
	
}

@media only screen and (max-width : 840px) {

	.grant-pod {
		float:left;
		width:47.619048% !important;
		max-width:400px;
		background:#CACACA;
		/*margin:0px 10px 18px 10px;*/
		margin:0px 1.1904762% 18px 1.1904762% !important;
		}

	.gpc-title {
		font-size: 35px !important;
		line-height: 32px !important;
		padding: 5px 0px 0px !important;
		}
	
}

@media only screen and (max-width: 800px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 800px),
only screen and (min-resolution: 192dpi) and (max-width: 800px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 800px) {
	
	.awesome-logo {
		top:20px;
		left:85px;
		}
	
	.awesome-logo img {
		width: 170px;
		}
	
}

@media only screen and (max-width : 740px) {

	.gpc-title {
		font-size: 28px !important;
		line-height: 26px !important;
		padding: 5px 0px 0px !important;
		}

}

@media only screen and (max-width : 720px) {

	.grant-meta-left {
		display:none;
		}
	
	.grant-meta-left-sm {
		display:block !important;
		}
	
	.grant-meta-right {
		display:none;
		}
	
	.grant-meta-right-sm {
		display:block !important;
		}
	
	.grant-meta-left-sm {
		padding-left:48px;
		}
		
		
	.awesome-logo {
		top:8px;
		left:85px;
		}
	
	.awesome-logo img {
		width: 160px;
		}
	
	#nav {
		top:46px;
		}
	
	.nav-tw, .nav-fb {
		margin-top:0;
		}
	
	#nav a {
		margin-top:0;
		padding-top:0;
		}

}

@media only screen and (max-width : 680px) {
	
	.grant-number {
		padding:160px 0px 0px !important;
		font-size: 38px;
		}
	
	.grant-title {
		padding: 15px 0px 0px;
		}

	.grant-title h1 {
		font-size: 58px !important;
		line-height: 48px !important;
		margin: 0;
		padding: 0;
		}
	
	/*#topbar {
		height: 54px;
		}*/

	.icon-mailer {
		width: 54px;
		height: 54px;
		}

	.logo-helper {
		top:54px;
		width:390px;
		/*height:131px;*/
		height:90px;
		}
	
/*	.awesome-logo {
		/*top:51px;*/
/*		top:10px;
		left:60px;
		}*/
	
/*	#nav a {
		margin: 6px 0px 0px 12px;
		}
	
	.nav-fb {
		margin:18px 0px 0px 31px;
		}
	
	.nav-tw {
		margin:18px 0px 0px 31px;
		}
	
*/

	.awesome-logo {
		left:65px;
		}
	
	.mailer-panel {
		top: 185px;
		}
	
	.awesome-search {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 54px;
		height: 54px;
		z-index: 100;
		}

	/*.awesome-search {
		top:185px;
		}*/
	
}

@media only screen and (max-width : 670px) {

	.grid_menu {
		margin: 0;
		float: left;
		display: block;
		width:100px;
		padding-right:20px;
		}
	
	.grant-pod {
		float:left;
		width:47.619048% !important;
		max-width:400px;
		background:#CACACA;
		/*margin:0px 10px 18px 10px;*/
		margin:0px 1.1904762% 18px 1.1904762% !important;
		}
	
}

@media only screen and (max-width : 620px) {

	.grant-number {
		padding:195px 0px 0px !important;
		font-size: 34px;
		}
	
	.grant-title {
		padding: 15px 0px 0px;
		}

	.grant-title h1 {
		font-size: 54px !important;
		line-height: 44px !important;
		margin: 0;
		padding: 0;
		}
	
	.grant-tags {
		padding: 20px 0px 0px;
		line-height:18px;
		}
	
	.grant-title .container .grid_12 {
		max-width:520px !important;
		}
	
	.grant-pod-cover {
		padding: 22px !important;
		}

	.gpc-title {
		font-size: 25px !important;
		line-height: 22px !important;
		padding: 5px 0px 0px !important;
		}

}

@media only screen and (max-width : 580px) {
	
	#nav {
		right:60px;
		}
	
	#nav a {
		margin: 6px 0px 0px 0px;
		}
	
	.nav-fb {
		display:none;
		margin:54px 0px 0px 31px;
		background: url(images/black-90.png) repeat;
		}
	
	.nav-tw {
		display:none;
		margin:54px 0px 0px 31px;
		background: url(images/black-90.png) repeat;
		}
	
}

@media only screen and (max-width : 540px) {

	.grid_menu {
		clear:both;
		}

	.gpc-title {
		font-size: 21px !important;
		line-height: 18px !important;
		padding: 5px 0px 0px !important;
		}
		
	.home-pink {
		font-size: 30px;
		line-height: 37px;
		padding: 30px 0px 30px 0px;
		}

}

@media only screen and (max-width : 490px) {

	.grant-title h1 {
		font-size: 40px !important;
		line-height: 30px !important;
		margin: 0;
		padding: 0;
		}
	
	.grant-title .container .grid_12 {
		max-width:360px !important;
		}

	.gpc-title {
		font-size: 18px !important;
		line-height: 16px !important;
		padding: 5px 0px 0px !important;
		}
	
	.mailer-panel {
		width: 400px;
		}
	
	.ft-field {
		width:257px !important;
		padding:0px 8px 0px 8px !important;
		font-size:12px !important;
		}
	
	.ft-btn {
		width:95px !important;
		font-size:12px !important;
		}

}

@media only screen and (max-width : 460px) {

	#nav {
		right:60px;
		}

	.nav-big {
		display:none;
		}
	
	.nav-sm {
		display:block;
		}
		
	.home-pink {
		font-size: 26px;
		line-height: 33px;
		padding: 25px 0px 25px 0px;
		}

}

@media only screen and (max-width : 420px) {

.grant-pod {
	float:left;
	width:95.238095% !important;
	max-width:400px;
	background:#CACACA;
	/*margin:0px 10px 18px 10px;*/
	margin:0px 2.3809524% 18px 2.3809524% !important;
	}

	.gpc-title {
		font-size: 35px !important;
		line-height: 32px !important;
		padding: 5px 0px 0px !important;
		}
	
	#footer p {
		margin: auto;
		padding: 0px 0px 0px 0px;
		text-align:center;
		}
	
	.mailer-panel {
		width: 320px;
		}
	
	.ft-field {
		width:202px !important;
		padding:0px 8px 0px 8px !important;
		font-size:10px !important;
		}
	
	.ft-btn {
		width:70px !important;
		font-size:10px !important;
		}
	
}

@media only screen and (max-width : 390px) {

	.logo-helper {
		width:100%;
		}
	
	/*.awesome-logo {
		left: 50px;
		}*/
		
	.home-pink {
		font-size: 21px;
		line-height: 27px;
		padding: 25px 0px 25px 0px;
		}
		
	.home-black {
		font-size: 18px;
		line-height: 24px;
		}

}

@media only screen and (max-width : 370px) {

	/*.awesome-logo {
		left: 40px;
		}*/

}

@media only screen and (max-width : 350px) {

	/*.awesome-logo {
		left: 30px;
		}*/

}

@media only screen and (max-width : 330px) {

	/*.awesome-logo {
		left: 20px;
		}*/

}

/* iPhone
----------------------------------------------------------------------------------------------------*/

@media (max-width: 480px) {
   body {
      font-size: .9em;
    }
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width:100%;
	}
}

/* Fix Menu Width
----------------------------------------------------------------------------------------------------*/

@media (max-width: 480px) {
	/*#nav {
		display:none;
		}
  
	#mobilenav {
		display: inline-block !important;
		}
	
	select {
		width:100%;
		margin:0px;

		}*/
}

/* Large Monitors
----------------------------------------------------------------------------------------------------*/

@media (min-width: 1600px) {
   body {
      font-size: 1.1em;
    }
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}