@charset "utf-8";
/* CSS Document */


.mobile {
	display: none;
}

iframe {
	height: 400px;
}

#footer a {
	text-decoration: none;
}

.cc-families ul {
	margin: 0;
	padding: 0;
}

.cc-families #secondary-content-wrapper {
	display: none;
}

.page-panels #main-content {
	margin: 0;
}

.cc-families #wtmg .field-name-body {
	padding-top: 0;
}

.cc-families .panels-flexible-flexible_special_event_layout .panels-flexible-row {
	padding: 0;
}

.panels-flexible-flexible_special_event_layout .panels-flexible-region {
	float: none;
	width: 100%;
}

.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-left {
	float: left;
	width: 49%;
}

.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right {
	float: right;
	margin-right: 0;
	max-width: 240px;
}

.pane-node-body .block-inner {
	color: #222;
	margin: 10% 0 10% 15%;
	max-width: 400px;
	text-align: left;
}

.pane-node-body .block-content {
	background: rgba(255,255,255,0.85);
	border-top: 1px dotted #437ED6;
	padding: 25px;
}

/* Strip default padding */
.panels-flexible-flexible_special_event_layout .panels-flexible-row,
.panels-flexible-flexible_special_event_layout .panels-flexible-region-inside {
	padding: 0;
}

.photo img {
	width: 100%;
}

.photo p {
	line-height: 80%;
	margin: 0;
}

/* Add padding to text panels */
.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-5,
.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-7 {
	padding: 50px 0;
}

.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-9 {
	padding: 50px 0 100px;
}

/* Background colors */
.cc-families .panels-flexible-row {
	background: #003595;
	color: #fff;
}

.cc-families .panels-flexible-row.row-5 {
	background: #003595;
	border-top: 2px dotted #91e4fb;
}

.cc-families .panels-flexible-row.row-7 {
	background: #FFF09A;
}

.cc-families .panels-flexible-row.row-9 {
	background: #EDF7FD;
	border-top: 2px dotted #437ED6;
}

.cc-families .row-1 p {
	line-height: 50%;
	margin: 0;
}

/* Headers and fonts */

.cc-families #main-content #faq a {
	color: #97004e;
	font-weight: 700;
}

.cc-families #main-content .pane-campaign-leaderboard a {
	color: #437ED6;
}

.cc-families #main-content #tasks a {
	color: #003595;
}

.cc-families #main-content h2,
.cc-families #main-content h2.block-title {
	color: #001871;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 29px;
	font-weight: 900;
	line-height: 100%;
	margin: 0 0 18px;
}

.cc-families #main-content .panels-flexible-row.row-5 h2,
.cc-families #main-content .row-7 h2,
.cc-families #main-content .row-9 h2 {
	color: #98faea;
	font-size: 30px;
	text-transform: uppercase;
}

.cc-families #main-content .row-7 h2,
.cc-families #main-content .row-9 h2 {
	color: #003595;
}


.cc-families #main-content .field-name-body p {
	color: #222;
	font-size: 16px;
}

.cc-families #main-content #ccdl p:last-of-type {
	margin: 0;
}

.cc-families #main-content .field-name-body p:last-of-type {
	margin: -15px 0 0;
}

.cc-families #main-content .field-name-body p.intro {
	font-size: 22px;
	font-weight: 900;
	margin: 0 0 15px;
}

.cc-families #main-content h3 {
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 19px;
	font-weight: 900;
	margin: 0 0 1em;
	text-align: left;
}

.cc-families #main-content .field-name-body h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.cc-families #main-content .field-name-body h3 a {
	border-bottom: 1px dotted;
	color: #003595;
}

.cc-families #main-content .field-name-body h3 a {
	color: #003595;
}

.cc-families p,
.cc-families #block-system-main li {
	color: #222;
	font-size: 18px;
}

.cc-families #block-system-main #involved li {
	background: #fff;
	border: 6px solid #003595;
	display: inline-block;
	list-style: none;
	margin: 0 1% 2%;
	vertical-align: top;
	width: 45%;
}

.cc-families #block-system-main #involved li:hover {
	border-color: #f8cc48;
}

.cc-families #block-system-main #involved li div.image {
	float: left;
	line-height: 50%;
	width: 35.875%;
}

.cc-families #block-system-main #involved li div.text {
	float: left;
	padding: 20px;
	width: 55%;
}

.cc-families #main-content .row-5 div.text h3 {
	color: #001871;
	font-size: 20px;
	line-height: 120%;
	margin-bottom: 5px;
	text-transform: none;
}

.cc-families .row-5 div.text p {
	color: #001871;
	font-size: 17px;
	line-height: 120%;
	margin: 0;
	text-align: left;
}

.cc-families .row-5 p {
	color: #fff;
	margin: 0 auto 45px;
	max-width: 650px;
}

.cc-families .pane-node-body .block-content p a {
	border-bottom: 1px dotted;
	color: #003595;
	text-decoration: none;
}

.cc-families .pane-node-body .block-content p a:hover {
	border-bottom: 1px solid;
}

.cc-families .row-7 p {
	margin: 0 auto 45px;
	max-width: 715px;
}

.cc-families .row-7 p a {
	color: #444;
}

.cc-families #block-system-main #support ul {
	display: table;
	margin: 0 auto;
}

.cc-families #block-system-main #support li {
	background: rgba(255,255,255,0.8);
	border: 6px solid #FFF5C0;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 15px;
	vertical-align: top;
	width: 29%;
	min-height: 113px;
}

.cc-families #block-system-main #support li:hover {
	border-color: #437ED6;
	background-color: #fff;
}

.cc-families #block-system-main #support li div.image {
	float: left;
	line-height: 50%;
	width: 35.875%;
}

.cc-families #block-system-main #support li div.text {
	float: left;
	padding: 10px;
	width: 55%;
}

.cc-families #block-system-main #support li div.text h3 {
	color: #222;
	font-size: 20px;
	line-height: 100%;
	margin-bottom: 5px;
}

.cc-families #block-system-main #support li div.text p {
	line-height: 120%;
	margin: 0;
	text-align: left;
}

.cc-families .resources.block {
	border-top: 1px dotted #1a7c89;
	padding-top: 35px;
}

.cc-families #main-content .row-7 .resources.block h2 {
	color: #222;
	font-size: 23px;
	margin-bottom: 30px;
	text-transform: none;
}

.cc-families .row-7 .resources.block p {
	margin-bottom: 15px;
}

.cc-families .row-7 .resources.block p a {
	color: #145ECC;
	font-weight: 700;
}

.cc-families .row-7 .resources.block p a:hover {
	color: #003595;
}

.cc-families #main-content a.button,
.cc-families #content p.button a {
	background: #FFE964;
	border-radius: 0;
	border: 1px solid #FFC629;
	color: #003595;
	display: block;
	font-size: 18px;
	font-weight: 700;
	margin: 0 auto;
	padding: 18px 25px;
	text-decoration: none;
}

.cc-families #main-content a.button:hover {
	background: #FFC629;
	text-decoration: none;
}

.cc-families #main-content #info p.button {
	margin: 10px 0 5px;
}

.cc-families #main-content #info p.button a {
	background: #437ED6;
	border: 1px solid #145ecc;
	color: #fff;
	font-size: 18px;
	max-width: 380px;
	padding: 12px 30px;
	width: 80%;
}

.cc-families #main-content #info p.button a:hover {
	background: #145ecc;
}

.cc-families #info .block-content {
	margin: 0 auto;
	max-width: 620px;
}


/* Column widths */

.cc-families .panels-flexible-row-inside .inside {
	margin: 0 auto;
	max-width: 960px;
	text-align: center;
}

.cc-families .row-2 .panels-flexible-row-inside {
	max-width: 100%;
}

.cc-families .row-5 .panels-flexible-row-inside .inside {
	max-width: 1240px;
}

.cc-families .row-7 .panels-flexible-row-inside,
.cc-families .row-7 .panels-flexible-row-inside .inside {
	max-width: 1140px;
}

/* Column widths :: full-width photos */
.row-1 .panels-flexible-row-inside,
.row-4 .panels-flexible-row-inside,
.row-6 .panels-flexible-row-inside,
.row-10 .panels-flexible-row-inside,
.row-12 .panels-flexible-row-inside,
.row-14 .panels-flexible-row-inside,
.row-18 .panels-flexible-row-inside,
.row-1 .panels-flexible-row-inside .inside,
.row-4 .panels-flexible-row-inside .inside,
.row-6 .panels-flexible-row-inside .inside,
.row-10 .panels-flexible-row-inside .inside,
.row-12 .panels-flexible-row-inside .inside,
.row-14 .panels-flexible-row-inside .inside,
.row-18 .panels-flexible-row-inside .inside {
	margin: 0 !important;
	max-width: 100% !important;
}

/* Campaign nav */
.row-2-right .panel-pane .block-content {
	float: right;
	max-width: 240px;
	position: fixed;
	z-index: 9999;
}

.floating-nav ul {
	margin: 20px 0;
	padding: 0;
}

.floating-nav li {
	list-style: none;
	margin: 0 0 1px;
}

.cc-families #main-content .floating-nav li a {
	background: #003595;
	border: 1px solid #145ecc;
	color: #fff;
	display: block;
	font-size: 17px;
	font-weight: 900;
	padding: 12px 20px;
	text-align: left;
	width: 215px;
}

.cc-families #main-content .floating-nav li a:hover {
	text-decoration: none;
}

.cc-families #main-content .floating-nav li:first-child a {
	background: #FFE964;
	border: 1px solid #003595;
	color: #003595;
}

.cc-families #main-content .floating-nav li a:hover {
	background: #437ED6;
	border-color: #003595;
	color: #fff;
}

/* Research */
.cc-families #main-content #research {
	margin: 0 auto;
	max-width: 660px;
}

.cc-families #main-content #research p {
	font-size: 19px;
	text-align: left;
}

.cc-families #main-content #research p:last-of-type a.button,
.cc-families #main-content #research p:last-of-type {
	margin: 0 auto;
	text-align: center;
}

.cc-families #main-content #research p a {
	color: #003595;
	font-weight: 700;
}

.cc-families #main-content #research p a:hover {
	color: #12245e;
}



/* Quick Links */

.cc-families #block-system-main #links ul li {
	display: inline-block;
	list-style: none;
	margin: 10px 10px 30px;
	text-align: center;
	vertical-align: top;
	width: 27%;
}

#links ul li img {
	display: block;
	margin: 0 auto 10px;
}

#links ul li a {
	color: #222;
	font-size: 19px;
	font-weight: 900;
}

#links ul li:hover {
	opacity: 0.8;
}



/* Slideshow/Big Photo */
.row-1 .inside {
  	position: relative;
  	z-index: 8;
}

.cc-families .panels-flexible-row.row-1 {
	margin-top: 21px;
	position: relative;
}

.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-2 {
	background: transparent;
	position: absolute;
	top: 61px;
	width: 100%;
  	z-index: 9999;
}

/* Cancer Guides */
.panel-pane#ccg {
	border-top: 1px dotted #003595;
	margin: 30px auto 0;
	max-width: 810px;
	padding-top: 30px;
}

.panel-pane#ccg ul {
	display: table;
	padding: 0 0 40px;
}

.panel-pane#ccg ul li {
	display: inline-block;
	list-style: none;
	font-size: 14px;
	margin: 0 1%;
	vertical-align: top;
	width: 18%;
}

.panel-pane#ccg ul li img {
	display: block;
	margin: 0 0 10px;
}

.panel-pane#ccg ul li a {
	border-bottom: 1px dotted;
}

.cc-families #main-content #ccg a.button {
	background: #003595;
	border: 1px solid #3E58AA;
	color: #fff;
	display: table;
}

.cc-families #main-content #ccg a.button:hover {
	background: #3E58AA;
	border-color: #003595;
}

/* Misc */
.cc-families input.read-more-button {
	margin-top: 20px;
}

.cc-families input.read-more-button:hover {
	background: #8bd3f5;
	color: #2e3792;
}


@media screen and (max-width:1480px) {
	.cc-families .row-5 .panels-flexible-row-inside .inside,
	.cc-families .panels-flexible-row-inside .inside {
		max-width: 860px;
	}

	.cc-families #block-system-main #involved li div.text {
		padding: 15px;
	}

	.cc-families .row-7 .panels-flexible-row-inside,
	.cc-families .row-7 .panels-flexible-row-inside .inside {
		max-width: 650px;
	}

	.cc-families #block-system-main #support li {
		padding: 12px;
		min-height: 168px;
		width: 25%;
	}

	.cc-families #block-system-main #support li div.image {
		width: 29%;
	}

	.cc-families #block-system-main #support li div.text {
		padding: 5px 0 5px 10px;
		width: 62%;
	}

	.cc-families #block-system-main #support li div.text h3 {
		font-size: 17.5px;
	}

	.cc-families #block-system-main #support li div.text p {
		font-size: 16px;
	}

}

@media screen and (max-width:1370px) {
	.pane-node-body .block-inner {
		margin: 8% 0 10% 7%;
	}
}

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

	.cc-families .panels-flexible-row-inside {
		max-width: 1030px;
	}

	.cc-families .row-5 .panels-flexible-row-inside .inside,
	.cc-families .panels-flexible-row-inside .inside {
		max-width: 700px;
	}

	.cc-families .panels-flexible-row-inside,
	.cc-families .row-1 .panels-flexible-row-inside .inside {
		max-width: 100%;
	}


	.cc-families #block-system-main #involved li {
		border: none;
	}

	.cc-families #block-system-main #involved li div.text {
		padding: 10px 15px;
		width: 54%;
	}

	.cc-families #main-content .row-5 div.text h3 {
		font-size: 17px;
	}

	.cc-families .row-5 div.text p {
		font-size: 15px;
	}

	.cc-families .row-7 p {
		margin: 0 auto 25px;
	}

	/* ICONS NEEDED TO BE BE LARGER
	.cc-families #block-system-main #support li {
		width: 21%;
	}
	*/

	.cc-families #block-system-main #support li div.image {
		float: none;
		margin: 0 auto;
		width: 40%;
	}

	.cc-families #block-system-main #support li div.text {
		padding: 15px 0 5px 5px;
		width: auto;
	}

	.cc-families #block-system-main #support li div.text p,
	.cc-families #block-system-main #support li div.text h3 {
		text-align: center;
	}

}



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

	.cc-families #main-content .panels-flexible-row.row-5 h2,
	.cc-families #main-content .row-7 h2,
	.cc-families #main-content .row-9 h2 {
		margin-left: 6px;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-5,
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-7 {
		padding: 40px 0 30px;
	}

	.cc-families #info .block-content {
		margin: 0;
	}

	.cc-families .row-5 p {
		margin: 0 6px 30px;
	}

	.cc-families #main-content #info p.button {
		text-align: center;
	}

	.cc-families .panels-flexible-row-inside {
		max-width: 990px;
	}

	.cc-families .panels-flexible-row-inside .inside {
		margin: 0 20px;
		max-width: 630px;
	}

	.cc-families .row-7 .panels-flexible-row-inside {
		margin: 0;
		max-width: 630px;
	}

	.cc-families #block-system-main #support li {
		width: 27%;
	}

	.cc-families .panels-flexible-row-inside,
	.cc-families .row-1 .panels-flexible-row-inside .inside {
		max-width: 100%;
	}

	.pane-node-body .block-inner {
		margin: 10% 0 8% 2%;
    	max-width: 325px;
	}

	.pane-node-body .block-content {
		padding: 20px;
	}

	.cc-families #main-content .field-name-body h2 {
		font-size: 23px;
	}

	.cc-families #main-content .field-name-body p {
		font-size: 15px;
	}

	.row-15 .pane-views h4 {
		font-size: 12px;
	}

	.cc-families #main-content h2,
	.cc-families #main-content h2.block-title {
		font-size: 24px;
		margin: 0 50px 1em;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right {
		max-width: 210px;
	}

	.floating-nav ul {
		margin: 10px 0;
	}

	.cc-families #main-content .floating-nav li a {
		font-size: 14px;
		padding: 7px 15px;
    	width: 175px;
	}

	.cc-families #main-content h2,
	.cc-families #main-content h2.block-title {
		margin: 0 0 1em;
		text-align: left;
	}

	.cc-families .panels-flexible-row-inside .inside {
		text-align: left;
	}

	.cc-families #main-content .field-name-body h3 {
		font-size: 13px;
	}

	.cc-families #main-content a.button,
	.cc-families #content .pane-campaign-action .button a {
		font-size: 14px;
		padding: 14px 15px;
	}

}

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

	.cc-families .panels-flexible-row-inside {
		max-width: 880px;
	}

	.cc-families .panels-flexible-row-inside .inside {
		max-width: 600px;
	}

	.cc-families .panels-flexible-row-inside,
	.cc-families .row-1 .panels-flexible-row-inside .inside {
		max-width: 100%;
	}


}

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

	.pane-node-body .block-inner {
		margin: 0;
		max-width: 300px;
	}

	.pane-node-body .block-content {
		padding: 15px;
	}

	.cc-families #main-content .field-name-body h2 {
		font-size: 21px;
		margin: 0 0 .75em;
	}

	.cc-families p {
		font-size: 17px;
	}


	.cc-families #main-content a.button,
	.cc-families #content .pane-campaign-action .button a {
		font-size: 15px;
    	padding: 14px 16px;
	}

	.cc-families #main-content .field-name-body p.intro,
	.cc-families #main-content .field-name-body h3 {
		font-size: 15px;
	}

	.cc-families #main-content .field-name-body p {
		font-size: 14px;
	}

	.row-2-right .panel-pane .block-content {
		max-width: 220px;
	}

	.cc-families .panels-flexible-row-inside {
		max-width: 790px;
	}

	.cc-families .panels-flexible-row-inside .inside,
	.cc-families .panels-flexible-row-inside .inside {
		max-width: 550px;
	}

	.cc-families .panels-flexible-row-inside,
	.cc-families .row-1 .panels-flexible-row-inside .inside {
		max-width: 100%;
	}

}

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

	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-left,
	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	.cc-families .panels-flexible-row.row-1 {
		margin-top: 0;
	}

	.cc-families .panels-flexible-row-inside {
		max-width: 95%;
	}

	.cc-families .panels-flexible-row-inside .inside {
		margin: 0 auto;
		max-width: 90%;
	}

	.row-top .panels-flexible-row-inside .inside {
		padding: 55px 0 25px 0;
		text-align: center;
	}

	.cc-families .panels-flexible-flexible_special_event_layout .panels-flexible-row.row-top {
		background: #EDF7FD;
		padding-top: 50px;
	}

	.pane-node-body .block-inner {
		background: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.row-top .pane-node-body .block-content {
		border: none;
	}

	.cc-families #main-content #hero h2 {
		margin: 0;
	}

	.cc-families #main-content .field-name-body h3 {
		font-size: 16px;
		text-align: center;
	}

	.cc-families #main-content .field-name-body p.intro {
		font-size: 19px;
	}

	.row-1 .inside {
		height: auto;
	}

	.cc-families #main-content .panels-flexible-row.row-5 h2,
	.cc-families #main-content .row-7 h2,
	.cc-families #main-content .row-9 h2,
	.panels-flexible-flexible_special_event_layout .panels-flexible-region-inside {
		margin-left: 0;
		padding-left: 0;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-2 {
		background: #001871;
		border-top: 1px dotted #003595;
		position: relative;
		top: 0;
	}

	.row-2-right .panel-pane .block-content {
		float: none;
		margin: 0 auto;
		position: relative;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right {
		float: none;
		margin: 0 auto;
		max-width: 250px;
		width: auto;
	}

	.cc-families #main-content .row-2 .panels-flexible-row-inside .inside {
		max-width: 100%;
	}

	.floating-nav li {
		margin: 0;
		text-align: center;
	}

	.cc-families #main-content .floating-nav li a {
		text-align: center;
	}

	.floating-nav ul {
		clear: both;
		margin: -1px 0 25px;
	}

	.cc-families #main-content h2,
	.cc-families #main-content h2.block-title,
	.cc-families .panels-flexible-row-inside .inside {
		text-align: center;
	}

	.cc-families #main-content .panels-flexible-row.row-5 h2,
	.cc-families #main-content .row-7 h2,
	.cc-families #main-content .row-9 h2 {
		font-size: 24px;
	}


	.cc-families .row-7 .panels-flexible-row-inside .inside,
	.cc-families .panels-flexible-row-inside .inside {
		margin: 0 auto;
	}


	/* Photos */
	.cc-families .row-1 .panels-flexible-row-inside,
	.cc-families .row-1 .panels-flexible-row-inside .inside,
	.cc-families .row-4 .panels-flexible-row-inside,
	.cc-families .row-4 .panels-flexible-row-inside .inside,
	.cc-families .row-6 .panels-flexible-row-inside,
	.cc-families .row-6 .panels-flexible-row-inside .inside,
	.cc-families .row-10 .panels-flexible-row-inside,
	.cc-families .row-10 .panels-flexible-row-inside .inside,
	.cc-families .row-12 .panels-flexible-row-inside,
	.cc-families .row-12 .panels-flexible-row-inside .inside,
	.cc-families .row-14 .panels-flexible-row-inside,
	.cc-families .row-14 .panels-flexible-row-inside .inside {
		max-width: 100%;
	}


	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-5,
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-7 {
		padding: 20px 0;
	}

	.cc-families .row-7 .panels-flexible-row-inside {
		margin: 0 auto;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-9 {
		padding: 20px 0 80px;
	}

	.cc-families .panels-flexible-row.row-5 {
		background-size: 45%;
	}

	.cc-families a.button {
		display: table;
		float: none;
		line-height: 120%;
		margin: 0 auto 5px;
		text-align: center;
	}

	.row-12 ul li {
		display: block;
	}

	.cc-families .img-left {
		margin: 0 0 15px;
	}

	:target:before {
		height: 100px !important;
		margin: 50px 0 0 !important;
	}

	#resources ul {
		display: block;
	}

	.cc-families #block-system-main #resources ul li {
		margin: 0 30px 30px;
		width: auto;
	}

	#resources ul li img {
		max-width: 130px;
	}

	.cc-families #main-content .floating-nav li a {
		width: 190px;
	}

}

@media screen and (max-width:725px) {
	.cc-families .row-5 ul {
		margin: 0 auto;
		max-width: 80%;
	}

	.cc-families #block-system-main #involved li {
		min-width: 314px;
		width: 68%;
	}

	.panel-pane#ccg ul {
		padding: 0 0 20px;
	}

	.panel-pane#ccg ul li {
		margin: 0 5% 5%;
		width: 120px;
	}
}

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

	.row-top .panels-flexible-row-inside .inside {
		padding: 25px 0;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-7 {
		padding: 20px;
	}

	.cc-families #block-system-main #support li {
		margin: 0;
		width: 70%;
	}

	.cc-families #block-system-main #support li div.image {
		float: left;
		width: 25%;
	}

	.cc-families #block-system-main #support li div.text {
		padding: 10px 0 5px 15px;
		width: 70%;
	}

	.cc-families #block-system-main #support li div.text p,
	.cc-families #block-system-main #support li div.text h3 {
		text-align: left;
	}

	.cc-families #main-content .field-name-body h2 {
		font-size: 25px;
	}

	.cc-families #main-content h2,
	.cc-families #main-content h2.block-title {
		font-size: 24px;
		line-height: 130%;
	}

	.cc-families #main-content h3 {
		font-size: 16px;
	}

	.cc-families td {
		float: left;
		padding: 0 10%;
		width: 80%;
	}

	.cc-families #helping td:first-of-type {
		padding: 0 20% 10px;
		width: 60%;
	}

	.cc-families #helping p:last-of-type,
	.cc-families #main-content .row-9 h2 {
		text-align: center;
	}

	.cc-families .panels-flexible-row-inside .row-9 {
		margin: 0 auto;
	}

	.cc-families .panels-flexible-row.row-5 {
		background-size: 100%;
	}

	.cc-families #block-system-main #links ul li {
		line-height: 110%;
	}

	.cc-families .row-11 td {
		border-bottom: 1px dashed;
    	padding-top: 20px;
	}

	.cc-families .row-11 td:first-child {
		padding-top: 0;
	}

	.cc-families .row-11 td:last-child {
		border: none;
	}

	.cc-families #main-content h2,
	.cc-families #main-content h2.block-title {
		margin: 0 0 1em;
	}

	.cc-families .resources.block {
		padding-top: 25px;
	}

	.cc-families #main-content .row-7 .resources.block h2 {
		margin-bottom: 15px;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-9 {
		padding: 20px 0 40px;
	}

}

@media screen and (max-width:480px) {
	.cc-families #block-system-main #support li {
		width: 90%;
		min-height: 92px;
	}

	.pane-node-body .block-inner {
		max-width: 100%;
	}

	.cc-families #main-content .field-name-body p.intro {
		line-height: 120%;
	}

	.cc-families #main-content #research {
		width: 85%;
	}

	.cc-families #main-content h2,
	.cc-families #main-content h2.block-title {
		font-size: 21px;
	}

	.cc-families td {
		padding: 0 5%;
		width: 90%;
	}

	.cc-families #block-system-main #links ul li {
		width: 42%;
	}

	.cc-families .row-5 ul {
		max-width: 100%;
	}

	.cc-families .row-7 .resources.block p {
		margin-bottom: 8px;
	}
}

@media screen and (max-width:360px) {
	.cc-families #main-content .field-name-body h2 {
		font-size: 20px;
	}

	.cc-families #main-content .field-name-body h3 {
		font-size: 12px;
	}

	.cc-families #block-system-main #support li div.text {
		padding-top: 7px;
	}

	.cc-families #block-system-main #support li div.image {
		padding-top: 3px;
		width: 23%;
	}
}

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

	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-7 {
		padding: 20px 10px;
	}

	.cc-families .panels-flexible-flexible_special_event_layout .panels-flexible-row.row-top {
		padding-top: 55px;
	}

	.cc-families #main-content h2 {
		font-size: 21px;
	}

	.cc-families p {
		font-size: 14px;
	}

	.cc-families #main-content a.button, .cc-families #content .pane-campaign-action .button a {
		font-size: 14px;
		width: 190px;
	}

	.cc-families .panels-flexible-row-inside .inside {
		width: 95%;
	}

	.cc-families .row-1 .panels-flexible-row-inside .inside {
		width: 100%;
	}

	.cc-families td {
		padding: 0 2.5% 20px;
    	width: 95%;
	}

	.cc-families #block-system-main #support li {
		width: 86%;
	}

	.cc-families #block-system-main #links ul li {
		width: 60%;
	}

	.cc-families #block-system-main #involved li {
		min-width: 284px;
	}

	.cc-families #block-system-main #involved li div.image {
		width: 33.875%;
	}

	.cc-families .row-5 div.text p {
		font-size: 14px;
	}

	.cc-families #block-system-main #involved li div.text {
		padding: 7px 15px;
	}

	.cc-families #main-content .row-5 div.text h3 {
		font-size: 16px;
		margin-bottom: 2px;
	}
}