#site-header{
	padding-top:0;
	padding-bottom:0;}
.section{
	background-position:center center;
	background-size:cover;
	padding-top:3%;
	padding-bottom:3%;}

.box-transparent{
	color:#fff;}
#content{
	background:transparent;
	padding:0;}

.text-center{
	text-align:center;}
.padding-none{
	padding-bottom:0;
	padding-top:0;}
.padding-small{
	padding-bottom:1.5em;
	padding-top:1.5em;}
.padding-large{
	padding-bottom:6%;
	padding-top:6%;}
.padding-huge{
	padding-top:12%;
	padding-bottom:12%;}
.padding-gigantic{
	padding-bottom:16%;
	padding-top:16%;}

.width-narrow .section-inner{
	max-width:600px;}
.width-normal .section-inner{
	max-width:850px;}
.width-full{
	padding-left:0;
	padding-right:0;}
.width-full .section-inner{
	max-width:100%;}

.bg-repeat-none{
 	background-repeat:no-repeat;}
.bg-repeat-x{
	background-repeat:repeat-x;}
.bg-repeat-y{
	background-repeat:repeat-y;}
.bg-repeat-both{
	background-repeat:both;}

.bg-attach-parallax.bg-img-on{
	background-color:transparent !important;}

.section-img-credit{
	display:none;}

nav.section{
	padding-top:0;
	padding-bottom:0;}

.js #nav-label{
	top:10px;
	right:10px;}


/* Photo grid */

#photo-grid{
	padding:10px 0 0;}
#photo-grid .section-inner{
	max-width:100%;
	padding:0 0.5%;}
#photo-grid a{
	border-bottom:0;
	display:block;
	margin-bottom:15px;}

.img-grid-square{
	position:relative;}
.img-grid-square-title{
	display:none;
	position:absolute;
	bottom:0;
	padding:12px;
	background:rgba(30,45,55,0.75);
	width:100%;}
.img-grid-square:hover .img-grid-square-title{
	display:block;}

.box-orange input.blue{
	background:#2e8ebb !important;}

#blog{
	padding:3% 5%;}

.section-title{
	font-size:16px;
	letter-spacing:3px;
	margin-bottom:40px;
	opacity:0.65;
	text-align:center;
	text-transform:uppercase;}

.video-wrapper{
	position: relative; padding-bottom: 56.25%;height: 0; overflow: hidden; }
.video-wrapper iframe{
	position: absolute;
	top:0;
	left: 0;
	width: 100%; 
	height: 100%; }
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900;}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(http://harvardheatweek.org/wp-content/themes/threefifty_world/images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(img/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}


/* Numbers */

.nbox{
	background:rgba(0,0,0,0.08);
	border-radius:3px;
	margin:8px;
	padding:12px 15px;
	text-align:center;}
.number{
	color:#fff;
	font-family:GraphWeb,KlimaWeb,sans-serif;
	font-size:43px;
	letter-spacing:-0.01em;
	line-height:1.2;
	margin-bottom:5px;
	padding:0 15px;}
.number-label{
	color:inherit;
	font-family: inherit;
	font-size:13px;
	font-weight:bold;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	hyphens:none;
	letter-spacing:0.2em;
	line-height:1.4;
	opacity:0.65;
	text-transform:uppercase;}
.number-unit{
	font-size:0.7em;
	letter-spacing:0;}

/* Media Coverage */
.article{
	color:inherit;
	display:block;
	margin:0 0 25px;}
.headline{
	display:block;
	font-size:22px;
	line-height:1.3;}
.outlet{
	font-weight:500;
	opacity:0.6;}


@media only screen and (min-width:500px){

	#blog .section-title {
		margin-bottom:50px;}	

}

@media only screen and (min-width:950px){
#site-nav,
.js #site-nav{
	display:none;}
#site-nav a.parent:after,
#main-nav a.parent:after{
	top:22px;}
.menu > .parent > a:after{
	top:29px;}
nav.section a{
	border-bottom:0 none;
	color:inherit;
	display:block;
	padding:25px 13px;}
nav.section .sub-menu a{
	padding-top:10px;
	padding-bottom:10px;}

.section-img-credit{
	border-radius:3px;
	bottom:10px;
	color:#fff;
	text-shadow:2px 1px 1px #000;
	display:block;
	font-size:13px;
	opacity:0.6;
	padding:3px 5px;
	position:absolute;
	right:10px;}
.section-img-credit:hover{
	background:#2a2e2f;
	background:rgba(30,40,50,0.8);
	opacity:1;}
.section-img-credit a{
	color:#fff;
	font-weight:normal;
	opacity:1;}

nav.section{
	position:relative;
	text-align:center;
	z-index:90;}
.sub-menu{
	text-align:left;}

.img-grid-inner{
	padding:0 1%;}
#photo-grid{
	padding-top:75px;}
a.img-grid-square{
	border-bottom:0;
	text-decoration:none;
	margin-bottom:1.5%;}
#photo-grid h5{
	top:20px;
	position:absolute;
	width:100%;}
#photo-grid .section-inner{
	padding-top:47%;}
#pg-overflow {
    margin-top: -47%;
    width:99%;
    position: absolute;}
#pg-view-all-bar{
	background: -moz-linear-gradient(top,  rgba(64,91,119,0) 0%, rgba(36,41,47,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,91,119,0)), color-stop(100%,rgba(36,41,47,1)));
	background: -webkit-linear-gradient(top,  rgba(64,91,119,0) 0%,rgba(36,41,47,1) 100%);
	background: -o-linear-gradient(top,  rgba(64,91,119,0) 0%,rgba(36,41,47,1) 100%);
	background: -ms-linear-gradient(top,  rgba(64,91,119,0) 0%,rgba(36,41,47,1) 100%);
	background: linear-gradient(to bottom,  rgba(64,91,119,0) 0%,rgba(36,41,47,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00405b77', endColorstr='#24292f',GradientType=0 );
	bottom:0;
	color:#fff;
	left:0;
	margin-bottom:0 !important;
	padding:15px 0;
	position:absolute;
	text-decoration:none;
	width:100%;
	z-index:94;}
#pg-view-all-bar:hover{
	background:#2b2e2f;
	background:rgba(20,40,55,0.7);
	opacity:1;}

#photo-grid a{
	margin-bottom:5%;}

.number{
	letter-spacing:-0.02em;
	line-height:0.92;
	padding:0 30px;}
.nbox{
	background:rgba(0,0,0,0.08);
	border-radius:3px;
	margin:0 1% 15px;
	padding:10px;}
.nrow1 .number{
	font-size:115px;}
.nrow1 .number-unit{
	font-size:0.55em;
	left:-0.1em;
	position:relative;}
.nrow2 .number{
	font-size:77px;}

}