@font-face {
    font-family: 'MuseoSans-300';
    src: url('../_fonts/exljbris_-_museosans-300-webfont.woff2') format('woff2'),
         url('../_fonts/exljbris_-_museosans-300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans';
    src: url('../_fonts/exljbris_-_museosans-500-webfont.woff2') format('woff2'),
         url('../_fonts/exljbris_-_museosans-500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans';
    src: url('../_fonts/exljbris_-_museosans-700-webfont.woff2') format('woff2'),
         url('../_fonts/exljbris_-_museosans-700-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('../_fonts/roboto-regular-webfont.eot');
    src: url('../_fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../_fonts/roboto-regular-webfont.woff') format('woff'),
         url('../_fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../_fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kalamregular';
    src: url('../_fonts/kalam-regular-webfont.woff2') format('woff2'),
         url('../_fonts/kalam-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
	font-family: museo_sans, "Trebuchet MS", Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	font-size: 100%;
}
body{
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.3em;	
	color: rgb(50,50,50);
	background: url(../_assets/background2.svg) center 0 repeat;
	background-size: 1300px;
}
header,
main,
#footerContainer{
	box-sizing: border-box;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding: 0 20px;
}
header,
nav,
footer{flex-shrink: 0;}
h1{margin: 0;}
#dsLogo{
	width: 250px;
	margin: 25px 0;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 10%, rgba(255,255,255,0.3) 91%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 10%,rgba(255,255,255,0.3) 91%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 10%,rgba(255,255,255,0.3) 91%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

nav{
	height: 90px;
	background-color: rgb(182,52,187);
    font-family: 'CallunaSansRegular', "Lucida Sans Unicode", sans-serif;
}
#mainNav ul{
	max-width: 1000px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	display: flex;
}
#mainNav li{
	flex: auto; /* This is Equivalent to flex: 1 1 auto; */
	list-style-type: none;
	height: 100%;
	line-height: 90px;
	font-size: 1.375em;
	text-align: center;
}
nav a{
	color: rgb(253,253,253);
	text-decoration: none;
	display: block;
	height: 100%;
	background: url("../_assets/divot.svg") no-repeat center 110px;
	transition: background-position 400ms;
}
#currentNavLi a,
#mainNav li a:focus,
#mainNav li a:hover{
	background-position: bottom;
	outline: 0;
}
#currentNavLi a{cursor: default;}

main{
	flex: 1 0 auto;
	padding: 0 20px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 5%, rgba(255,255,255,0.3) 95%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 5%,rgba(255,255,255,0.3) 95%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 5%,rgba(255,255,255,0.3) 95%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.videoWrapper{
	position: relative;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin: 15px auto 30px auto;
}
.videoWrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
h2{
	color: rgb(182,52,187);
	margin: 1.6em 0 0;
	font-size: 1.375em;
	line-height: 1.2em;
	clear: none;
	font-weight: bold;
}
h3{
	margin: 1em 0 0;
	font-size: 1em;
}
h3 + p{margin-top: 0;}
p{margin: 1em 0 0;}
p:last-child{margin-bottom: 1em;}
p.messageCampaignChairs{
	margin: 10px 0 20px 0;
	font-family: kalamregular;
	font-size: 1.4em;
	line-height: 1.4em;
}
p.messageCampaignChairs.last{margin-bottom: 0;}
p.signature{
	margin-top: 0;
	font-size: 1em;
}
img.photo{
	float: right;
	border: 1px solid black;
	margin: 0 0 10px 10px;
	width: 300px;
}
@media screen and (max-width: 600px){
	img.photo{width: 200px;}
}
@media screen and (max-width: 550px){
	img.photo{
		display: block;
		float: none;
		margin: 10px auto;
	}
}
ul{
	margin-top: 5px;
	padding-left: 30px;
	list-style-type: none;
}
#fundingOpps li,
ul.dsBullet li{
	background: url(../_assets/circle.svg) no-repeat 0 2px;
	background-size: 16px 16px;
	padding-left: 25px;
	margin-top: 5px;
}
li.deceased{padding-left: 15px;}
table{
	border-collapse: collapse;
	margin: 20px 0 30px 0;
}
td{padding: 10px;}
tr{border: 1px solid rgb(220,220,220);}
tr:nth-child(2n + 1){background-color: rgba(0,0,0,.08);}
td h3{margin: 0 30px 0 0;}
td p{margin: 0 30px 0 0;}
#graduatedCylinder{
}
p#progressCaption{
	text-align: right;
}
a{
	color: rgb(182,52,187);
	font-weight: bold;
	text-decoration: none;
		-webkit-text-decoration: underline solid rgba(182,52,187,0);
	text-decoration: underline solid rgba(182,52,187,0);
	transition: -webkit-text-decoration 300ms, text-decoration 300ms;
}
a:hover,
a:focus{
	text-decoration: underline;
		-webkit-text-decoration: underline solid rgba(182,52,187,1);
	text-decoration: underline solid rgba(182,52,187,1);
}
a:focus{outline: thin dotted;}
.title a{text-decoration: none;}
a.buttonLink{
	display: inline-block;
	color: rgb(255,255,255);
	background-color: rgb(182,52,187);
	width: 180px;
	height: 40px;
	margin: 5px 20px 5px 0;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
		-webkit-text-decoration: underline solid rgba(253,253,253,0);
	text-decoration: underline solid rgba(253,253,253,0);
	transition: -webkit-text-decoration 300ms, text-decoration 300ms;
}
a.buttonLink:last-child{margin-bottom: 0;}
a.buttonLink:hover,
a.buttonLink:focus{
	text-decoration:  underline;
		-webkit-text-decoration:  underline solid rgba(253,253,253,1);
	text-decoration:  underline solid rgba(253,253,253,1);
}
strong{font-weight: bold;}
.noWrap{white-space: nowrap;}
footer{background-color: rgb(182,52,187);}
footer p{color: rgb(253,253,253);}
#footerAddress{float: left;}
#footerPhone{float: right;}
footer a{
	color: rgb(253,253,253);
	font-weight: bold;
	text-decoration: none;
		-webkit-text-decoration: underline solid rgba(253,253,253,0);
	text-decoration: underline solid rgba(253,253,253,0);
	transition: -webkit-text-decoration 300ms, text-decoration 300ms;
}
footer a:hover,
footer a:focus{
	text-decoration: underline;
		-webkit-text-decoration: underline solid rgba(253,253,253,1);
	text-decoration: underline solid rgba(253,253,253,1);
}
a[href^="tel"]:focus,
a[href^="tel"]:hover,
a[href^="tel"]{text-decoration: inherit; color: inherit; cursor: default; font-weight: inherit;}
@media screen and (max-width: 940px){
	body{background-size: 140%;}
	nav{height: 60px;}
	#mainNav li{font-size: 1.3em;}
	#mainNav li{line-height: 60px;}
	#currentNavLi a,
	#mainNav li a:hover{background-position: center 48px;}
}
@media screen and (max-width: 800px){
	nav{height: 45px;}
	#mainNav li{font-size: 1em;}
	#mainNav li{line-height: 45px;}
	#currentNavLi a,
	#mainNav li a:hover{background-position: center 36px;}
}
@media screen and (max-width: 600px){
	header,
	main{padding: 0 10px;}
	nav{height: auto;}
	#mainNav ul{display: block;}
	#mainNav li{
		font-size: 1.2em;
		text-align: left;
		height: 0;
		overflow: hidden;
		transition: height 600ms;
		border-bottom: 0 solid rgba(255,255,255,.4);
	}
	#mainNav li a{background: none;}
	#mainNav li:last-child{border: none;}
	nav a{
		padding-left: 10px;
		transition: padding 400ms;
	}
	nav a:hover{padding-left: 20px !important;}
	#mainNav #currentNavLi{height: 45px;}
	#mainNav #currentNavLi a{
		cursor: pointer;
		background: url("../_assets/menu-icon.svg") no-repeat right 5px center;
	}
}
@media screen and (max-width: 500px){
	#dsLogo{
		width: 180px;
		margin: 15px 0;
	}
	.title.noWrap{white-space: normal;}
	#footerAddress{float: none;}
	#footerPhone{float: none;}
}
.hide{display: none;}
/* START The Rivet page */
#thePlan{text-align: center;}
#thePlan img{
	max-width: 100%;
	max-height: 340px;
	border-right: 2px solid black;
}
#thePlan img:nth-child(3){border-right: none;}
#twoColumn{
	display: flex;
	justify-content: space-around;
}
@media screen and (max-width: 570px){
	#twoColumn{flex-direction: column;}
}
#socialIcons img{
	height: 25px;
	margin: 8px 8px 0;
}
#trLink{margin-top: 0;}
/* END The Rivet page */