* {
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, div.pull, pre, abbr, 
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, 
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}

html {
	width:100%;
	height:100%;
	 -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}


body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:times new roman, times, serif;
	color:#555555;
	line-height:1.5;
	font-size:18px;
	min-width:270px;
}


h1 {
	font-family:arial, helvetica, sans-serif;
	color:#000000;
	font-size:22px;
	margin:40px 0 20px 0;
	line-height:1.3;
}

main .hero h1 {
	color:#ffffff;
}

.valign {
	height:100%;
	width:0;
	display:inline-block;
	vertical-align:middle;
	font-size:0;

}

h2 {
	font-family:arial, helvetica, sans-serif;
	color:#000000;
	font-size:18px;
	text-transform:uppercase;
	margin:40px 0 20px 0;
	line-height:1.5;
}


h2.name {
	margin-bottom:0px;
}


main > h2:first-child {
	margin-top:0;
}

h3 {
	font-family:arial, helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	margin:0 0 10px 0;
}

h3.occupation {
	color:#555555;
}


p {
	margin:0 0 20px 0;
}

p.caption,
p small {
	font-size:12px;
	line-height:1.5;
	color:#888888;
	margin-top:10px;
	font-family:arial, helvetica, sans-serif;
	display:inline-block;
}

a {
	color:#dc5034;
	text-decoration: none;
}

a:hover {
	color:#F69240;
}

a.more {
	display:inline-block;
	padding-right:30px;
	background-image:url(../images/shell/icon-arrow.svg);
	background-repeat:no-repeat;
	background-position:right center;
	font-family: arial, helvetica, sans-serif;
	font-size:14px;
	text-transform: uppercase;
}


.center {
	text-align:center;
}

main h2 a,
main h2 a:hover {
	color:#000000;
}

img { 
	border:0; 
	display:block;
}

img.scale {
	width:100%;
}

div.imgInline {
	margin:40px 0;
}

div.imgInline p:last-child {
	margin:0;
}


hr {
	border-top:#cccccc solid 1px;
	border-bottom:0;
	margin:60px 0;
	height:0;
	
}

main {
	display:block;
	width:85%;
	padding:60px 0;
	margin: 0 auto;
}

main b {
	color:#000000;
}


div.container {
	width:100%;
	overflow: hidden;
}


ul.bullet {
	margin:0 0 20px 20px;
	padding:0;
	list-style:square;
}

div.pull {
	border-left:#72C7E7 solid 10px;
	padding:0 10%;
	font-family:arial, helvetica, sans-serif;
	margin:40px 0;
	color:#000000;
}

div.pull p {
		margin:0;
	}
	

div.pull p.hang {
	text-indent: -.4em;
}




/* ------- HEADER -------- */
.headerBg {
	background-color:#eeeeee;
	width:100%;
	max-width:2000px;
	margin:0 auto;
	position:fixed;
	z-index:9;
	top:0;
	
}

header {
	width:85%;
	padding:10px 0;
	max-width:1400px;
	margin:0 auto;
	position:relative;
}


header .logo,
footer .logo {
	display:inline-block;
	width:70px;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
}
footer .logo {
	width:180px;
}



/* ------------------- NAV TOGGLE ---------------------- */
#navToggle	{
	position:absolute;
	top:15px;
	right:0px;
	z-index:5;
	width:33px;
	height:33px;
	z-index:5;
	cursor:pointer;
	display:block;

}

#navToggle .top, 
#navToggle .middle1, 
#navToggle .middle2, 
#navToggle .bottom {
	width:25px;
	height:2px;
	background-color:#0b5aaa;
	position:absolute;
	left:4px;
	display:block;
}

.navOpen #navToggle .top, 
.navOpen #navToggle .middle1, 
.navOpen #navToggle .middle2, 
.navOpen #navToggle .bottom { 
	background-color:#000000;
}



#navToggle .top 		{ top:9px; }
#navToggle .middle1,
#navToggle .middle2		{ top:15px; }
#navToggle .bottom 		{ top:21px; }
	

#navToggle .top,
#navToggle .bottom	{
	opacity: 1;
	transition: opacity .15s ease-out;
	-moz-transition: opacity .15s ease-out;
	-webkit-transition: opacity .15s ease-out;
}


	
#navToggle	.middle1,
#navToggle	.middle2	{	
	transition: all 0.2s ease-out;	
	transform: rotate(0deg); 
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
}


.navOpen #navToggle {
	opacity:0.3;
}


.navOpen #navToggle .top,
.navOpen #navToggle .bottom {
	opacity: 0;
	transition: opacity .15s ease-out;
	-moz-transition: opacity .15s ease-out;
	-webkit-transition: opacity .15s ease-out;
}


.navOpen #navToggle	.middle1	{	
	transition: all 0.2s linear;
	transform: rotate(-45deg) scaleX(1); 
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
 }

.navOpen #navToggle	.middle2	{	
	transition: all 0.2s ease-out;
	transform: rotate(45deg)  scaleX(1);; 
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
 }



/* ------- NAV MOBILE ---------- */
nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

div.navSpacer {
	height:65px;
}

.navOpen nav.mobi {
	height:100%;
	background-color:rgba(0, 0, 0, 0.75)
}

nav.mobi {
	position:fixed;
	z-index:8;
	top:0;
	width:100%;
	height:0;
	overflow:hidden;
	border-top:transparent solid 65px;
	overflow-x:hidden;
	overflow-y:auto;
	
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
}


nav.mobi ul {
	background-color:#ffffff;
}

nav.mobi ul li {
	border-bottom:rgba(0, 0, 0, 0.05) solid 1px;
}


nav.mobi a {
	text-align:center;
	display:block;
	color:#0b5aaa;
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
}

nav.mobi a:hover {
	color:#000000;
}

nav.mobi a span {
	display:block;
	padding:15px 0;
	width:85%;
	max-width:1400px;
	margin:0 auto;
	
}




/* ------- NAV DESK ---------- */
nav.desk  {
	position:absolute;
	right:0;
	bottom:22px;
	display:none;
}

nav.desk ul {
	font-size:0;
	text-align:right;
}


nav.desk li {
	display:inline-block;
	margin-left:20px;
}


nav.desk a {
	display:block;
	color:#0b5aaa;
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
}

nav.desk a:hover {
	color:#000000;
}





/* ------- DONATE BANNER --------- */

div.bannerDonateBg {
	max-width:2000px;
	margin:0 auto;
	background-color:#dc5034;
}

div.bannerDonate {
	width:85%;
	max-width:1400px;
	padding:30px 0;
	position:relative;
	color:#ffffff;
	text-align:center;
	margin:0 auto;
	font-family:arial, helvetica, sans-serif;
}

div.bannerDonate h2 {
	text-transform: none;
	color:#ffffff;
	font-size:20px;
	margin:15px 0 25px 0;
}

div.bannerDonate h2 span {
	font-weight:normal;
	white-space: nowrap;
	display:block;
}


div.bannerDonate div.content {
	display:inline-block;
	padding:0 20px;
	background-color:#dc5034;
	position:relative;
	z-index:2;
}

div.bannerDonate div.hr {
	font-size:0;
	height:2px;
	background-color:#ffffff;
	position:absolute;
	width:100%;
	top:54%;

}

div.bannerDonate .icon {
	width:65px;
	margin:0 auto;
}



div.bannerDonate .button {
	font-weight:bold;
	letter-spacing:1px;
	display:inline-block;
	margin:0 auto;
	padding:5px 50px;
	border:#ffffff solid 2px;
	border-radius:20px;
	color:#ffffff;
	text-transform: uppercase;
	font-size:14px;
}

div.bannerDonate .button:hover {
	background-color:#ffffff;
	color:#dc5034;
}


/* ------- FOOTER -------- */
footer {
	width:85%;
	max-width:1400px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	padding:40px 0;
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	color:#0b5aaa;
}

footer a {
	color:#0b5aaa;
}

footer a:hover {
	color:#000000;
}

footer .logo {
	margin-bottom:40px;
}

/* --- footer links --- */
ul.footerLinks {
	list-style:none;
	margin:0;
	padding:0;
}




/* --- social links --- */
ul.socialLinks {
	list-style:none;
	margin:0;
	font-size:0;
}

ul.socialLinks li {
	display:inline-block;
	margin:0 7px;
}

ul.socialLinks a {
	font-size:20px;
}

ul.socialLinks a span {
	display:inline-block;
	text-indent:-999px;
	overflow:hidden;

}

div.charityInfo {
	width:100%;
	clear:both;
	padding-top:40px;
}




/* ------ CRUMB TRAIL ------- */
div.crumbTrail {
	width:85%;
	padding:25px 0;
	margin:0 auto;
	font-family:arial, helvetica, sans-serif;
	display:none;
}

div.crumbTrail ul {
	list-style:none;
	overflow:hidden;
	width:100%;
	font-size:0;
	margin:0;
	padding:0;
}

div.crumbTrail li {
	display:none;
	font-size:12px;
}

div.crumbTrail a {
	color:#555555;
}

div.crumbTrail li.crumbHome {
	display:inline-block;
}

div.crumbTrail li:first-child:before {
	content:none;
}


div.crumbTrail li:before {
	content:'»';
	display:inline-block;
	margin:0 10px;
	font-size:16px;
}


div.crumbTrail li.selected a {
	color:#000000;
}




/* ----- STRUCTURES ------ */

/* landin table */

ul.table h2 {
	margin-top:0;
}

ul p:last-child {
	margin:0;
}


ul.table {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	border:#cccccc solid 1px;
}



ul.table li {
	position:relative;
	border-top:#cccccc solid 1px;
	padding:30px;
	overflow:hidden;
	width:100%;
}

ul.table li:first-child {
	border-top:0;
}


ul.table.landing {
	border:0;
}

ul.table.landing li:first-child {
	padding-top:0;
	
}


ul.table.landing li {
	padding:60px 0;
	min-height:200px;
}


ul.table.landing div.thumb {
	float:left;
	width:30%;
	padding-right:7.5%;
}


ul.table.landing div.thumb img {
	width:100%;
	}

ul.table.landing div.caption {
	width:70%;
	float:left;
}




/* accordion */
div.accordion div.content {
	overflow:hidden;
	height:0;
	

}


div.accordion a.toggle {
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:700;
	font-size:14px;
}



div.accordion.open div.content {
	height:auto;
}

div.accordion.open a.toggle {
	opacity:0.25;
}

div.accordion a.toggle span:before {
	display:inline-block;
	content:'More';
	
}

div.accordion.open a.toggle span:before {
	content:'Less';
}








/* ------ HERO ------- */

div.hero {
	width:100%;
	height:450px;
	max-width:2000px;
	margin:0 auto;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center  center;
	
}



div.hero h1 {
	text-transform: uppercase;
	color:#ffffff;
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
}

div.hero h2 {
	color:#ffffff;
}

div.title {
	width:85%;
	max-width:800px;
	margin:0 auto;
	position:relative;
	z-index:2;
}


div.hero p.intro {
	font-size:22px;
	color:#ffffff;

}



/* -- HOME SLIDER -- */


/* tracks */
div.hero.tracks h1 { 
	color:#000000;
	max-width:350px;
	margin-top:20%;
	text-shadow: none;
}

div.hero.tracks {
	background-size: 600px auto;
	background-position:center  bottom;
	background-image:url(../images/general/hero-home-tracks.jpg);
}

.pgHome div.hero div.title {
	width:85%;
	max-width:1400px;
}



div.hero.tunnel {
	background-image:url(../images/general/hero-home-tunnel.jpg); 
}

div.hero.road {
	background-image:url(../images/general/hero-home-road.jpg); 
}

div.hero.bridge {
	background-image:url(../images/general/hero-home-bridge.jpg); 
}


div.hero.bridge h1,
div.hero.road h1,
div.hero.tunnel h1 {
	max-width:700px;
	margin:17% auto 0 auto;
}




div.hero.road h1 {
	margin-top:13%;
	color:#000000;
	text-shadow: none;
}






/* ---- PAGES HERO ---- */

/* ms */

div.hero.forest {
	background-image:url(../images/general/hero-ms.jpg);
}



/* barlo */
div.hero.barlo {
	background-image:url(../images/general/hero-barlo.jpg);
}

div.hero.barlo h1 {
	color:#000000;
	text-shadow: none;
}


div.hero.barloStory {
	background-image:url(../images/general/hero-barlo-story.jpg);
}

div.hero.barloResearch {
	background-image:url(../images/general/hero-barlo-research.jpg);
}


div.hero.barloCare {
	background-image:url(../images/general/hero-barlo-care.jpg);
}



/* experts */
div.hero.experts {
	background-image:url(../images/general/hero-experts.jpg);
}

div.hero.expertsMontalban {
	background-image:url(../images/general/hero-experts-montalban.jpg);
}

div.hero.expertsOh {
	background-image:url(../images/general/hero-experts-oh.jpg);
	background-position:center top;
}

div.hero.expertsHohol {
	background-image:url(../images/general/hero-experts-hohol.jpg);
	background-position:center top;
}

div.hero.expertsRotstein {
	background-image:url(../images/general/hero-experts-rotstein.jpg);
	background-position:center middle;
}

div.hero.expertsRoll {
	background-image:url(../images/general/hero-experts-roll.jpg);
	background-position: left top;
}

div.hero.expertsWanVella {
	background-image:url(../images/general/hero-experts-wan-vella.jpg);
		background-position: left top;
}



/* donors */
div.hero.donors {
	background-image:url(../images/general/hero-donors.jpg); 
}

div.hero.donors h1,
div.hero.donors p.intro {
	color:#000000;
}


/* donate */
div.hero.donate {
	background-image:url(../images/general/hero-donate.jpg); 
}


/* news */
div.hero.news {
	background-image:url(../images/general/hero-news.jpg); 
}

div.hero.news h1 {
	color:#000000;
	text-shadow: none;
}


div.hero.news-messageMontalban {
	background-image:url(../images/general/hero-news-message-montalban.jpg); 
}
div.hero.news-messageMontalban  h1 {
	color:#000000;
	text-shadow: none;
}


div.hero.news-patientTruax {
	background-image:url(../images/general/hero-news-patient-truax.jpg); 
}

div.hero.news-patientJames {
	background-image:url(../images/general/james-hero.jpg); 
}

div.hero.news-InterviewJiwonOh {
	background-image:url(../images/general/hero-experts-oh.jpg); 
	    background-position: center top;
}


/* contact */
div.hero.contact {
	background-image:url(../images/general/hero-contact.jpg); 
}







/* ----- SIDE BAR ----- */
div.sidebarContainer {
	width:85%; 
	max-width:1400px; 
	margin: 0 auto;
}

div.sidebar {
	width:300px;
	padding:100px 40px 40px 40px;
	background-image:url(../images/general/sidebar-bg.svg);
	background-repeat:no-repeat;
	background-color:#dc5034;
	background-position:0 30px;
	position:relative;
	margin:-150px 0 50px 100px;
	float:right;
	font-size:16px;
	font-family:arial, helvetica, sans-serif;
	color:#ffffff;
	display:none;
}

div.sidebar h2 {
	color:#ffffff;
	margin-top:0;
}



/* ------- HOME --------- */



/* callouts */
div.calloutsBg {
	max-width:2000px;
	margin:0 auto;
	padding:50px 0;
	background-color:#eeeeee;
}

ul.callouts {
	list-style:none;
	margin:0 auto;
	padding:0;
	
	max-width:1400px;
	overflow:hidden;
}

ul.callouts li {
	height:230px;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	position:relative;
}

ul.callouts li.barlo {
	background-image:url(../images/general/home-callout-barlo.jpg);
	background-position:top left;
}

ul.callouts li.experts {
	background-image:url(../images/general/home-callout-experts.jpg);
	background-position:top center;
}

ul.callouts li.donors {
	background-image:url(../images/general/home-callout-donors.jpg);
	background-position:top center;
}



ul.callouts a {
	font-size:16px;
	line-height: 1.2;
	width:95%;
	max-width:400px;
	height:55px;
	left:0;
	opacity:75%;
	bottom:20px;
	position:absolute;
	border-left:#dc5034 solid 10px;
	padding:0px 50px 0px 20px;
	background-color:#ffffff;
	display:block;
	color:#555555;
}

ul.callouts a > * {
	vertical-align: middle;
}

ul.callouts a span.title {
	font-family:arial, helvetica, sans-serif;
	font-weight:700;
	text-transform: uppercase;
	line-height:1.2;
	color:#000000;
	display:inline-block;

}


ul.callouts a span.icon {
	position:absolute;
	right:20px;
	bottom:20px;
	display:block;
	margin-top:20px;
	width:20px;
	height:15px;
	background-image:url(../images/shell/icon-arrow.svg);
	background-repeat:no-repeat;
	background-position:center center;
}


ul.callouts a:hover {
	border-color:#f69240;
}






/* ------ MULTIPLE SCLEROSIS --------- */


ul.ms h2 {
	margin-top:0px;
}

ul.ms {
	list-style:none;
	margin:0;
	padding:0;
}

ul.ms > li {
	position:relative;
	padding:60px 0 ;
	border-top:#cccccc solid 1px;
}

ul.ms > li:first-child {
	padding-top:0;
	border:0;
}

ul.ms > li > .icon {
	width:60px;
	margin-bottom:15px;

}




ul.numbered {
	list-style:none;
	margin:0 0 20px 0; 
	padding:0;
}

ul.numbered > li {
	margin-bottom:20px;
	position:relative;
	padding-left:50px;
}


ul.numbered span.num {
	font-family:arial, helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	position:absolute;
	left:0;
	display:block;
	width:30px;
	height:30px;
	line-height:26px;
	text-align:center;
	overflow:hidden;
	border:#cccccc solid 2px;
	border-radius:50%;
	font-weight:700;
}








/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:400px) {

	/* ----- EXPERTS ------ */
	div.hero.expertsWanVella {
		background-position: center center;
	}


}





/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:600px) {
	
	h1 {
		font-size:26px;
	}
	
	/* ----- STRUCTURES ----- */
	div.col1of2 {
		float:left;
		width:47.5%;
		margin-left:5%;
	}
	
	div.col1of2:first-child {
		margin-left:0;
	}
	
	/* ----- BANNER ----- */
	div.bannerDonate h2 span {
		display: inline-block;
	}
	
	
	
	/* ------ FOOTER ------- */
	ul.footerLinks {
		float:left;
		width:200px;
	}
	
	ul.socialLinks {
		position:absolute;
		top:40px;
		right:0;
	}
	
	
	/* ------- HOME -------- */
	div.hero p.intro {
		width:75%;
		max-width:600px;
	}
	

	div.hero.tracks {
		background-size:1000px;
		background-position:center top;
	}
	
	
	div.hero.bridge h1,
	div.hero.road h1,
	div.hero.tunnel h1,
	div.hero.road h1 {
		margin:80px auto 0 auto;
	}





	
	ul.callouts li {
		float:left;
		width:33.33%;
	}
	
	
	
	/* ------- MULTIPLE SCLEROSIS ---------- */
	ul.ms > li {
		position:relative;
		padding:60px 0 60px 100px;
	}
	
	ul.ms > li > .icon {
		position:absolute;
		left:0;
	}
	
	ul.ms > li:first-child .icon {
		top:0;
	}
	
	ul.ms > li > .icon {
		top:60px;
		left:0;
	}
	
	
	
	/* ------ STRUCTURES ------- */
	/* landing table */
	ul.table.landing div.thumb {
		width:35%;
	}
	
	ul.table.landing div.caption {
		width:65%;
	}
	
	
	
	

}




/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:800px) {

	/* ----- FOOTER ----- */
	footer div.charityInfo {
		float:left;
		width:300px;
		padding-top:0px;
		clear:none;
	}
	
	
	

	
	/* ------ MULTIPLE SCLEROSIS --------- */
	
	div.sidebar {
		display:block;
	}
	
	



	
	
}


/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:1000px) {
	body {
		font-size:20px;
	}


	h1 {
		font-size:36px;
		margin: 60px 0 30px 0;
	}


	h2 {
		font-size:20px;
		margin:60px 0 30px 0;
	}
	
	h3 {
		font-size:18px;
	}

	
	div.pull { 
		padding:0 15%;
		font-size:24px;
	}
	
	
	
	a.more {
		font-size:16px;
	}
	
	
	ul.bullet {
		margin:0 0 30px 20px;
	}
	
	ul.table {
		margin:0 0 30px 0;
	}
	
	main, 
	div.crumbTrail,
	div.hero div.title
	{
		max-width:800px;
	}
	
	
	/* ------- HEADER -------- */
	div.headerBg {
		position:relative;	
	}
	
	header {
		padding:20px 0;
		overflow:hidden;
	}

	header .logo {
		width:15%;
		max-width:150px;
	}
	
	/* -------- NAV MOBILE -------- */
	#navToggle, 
	div.navSpacer,
	nav.mobi, 
	.navOpen nav.mobi {
		display:none;
	}
	
	/* -------- NAV DESK -------- */
	nav.desk {
		display:block;
	}
	
	
	
	
	/* ------- DONATE BANNER --------- */
	
	div.bannerDonate {
		padding:40px 0;
	}
	
	div.bannerDonate h2 {
		font-size:30px;
	}
	
	div.bannerDonate .button {
		font-size:18px;
	}
	
	div.bannerDonate div.hr {
		top:52%;
	}
	
	div.bannerDonate div.content {
		padding:0 40px;
	}
	
	
	
	
	
	/* ------- FOOTER ------- */
	

	footer .logo {
		width:28%;
		max-width:300px;
	}
	
	
	

	
	
	
	
	/* -------- HOME --------- */
	div.hero {
		height:600px;
	}
	
	div.hero p.intro {
		font-size:28px;
	}
	
	div.hero.tracks {
		background-position:right top;
		background-size:1200px;
	}
	
	div.hero.tracks h1 {
		margin-top:12%;
		max-width:450px;
	}
	
	div.hero.bridge h1,
	div.hero.road h1,
	div.hero.tunnel h1 {
		margin-top:90px;
		max-width:1200px;
		max-width:900px;
	}


	
	ul.callouts {
		width:85%;
	}
	
	
	/* ------- CRUMBTRAIL ------ */
	div.crumbTrail {
		display:block;
	}
	

	
	
	/* -------- THE BARLO CENTER ---------- */
	div.accordion a.toggle {
			font-size:16px;
	}
	

	
	
}



/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:1200px) {
	/* ------- NAV DESK ------- */	
	nav.desk a {
		font-size:16px;
	}
	
	nav.desk li {
		margin-left:30px;
	}
	
	
	
	/* -------- HOME --------- */
	div.hero.tracks {
		background-position:center center;
		background-size:100% auto;
	}
	
	div.hero h1 {
		font-size:40px;
	}
	
	div.hero.tracks h1 {
		max-width:500px;
	}
}



/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:1800px) {

	/* -------- HOME --------- */
	div.hero {
		height:700px;
	}
	
}





/* ----- NAV / CRUMB SELECTED ------- */
/* nav */

nav.mobi .navDonate a,
nav.desk .navDonate a {
	color: #dc5034;
}

body.pgHome .navHome a,
body.pgMS .navMS a,
body.pgBarlo .navBarlo a,
body.pgExperts .navExperts a,
body.pgDonors .navDonors a,
body.pgHelp .navHelp a,
body.pgDonate .navDonate a,
body.pgNews .navNews a,
body.pgContact .navContact a
{
	color:#000000;
}



/* crumb */
body.pgMS .crumbMS,

body.pgBarlo .crumbBarlo,
body.pgStory .crumbStory,
body.pgResearch .crumbResearch,
body.pgCare .crumbCare,

body.pgExperts .crumbExperts,
body.pgMontalban .crumbMontalban,
body.pgOh .crumbOh,
body.pgHohol .crumbHohol,
body.pgRotstein .crumbRotstein,
body.pgRoll .crumbRoll,
body.pgWanVella .crumbWanVella,

body.pgDonors .crumbDonors,
body.pgHelp .crumbHelp,
body.pgDonate .crumbDonate,

body.pgNews .crumbNews,
body.pgMessageMontalban .crumbMessageMontalban,
body.pgPatientTruax .crumbPatientTruax,
body.pgJamesGwatkin .crumbJamesGwatkin,
body.pgInterviewJiwonOh .crumbInterviewJiwonOh,


body.pgContact .crumbContact

{
	display:inline-block;
}