/* -------------------------------------------------- */
/* Reset - http://purecss.io/base
/* -------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, main{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}.hide{display:none;}html{box-sizing: border-box;}*,*:before,*:after{box-sizing:inherit;}.clear{font-size:0px;clear: both;height: 0px;}*:focus{outline: none;}strong{font-weight:bold;}em{font-style:italic;}input:invalid{box-shadow: none;}button{border:none;background:none;padding:0;margin: 0;}button::-moz-focus-inner{border:0;}input,button{border-radius:0;border-radius:none;}html{scroll-behavior: smooth;}
/* -------------------------------------------------- */
/* Common
/* -------------------------------------------------- */
body{
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 16px;
	color: #242424;
}
h1, h2, h3, h4{
	line-height: 1.4em;
	color: #9b2842;
	font-weight: 600;
	margin-bottom: 18px;
}
h1{
	font-size: 45px;
}
h2{
	font-size: 27px;
}
h3{
	font-size: 24px;
}
a, a:visited{
	color: #3054a3;
}
a:hover, a:active{
	color: #3862bc;
	text-decoration: none;
}
p{
	line-height: 1.6em;
	margin-bottom: 18px;
}
strong{
	color: #282828;
	font-weight: 600;
}
hr{
	border: none;
	margin: 0 0 27px 0;
	padding: 9px 0 0 0;
	border-bottom: 1px solid #ccc;
}
/* -------------------------------------------------- */
/* Image
/* -------------------------------------------------- */
figure{
	margin-bottom: 27px;
}
figcaption{
	padding-top:  9px; 
	font-size: 11px; 
	opacity: .5;
}
figure img{
	width: 100%;
	height: auto;
}

/* -------------------------------------------------- */
/* Form
/* -------------------------------------------------- */
form{
	padding-top: 18px;
}
input,
textarea,
select{
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 16px;
	color: #242424;
	width: 100%;
	padding: 12px;
	background: #fff;
	border: 1px solid #d1e9e9;
}
.form-row{
	margin-bottom: 18px;
}
.form-row span,
fieldset legend,
.pay-sum th{
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 600;
	color: #9f2944;
}
.form-2-cols,
.form-3-cols{
	display: flex;
	margin: -9px;
	padding-bottom: 18px;
}
.form-2-cols label,
.form-3-cols label{
	padding: 9px;
	width: 50%;
}
.form-3-cols label{
	width: 33.33%;
}
.alert{
	color: red;
	font-weight: bold;
}
.alert.positive{
	color: green;
}
.alert.negative{
	color: red;
}
form input[type=image]{
	width: auto;
	height: auto;
}
.field-tip{
	padding-top: 6px;
	font-style: italic;
	font-size: 12px;
	opacity: .6;
}
.form-button{
	padding: 0;
	margin-bottom: 18px;
}
.pay-sum table{
	width: 100%;
	margin-top: -9px;
}
.pay-sum th,
.pay-sum td{
	text-align: left;
	border-bottom: 1px solid #d1e9e9;
	padding: 9px 0;
	line-height: 1.4em;
}
.pay-sum tr:last-child td{
	border: none;
}
.pay-sum th{
	display: table-cell;
}
.pay-sum td.pay-sum-total{
	font-size: 21px;
	font-weight: 600;
}
form.optin{
	display: flex;
	padding: 0;
	margin-bottom: 24px;
}
form.optin button,
form.optin input{
	height: 50px;
}
form.optin input{
	flex-grow: 1;
	border-color: #9f2944;
}
form.optin button{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	margin: 0;
}

/* -------------------------------------------------- */
/* Donation
/* -------------------------------------------------- */
.defined-amounts{
	display: flex;
	flex-wrap: wrap;
	margin: -3px;
}
.defined-amounts div{
	padding: 3px;
	width: 25%;
}
.defined-amounts label,
.custom-amount,
.custom-amount input{
	display: block;
	padding: 12px;
	border: none;
	background: #d1e9e9;
	font-weight: 600;
	color: #242424;
}
.defined-amounts label{
	padding: 16px 12px;
}
.custom-amount{
	display: flex;
	padding: 0 0 0 12px;
	align-items: center;
}
.custom-amount input{
	padding-left: 0;
	flex-grow: 1;
	width: auto;
}
.defined-amounts label:hover,
.defined-amounts input:checked + label,
.custom-amount.selected,
.custom-amount.selected input{
	background: #242424 !important;
	color: #fff;
}
.defined-amounts input{
	display: none;
}

@media screen and (max-width: 500px) {
	.defined-amounts div{
		width: 50%;
	}
}

/* -------------------------------------------------- */
/* Containers
/* -------------------------------------------------- */
.container,
.container-sm{
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
	padding: 0 18px;
}
.container-sm{
	max-width: 826px;
}

/* -------------------------------------------------- */
/* Alert Ribbon
/* -------------------------------------------------- */
.ribbon{
	background: #3054a3;
	padding:  12px 18px 12px 18px;
}
.ribbon p{
	margin-bottom: 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
}
.ribbon a{
	color: #fff;
}

/* -------------------------------------------------- */
/* Header
/* -------------------------------------------------- */
header{
	background: #fff;
	padding: 18px 0 27px 0;
}
header .container{
	display: flex;
	align-items: center;
}
.logo a{
	display: block;
	background: url('../images/ccc.svg');
	background-size: 363px 70px;
	width: 363px;
	height: 70px;
}
.navs{
	flex-grow: 1;
}
/* -------------------------------------------------- */
/* Prime navigation
/* -------------------------------------------------- */
.prime ul{
	display: flex;
	justify-content: right;
}
.prime li{
	position: relative;
	margin-left: 30px;
}
.prime a{
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	color: #242424;
	line-height: 48px;
}
.prime li:hover a{
	color: #3054a3;
	border-color: #3054a3;
}
.prime .active a,
.prime li.active:hover a{
	color: #9b2842;
	border-bottom: 3px solid #9b2842;
}
.prime ul ul{
	position: absolute;
	margin-top: -3px;
	z-index: 99;
	display: block;
	visibility: hidden;
	background: #fff;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	box-shadow: 0 0 36px rgba(0,0,0,.2);
	padding: 9px 0;
	border-radius: 9px;
}
.prime ul ul li{
	margin: 0;
	border-bottom: 1px solid #efefef;
}
.prime ul ul li:first-child{
	display: block;
}
.prime ul ul li:last-child{
	border: none;
}

.prime ul ul a,
.prime .active ul a,
.prime li.active:hover ul a{
	color: #3054a3;
	text-align: center;
	border: none;
	font-weight: normal;
	white-space: nowrap;
	border: none;
	padding: 12px 36px;
	line-height: 1em;
}
.prime ul ul a:hover,
.prime .active ul a:hover{
	color: #3054a3;
	text-decoration: underline;
}
.prime li:hover ul{
	cursor: pointer;
	visibility: visible;
}
.prime li.nav-btn a{
	border: none;
	background: #3054a3;
	padding: 0 15px;
	color: #fff;
	text-decoration: none;
	border-radius: 24px;
}
.prime li.nav-btn a:hover{
	background: #3862bc;
}

/* -------------------------------------------------- */
/* Crumbs
/* -------------------------------------------------- */
.crumbs{
	margin: -36px 0 18px -2px;
}
.crumbs li{
	display: inline;
	font-size: 11px;
	color: #ccc;
	line-height: 18px;
	margin-left: -4px;
}
.crumbs li::after {
    content: "/";
}
.crumbs a{
	display: inline-block;
	vertical-align: middle;
	padding: 0 6px;
	text-decoration: none;
	color: #242424;
}

/* -------------------------------------------------- */
/* Hero
/* -------------------------------------------------- */
.hero{
	position: relative;
	padding: 63px 0 242px 0;
	background: #fff no-repeat right bottom;
	background-size: auto 600px;
	min-height: 600px;
}
.hero-text{
	width: 55%;
}
.hero p{
	font-size: 18px;
	margin-bottom: 0;
}

/* -------------------------------------------------- */
/* Wave patterns
/* -------------------------------------------------- */
.waves-top-transparent{
	background-size: 100% auto;
	position: absolute;
	width: 100%;
	height: 170px;
	background: url('../images/waves-top-transparent.png');
	background-size: 100% auto;
	bottom: 0;
}

/* -------------------------------------------------- */
/* Quick links
/* -------------------------------------------------- */
.quick-links{
	margin-top: -198px;
}
.quick-links ul{
	display: flex;
	justify-content: center;
	margin: -18px;
}
.quick-links li{
	padding: 33.33% 33.33% 0 0;
	position: relative;
}
.quick-link{
	display: flex;
	align-items: center;
	position: absolute;
	top: 18px; right: 18px; bottom: 18px; left: 18px;
	border-radius: 50%;
	border: 6px solid #5ea7a3;
	background: rgba(255,255,255,1);
}
.quick-link a{
	width: 100%;
	text-decoration: none;
	text-align: center;
	margin-top: -18px;
}
.quick-link-icon{
	fill: #5ea7a3;
	width: 40%;
	height: auto;
}
.quick-link-title{
	font-size: 24px;
	font-weight: 600;
	color: #5ea7a3;
}
.quick-link-title span{
	display: block;
}
.quick-link-call-number{
	padding-top: 6px; 
	font-size:13px;
}
.quick-link:hover{
	background: #c33455;
	border-color: #c33455;
}
.quick-link:hover .quick-link-title{
	color: #fff;
}
.quick-link:hover .quick-link-icon{
	fill: #fff;
}

.quick-link:hover .heart{
	fill: #d9a9b4;
}

/* -------------------------------------------------- */
/* Intro services
/* -------------------------------------------------- */
.intro-services{
	padding: 72px 0;
	text-align: center;
}
.intro-services p:first-of-type{
	margin-bottom: 36px;
}

/* -------------------------------------------------- */
/* Common buttons
/* -------------------------------------------------- */
.list-2-buttons{
	display: flex;
	margin: 0 -3px;
}
.list-2-buttons a.button{
	width: 50%;
}
a.button,
button.button{
	display: inline-block;
	border: none;
	font-family: 'Poppins', Arial, sans-serif;
	background: #3054a3;
	padding: 0 18px;
	margin: 0 3px;
	border-radius: 24px;
	line-height: 48px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
a.button.button-alt,
button.button.button-alt{
	background: #9f2944;
}
a.button.button-sm,
button.button.button-sm{
	display: inline-block;
	line-height: 36px;
	border-radius: 16px;
	font-size: 14px;
}
a.button:hover,
button.button:hover{
	background: #3862bc;
	cursor: pointer;
}
a.button.button-alt:hover,
button.button.button-alt:hover{
	background: #c33455;
}
.button.button-big{
	font-size: 16px;
	line-height: 60px;
	border-radius: 30px;
}

/* -------------------------------------------------- */
/* News
/* -------------------------------------------------- */
.intro-news{
	padding: 36px 0;
}
.news .intro-news{
	padding: 0;
}
.news-items{
	display:  flex;
	flex-wrap: wrap;
	margin: 0 -6px;
}

.news-item{
	width: 50%;
	padding: 6px;
}
.news-item-fill{
	position: relative;
	background: #f2f8f8;
	background: #ffffff;
	border-radius: 9px;
	padding: 24px;
	height: 100%;
}
.news-item h2{
	font-size: 22px;
	margin-bottom: 12px;
}
.news-item h2 a{
	color: #9b2842;
}
.news-item p{
	margin-bottom: 9px;
}
.news-item p:last-of-type{
	margin: 0;
}
.news-item a{
	font-weight: bold;
}
.news-item img{
	width: 100%;
	max-width: 150px;
	height: auto;
	float: left;
	margin: 0 24px 24px 0;
	border-radius: 9px;
}
@media screen and (max-width: 500px) {
	.news-item img{
		float: none;
		margin: 0 0 9px 0;
	}
}

/* -------------------------------------------------- */
/* Responsive video
/* -------------------------------------------------- */
.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
}
.video iframe, .video object, .video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* -------------------------------------------------- */
/* CMS edit button
/* -------------------------------------------------- */
.edit-btn{
	background:  #000000 url('/assets/images/pencil.svg') no-repeat center;
	height: 48px;
	width: 48px;
	position: fixed;
	z-index: 9999;
	bottom: 10px;
	right: 10px;
}

/* -------------------------------------------------- */
/* Page title
/* -------------------------------------------------- */
.pg-title-wrap{
	padding: 63px 0 36px 0;
	background-image: linear-gradient(to bottom, #ffffff, #e6f2f1);
}
.pg-title{
	margin-bottom: 9px;
	color: #9f2944;
	font-size: 42px;
}
.pg-title-bar{
	display: inline-block;
	border-bottom: 5px solid #9f2944;
	width: 48px;
}

/* -------------------------------------------------- */
/* Main
/* -------------------------------------------------- */
main{
	border-top: 1px solid #e7f2f1;
	padding-bottom: 72px;
}
main.home{
	border: none;
}
p.callout{
	color: #9f2944;
	font-size: 33px;
	line-height: 1.4em;
}
.main ul{
	padding-top: 6px;
	margin: 0 27px 15px 18px;
}
.main ul li{
	background: url('/assets/images/bullet.svg') no-repeat left .7em;
	padding-left: 15px;
	margin-bottom: 12px;
	line-height: 1.6em;
}
.main h2{
	padding-top: 9px;
}
.xlink{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('/assets/images/xlink.svg') no-repeat center;
	margin-left: 5px;
}

/* -------------------------------------------------- */
/* Events
/* -------------------------------------------------- */
.events article{
	padding-bottom: 27px;
	border-bottom: 3px solid rgba(0,0,0,.05); 
	margin-bottom: 27px;
}
.events article h2, 
.events article p{
	margin-bottom: 3px;
}
.events article:last-child{
	border-bottom: none;
}
.event-img{
	margin-bottom: 24px;
}
.event-date{
	font-weight: bold;
}
.event-img img{
	width: 100%;
	height: auto;
}
.event-info-split{
	display: flex;
	flex-wrap: wrap;
	margin: -18px;
}
.event-info-split .event-info{
	width: 50%;
	padding: 18px;
}
.event-info{
	margin-bottom: 24px;
}
.event-info p{
	margin-bottom: 9px;
}
.event-info h3{
	font-size: 18px;
	margin-bottom: 12px;
	font-weight: 600;
	color: #9f2944;
}
.event-cta{
	margin-top: 27px;
	padding: 33px 27px 9px 27px;
	text-align: center;
	background: #9f2944;
	color: #fff;
	border-bottom-right-radius: 27px;
	border-bottom-left-radius: 27px;
}
.event-cta h3{
	color: #fff;
}
.event-cta .button,
.event-cta .button:hover{
	background: #fff;
	color: #9f2944;
}
.gallery{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -9px;
}
.gallery a{
	width: 33.33%;
	padding: 9px;
}
.gallery img{
	width: 100%;
	height: auto;
}
.options{
	padding: 9px 0;
}
.option{
	background: #fff;
	padding: 18px;
	box-shadow: 0 0 9px rgba(0,0,0, .05);
	border-radius: 9px;
	margin-bottom: 12px;
}
.option p{
	margin-bottom: 9px;
	line-height: 1.4em;
}


/* -------------------------------------------------- */
/* Member list
/* -------------------------------------------------- */
.cards{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -6px;
}
.card{
	width: 25%;
	padding: 6px;
}
.card .box{
	height: 100%;
	background: #fff;
	box-shadow: 0 0 9px rgba(0,0,0, .05);
	border-radius: 9px;
	overflow: hidden;
}
.card img{
	width: 100%;
	height: auto;
}
.card p{
	padding: 9px 18px 18px 18px;
	margin: 0;
	line-height: 1.2em;
	text-align: center;
}
.card .name{
	display: block;
	font-weight: 700;
	margin-bottom: 3px;
}
.card .position{
	display: block;
	font-size: 15px;
	font-style: italic;
	opacity: .6;
}

/* -------------------------------------------------- */
/* Volunteers
/* -------------------------------------------------- */
.volunteers{
	display: flex;
	flex-wrap: wrap;
}
.volunteers li{
	width: 50%;
}
.volunteers .mem-name{
	display: block;
	padding: 0;
	font-weight: 700;
}
.volunteers .mem-title{
	font-size: 15px;
	font-style: italic;
	opacity: .6;
}

/* -------------------------------------------------- */
/* Ways to Give
/* -------------------------------------------------- */
.ways{
	display: flex;
	margin: -6px;
	padding-top: 36px;
}
.way{
	padding: 6px;
	width: 33.33%;
}
.way-box{
	display: flex;
	position: relative;
	height: 100%;
	background: #fff no-repeat 18px 18px;
	border: 3px solid #6ab2ae;
	border-radius: 16px;
	padding: 18px;
}
.way-txt{
	flex-grow: 1;
	padding-left: 9px;
}
.way-icon svg{
	fill: #6ab2ae;
}
.way p,
.way h3{
	color: #5ea7a3;
	margin-bottom: 6px;
}
a.way-box,
a.way-box:visited{
	text-decoration: none;
}
a.way-box:hover{
	background: #c33455;
	border-color: #c33455;
}
a.way-box:hover p,
a.way-box:hover h3{
	color: #fff;
}
a.way-box:hover svg{
	fill: #fff;
}


/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
footer{
	background: #fff url('/assets/images/foot-bg-tile.png') repeat-x;
	font-size: 16px;
}
footer h3{
	font-size: 27px;
}
.foot-photo{
	background: url('/assets/images/kids.jpg') no-repeat center top;
	height: 266px;
}
.foot-cols{
	display: flex;
	flex-wrap: wrap;
	margin: -18px;
	padding-bottom: 54px;
}
.foot-col{
	width: 33.33%;
	padding: 18px;
}
.foot-legal{
	background: #d1e9e9;
	padding: 36px 0;
	color: #518885;
	font-size: 11px;
}
.foot-legal .container{
	display: flex;
}
.foot-legal a{
	color: #518885;
}
.foot-legal p{
	flex-grow: 1;
	margin: 0;
}
.foot-legal p:last-of-type{
	text-align: right;
}
.foot-social{
	display: flex;
	margin: -3px;
	padding-bottom: 27px;
}
.foot-social li{
	padding: 3px;
}
.foot-social a{
	background: no-repeat center;
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 21px;
}
.foot-social .facebook{
	background-color: #3b5998;
	background-image: url('/assets/images/facebook.svg');
}
.foot-social .twitter{
	background-color: #1da1f2;
	background-image: url('/assets/images/twitter.svg');
}
.foot-social .instagram{
	background-color: #8a3ab9;
	background-image: url('/assets/images/instagram.svg');
}
.foot-social .linkedin{
	background-color: #0e76a8;
	background-image: url('/assets/images/linkedin.svg');
}

/* -------------------------------------------------- */
/* Mobile navigation
/* -------------------------------------------------- */
.mnav-trigger{
	background: url('/assets/images/menu.svg') no-repeat center;
	visibility: hidden;
	border: none;
	padding: 0;
	margin: 0 0 0 auto;
	width: 48px;
	height: 48px;
}
.show .mnav-trigger{
	background-image: url('/assets/images/close.svg');
}
.mnav-trigger:hover{
	cursor: pointer;
}
html,
body{
	position: relative;
	height: 100%;
	width: 100%;
}
#page{
	position: absolute;
	background: #e6f2f1;
	z-index: 10;
	width: 100%;
	left: 0;
	-webkit-transition: left .25s; /* Safari */
	transition: left .25s;
	box-shadow: 0 0 36px rgba(0,0,0,.2);
}
#page.show{
	left: -254px;
}
.mnav{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background: #9f2944;
	overflow-y: scroll;
	width: 254px;
	padding: 18px;
}
.mnav a{
	display: block;
	padding: 9px 0;
	font-weight: 600;
	line-height: 1.2em;
	text-decoration: none;
	color: #fff;
}
.mnav ul ul{
	margin-bottom: 9px;
}
.mnav ul ul a{
	font-size: 14px;
	opacity: .7;
	font-weight: 400;
	padding: 3px 0;
}

/* -------------------------------------------------- */
/* Modal
/* -------------------------------------------------- */
.twp-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.7);
  display: none;
  z-index: 99999;
}
.twp-modal.active {
  display: block;
}
.twp-modal-window {
  position: absolute;
  background: #fff;
  overflow: hidden;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(90vw, 800px);
  height: min(90vh, 800px);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}
.twp-modal-close {
  position: absolute;
  background: transparent;
  right: 20px;
  top: 10px;
  font-size: 36px;
  font-weight: bold; 
  border: 0;
  cursor: pointer;
  z-index: 2;
}
.twp-modal-iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
body.twp-modal-open {
  overflow: hidden;
}

/* -------------------------------------------------- */
/* Breakpoints
/* -------------------------------------------------- */
@media screen and (max-width: 1900px) {
	.waves-top-transparent{
		background-size: 1900px auto;
	}
}
@media screen and (max-width: 1366px) {
	.main .members li{
		width: 25%;
	}
	.hero{
		background-position: 150% bottom;
	}
	.hero-text{
		width: 50%;
	}
	.hero h1{
		font-size: 39px;
	}
	.hero p{
		font-size: 18px;
	}
}
@media screen and (max-width: 1120px) {
	.prime-home{
		display: none;
	}
	.hero-text{
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
	}
	.hero{
		padding: 18px 0 500px 0;
		background-size: auto 500px;
		background-position: center bottom;
	}
	.navs{
		display: none;
	}
	.mnav-trigger{
		visibility: visible;
	}
	.main .members li{
		width: 33.33%;
	}
}
@media screen and (min-width: 1101px) {
	#page.show{
		left: 0px;
		position: absolute;
	}
}
@media screen and (max-width: 900px) {
	.foot-cols{
		display: block;
		margin: 0;
	}
	.foot-col{
		width: 100%;
		margin-bottom: 18px;
		padding: 0;
		text-align: center;
	}
	.foot-legal .container{
		display: block;
	}
	.foot-legal p,
	.foot-legal p:last-of-type{
		text-align: center;
	}
	.foot-social{
		justify-content: center;
	}
	footer h3,
	footer p{
		margin-bottom: 9px;
	}
	.news-item{
		width: 100%;
	}
}
@media screen and (max-width: 826px) {
	.quick-links ul{
		margin: -9px;
	}
	.quick-link{
		top: 9px; right: 9px; bottom: 9px; left: 9px;
	}
	.quick-link-title{
		font-size: 21px;
	}
	.list-2-buttons{
		display: block;
		margin: 0;
	}
	.list-2-buttons a.button{
		display: block;
		width: 100%;
		margin-bottom: 6px;
	}
	.main .members li{
		width: 50%;
	}
}
@media screen and (max-width: 710px) {
	.quick-links ul{
		display: block;
		margin: 0;
	}
	.quick-links li{
		padding: 0;
		margin-bottom: 6px;
	}
	.quick-link{
		display: block;
		position: static;
		background: none;
		border-width: 0;
	}
	.quick-link-icon{
		display: none;
	}
	.quick-link a{
		display: block;
		margin: 0;
		background: #9f2944;
		border-radius: 27px;
		line-height: 54px;
	}
	.quick-link a:hover{
		background: #c33455;
	}
	.quick-link .quick-link-title{
		color: #fff;
	}
	.quick-link-title span{
		display: inline;
	}
}
@media screen and (max-width: 650px) {
	.volunteers li{
		width: 100%;
	}
}
@media screen and (max-width: 620px) {
	h1{
		font-size: 33px;
	}
	.intro-services{
		padding: 72px 0 36px 0;
	}
	main{
		padding-bottom: 36px;
	}
	.intro-services p:first-of-type{
		margin-bottom: 18px;
	}
}
@media screen and (max-width: 600px) {
	.event-info-split{ margin: 0; }
	.event-info-split .event-info{
		padding: 0; 
		width:100%;
	}
}
@media screen and (max-width: 520px) {
	.logo a{
		width: 218px;
		height: 42px;
		background-size: 218px 42px;
	}
}
@media screen and (max-width: 500px) {
	.main .members li{
		width: 100%;
	}
}
@media screen and (max-width: 470px) {
	.quick-link-call-number{
		display: none !important;
	}
}
@media screen and (max-width: 360px) {
	header .container{
		padding: 0 9px;
	}
}