/*
Theme Name:   Central Delaware Habitat for Humanity
Description:  Write here a brief description about your child-theme
Author:       Fitzgerald Solutions
Author URL:   Write here the author's blog or website url
Template:     twentynineteen
Version:      1.0
Text Domain:  central-delaware-habitat-for-humanityf
*/


@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style : normal;
         src : url("https://centraldelawarehabitat.org/wp-content/themes/centraldelawarehabitat-for-humanity/fonts/font-awesome-5.9.0/webfonts/fontawesome-webfont.eot?v=4.3.0");
         src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
               url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
               url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
               url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
               url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}

@font-face {
    font-family: 'TeXGyreHerosCondensed';
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Bold.eot');
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Bold.woff2') format('woff2'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Bold.woff') format('woff'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Bold.ttf') format('truetype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Bold.svg#TeXGyreHerosCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreHerosCondensed';
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Regular.eot');
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Regular.woff2') format('woff2'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Regular.woff') format('woff'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Regular.ttf') format('truetype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Regular.svg#TeXGyreHerosCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreHerosCondensed';
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-BoldItalic.eot');
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-BoldItalic.woff2') format('woff2'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-BoldItalic.woff') format('woff'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-BoldItalic.ttf') format('truetype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-BoldItalic.svg#TeXGyreHerosCondensed-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TeXGyreHerosCondensed';
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Italic.eot');
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Italic.woff2') format('woff2'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Italic.woff') format('woff'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Italic.ttf') format('truetype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHerosCondensed-Italic.svg#TeXGyreHerosCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TeXGyreHeros';
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Bold.eot');
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Bold.woff2') format('woff2'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Bold.woff') format('woff'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Bold.ttf') format('truetype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Bold.svg#TeXGyreHeros-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreHeros';
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Italic.eot');
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Italic.eot?#iefix') format('embedded-opentype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Italic.woff2') format('woff2'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Italic.woff') format('woff'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Italic.ttf') format('truetype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Italic.svg#TeXGyreHeros-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TeXGyreHeros';
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-BoldItalic.eot');
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-BoldItalic.woff2') format('woff2'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-BoldItalic.woff') format('woff'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-BoldItalic.ttf') format('truetype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-BoldItalic.svg#TeXGyreHeros-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TeXGyreHeros';
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Regular.eot');
    src: url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Regular.woff2') format('woff2'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Regular.woff') format('woff'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Regular.ttf') format('truetype'),
        url('https://centraldelawarehabitat.org/wp-content/themes/central-delaware-habitat-for-humanity/fonts/TeXGyreHeros-Regular.svg#TeXGyreHeros-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body.page .entry .entry-content > *, .entry .entry-summary > * {
        max-width: none;
}
body.single-post .entry .entry-content > * {
    max-width: none;
}
body {
	font-family: 'TeXGyreHeros', Arial, sans-serif;
	color: #000;
	width: 100% !important;
	margin: 0;
	padding: 0;
}
a {
	color: #00AFD7;
}
.site-content {
	width: 100%;
}
h2 {
	color: #C4D600;
	text-transform: lowercase;
	border-bottom: 3px solid #C4D600;
}
h2::before {
	display: none;
}
h3 {
	text-transform: lowercase;
	color: #00AFD7;
}
ul {
	 list-style: none;
}
.entry-content ul li::before {
  content: "\2022";  
  color: #00AFD7;
  font-weight: bold;
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
	font-size: 36px;
}
.entry-content li {
	margin-bottom: 10px;
	margin-left: 20px;
}
hr {
	border-top: 5px dotted #C4D600 !important;
	background: #fff !important;
}
.whitespace {
	height: 40px;
}

body.home .entry .entry-content {
	margin: 0px !important;
}
body.home .n2-section-smartslider {
	margin: -32px 0 0 0 !important;
}
.owl-carousel {
	margin: -32px 0 32px 0 !important;
}
.owl-dots {
	display: none !important;
}

/************************ Header *********************/

.site-header {
	padding: 0;
	margin-top: -5px;
	width: 100% !important;
}
.site-branding {
	margin: 0 !important;
}
.site-branding-container {
	top: 0;
	background: #00AFD7;
	width: 100%;
	height: 220px;
	border-bottom: 3px solid #C4D600;
}
.site-title {
	display: none !important;
}
.site-logo .custom-logo-link{
	height: 130px;
	width: 375px;
	border-radius: 0;
	left: 50px;
	top: 60px;
	position: absolute;
}
.site-logo img{
	height: 130px;
	width: 375px;	
}
.site-logo:hover .custom-logo-link:hover{
	box-shadow: none;
	border: 0;
}
.site-header.featured-image .custom-logo-link {
	background: transparent !important;
}

.image-filters-enabled .site-header.featured-image .site-featured-image::before {
	background: #002F6C !important;
}
.top-nav-bar {
	background: #C4D600;
	float: right;
	position: relative;
	padding: 0px 30px 10px 30px;
}
.search-icon {
	position: absolute;
	top: 8px;
	right: 20px;
}
.search-icon a {
	color: #fff !important;
}
.search-icon a:hover {
	color: #000 !important;
}
.cart-icon {
	position: absolute;
	top: 8px;
	right: 60px;
}
.cart-icon a {
	color: #fff !important;
}
.cart-icon a:hover {
	color: #000 !important;
}
.main-navigation {
    font-family: 'TeXGyreHerosCondensed', Arial, Helvetica, sans-serif;	
	width: 100%;
	float: right;
	position: relative;
	margin-right: 10px;
}
.main-navigation a{
	color: #fff !important;
	font-weight: bold !important;
	font-size: 20px;
	margin: 0 10px;
	padding-bottom: 7px;
	transition: all .10s ease-in-out !important;
	letter-spacing: .05em;
	text-align: center;
}
.main-navigation .main-menu li a:hover{
	color: #000 !important;
	opacity: 1 !important;
	transition: all .10s ease-in-out !important;
	border-bottom: 4px dotted #000;
}
.donate {
	background: #002F6C;
	/*padding: 0px 15px 10px 9px;*/
	padding: 3px 15px 8px 9px;
}
.donate:hover {
	transition: all .10s ease-in-out !important;
	background: #fff;
	color: #000 !important;
}
.donate a:hover {
	border: 0px !important;
}
.social-navigation {
	float: right;
	margin: -30px 70px 0 0 !important;
	position: relative;
}
.social-navigation a{
	color: #fff !important;
	margin: 0 5px;
	transition: all .10s ease-in-out !important;
}
.social-navigation ul.social-links-menu li a:hover{
	color: #000 !important;
	opacity: 1 !important;
	transition: all .10s ease-in-out !important;
}
.secondary-menu {
  font-family: 'TeXGyreHeros', Arial, Helvetica, sans-serif;	
  position: relative;
  display: inline-block;
  top: 100px;
  left: 450px;

}
.secondary-menu li {
	list-style: none;
	float: left;
	margin: 0 25px;
	font-weight: bold;
}
.secondary-menu li:after {
    content: ' ▾';
	color: #fff;
	position: relative;
}
.secondary-menu li a{
	color: #fff;
	padding-bottom: 20px;
}
.secondary-menu .sub-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  padding: 10px 5px;
  z-index: 1;
	font-size: 80%;
	font-weight: normal;
	white-space: nowrap;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.secondary-menu li:hover .sub-menu {
	display: block;
	background: #C4D600;
	position: absolute;
	top: 70px;
	transition: all 0.5s ease-in-out !important;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.secondary-menu .sub-menu li {
	clear: left;
}
.secondary-menu .sub-menu li:after {
	content: '';
}
.secondary-menu .sub-menu li a:hover {
	color: #000;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

/***************************** Marquee *******************************************/
.spt-marquee {
	padding: 10px 5px !important;
}
.spt-item {
	margin-right: 100px !important;
}
a.spt-link:hover { 
	color: #000 !important;
}
/*.spt-content, .spt-label {
	padding: 10px 0 !important;
}*/
.spt-label {
	text-transform: uppercase;
	font-weight: bold;
	margin:0px !important;
	padding: 20px 20px !important;
}
.spt-container {
	padding: 20px 20px !important;
}
.spt-box {
	border-bottom: 3px solid #C4D600;
}
/**************************** Important Announcement ***************************/
.imp-announce {
	background: #C4D600; 
	margin-top: -10px !important; 
	padding: 20px; 
	text-align: center;
}
.imp-announce h4{
	color: #002F6C; 
	margin-top: 30px;
}
.imp-announce span{
	color: #fff; 
	font-weight: bold;
}
.imp-announce .btn a:hover {
	background: #fff !important;
}

/**************************** Home Page Modifications ***************************/

body.home .entry-title, body.home .entry-header {
	display: none;
}
body.home .entry .entry-content {
	margin: 0 0 !important;
	max-width: 100% !important;
	padding: 0 !important;
}

/************** Home Page Slider *****************/
.home-slider {
	margin-top: -40px !important;
}

/**************** Slider Header *****************/

div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
    font-family: 'TeXGyreHerosCondensed','Arial','Helvetica','sans-serif';
    color: #ffffff;
    font-size: 225%;
    text-shadow: none;
    line-height: 1.5;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: lowercase;
    font-weight: 400;
	padding: 10px 20px;
}
div#n2-ss-2 .n2-style-3d7698bced1c31e2d4cd629affbfead9-heading {
	background: #002f6c;
    opacity: 1;
    box-shadow: none;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
    border-color: RGBA(0,0,0,1);
    border-radius: 0px;
    margin-top: 180px;
    padding: 40px 20px !important;
    margin-left: 80px;
}

/********* Slider Text **********/

div#n2-ss-2 .n2-ss-layer .n2-font-e88cbcc6b2edc8edd98418b8a6c1e346-paragraph {
    font-family: 'TeXGyreHerosCondensed','Arial','Helvetica','sans-serif';
    color: #282828;
    font-size: 112.5%;
    text-shadow: none;
    line-height: 1.5;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: lowercase;
    font-weight: 400;
}
div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
    background: #c4d600;
    opacity: 1;
    box-shadow: none;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
    border-color: RGBA(0,0,0,1);
    border-radius: 0px;
    padding: 40px 20px !important;
    margin-top: -20px !important;
    margin-left: 140px;
}
div#n2-ss-2 .n2-ss-layer .n2-font-e88cbcc6b2edc8edd98418b8a6c1e346-paragraph a{
   font-weight: bold !important;	
	color: #fff !important;
	font-size: 120% !important;
}
div#n2-ss-2 .n2-ss-layer .n2-font-e88cbcc6b2edc8edd98418b8a6c1e346-paragraph a:hover, a:active{
   	border-bottom: 4px dotted #fff !important;	
}

/************************** Blocks *************************/
.block-section {
	margin: -70px 10% 0 10% !important;
	position: relative;
	min-height: 200px;
	display: block;
}
.fa-home, .fa-heart, .fa-wrench, .fa-shopping-cart {
	font-weight: 900;

}
.icon {
	width: 73px;
}
.block-1, .block-2, .block-3, .block-4 {
	width: 22%;
	height: 100%;	
	float: left;
	position: absolute;
	top: 0;
	z-index: 200 !important;
	color: #fff;
	text-align: center;
	padding: 40px 10px !important;
	-webkit-box-shadow: 0px 15px 5px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 15px 5px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 15px 5px -5px rgba(0,0,0,0.75);
			transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.block-1 p, .block-2 p, .block-3 p, .block-4 p {
  	font-weight: bold;
	text-transform: lowercase;
}
.block-1 {
	background: #FF671F;
	margin-right: 4%;
}
.block-2 {
	background: #00AFD7;
	margin-right: 4%;
	left: 26%;
}
.block-3 {
	background: #AA343A;
	margin-right: 4%;
	left: 52%;
}
.block-4 {
	background: #C4D600;
	left: 78%;
}
.block-1:hover, .block-2:hover, .block-3:hover, .block-4:hover {
	transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
		transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
/******************* Impact Section *********************/
.impact-section {
	height: 450px !important;
	margin-bottom: 50px;
	position: relative;
}
.impact-section .img-container {
	width: 40%;
	height: 500px;
	position: relative;
	float: left;
	margin-right: 40px;
}
.impact-section .img-container img {
	width: 100%;
	position: absolute;
	overflow: hidden;
}
.impact-text {
	position: absolute;
	clear: none;
	width: 50%;
	left: 40%;
}
.impact-text h3 {
	font-family: 'TeXGyreHeros','Arial','Helvetica','sans-serif';
	padding: 5px 50px;
	clear: none;
	color: #00AFD7;
	text-transform: lowercase;
	font-weight: bolder;
}
.impact-text p{
	font-family: 'TeXGyreHerosCondensed','Arial','Helvetica','sans-serif';
	padding: 20px 50px 0 50px;
}
.impact-text .btn {
	margin: 40px 0 0 50px;
}
.impact-text .btn a{
	font-family: 'TeXGyreHeros','Arial','Helvetica','sans-serif';
	background: #C4D600 !important;
	position: relative;
	padding: 20px 40px;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.impact-section .btn a:hover {
	background: #00AFD7 !important;
	color: #000;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.impact-section .btn .fa-long-arrow-alt-right {
	margin-left: 20px;
}



/***************** Mission Section *******************/
.mission-section {
	clear: both !important;
	float: none;
	background: #00AFD7;
    color: #fff;
	text-align: center;
	margin-top: 70px !important;
	padding: 40px;
}
.mission-section p{
	font-family: 'TeXGyreHeros','Arial','Helvetica','sans-serif';
	font-size: 100%;
	font-style: italic;

}

/*************************** Featured Posts *****************************/
.wpfp-featured-post {
	margin-top: -28px !important;
	margin-bottom: 0 !important;
}
.wpfp-featured-post .wpfp-categories a{
	background: #00AFD7 !important;
	font-size: 110%;
	font-family: 'TeXGyreHerosCondensed','Arial','Helvetica','sans-serif';
	text-transform: lowercase;

}
.wpfp-featured-post.design-1 .wpfp-title a{
	font-family: 'TeXGyreHerosCondensed','Arial','Helvetica','sans-serif';
	font-size: 110% !important;
}
.wpfp-featured-post .wpfp-date {
	display: none !important;
}
/***************************************** Testimonials ******************************/
#slider_1350 {
	margin-top: -32px;
}
#slider_1350 .owl-item {
	height: 320px !important;
	width: 100%;
	position: relative;
	background: #FF671F;
}
#slider_1350 .owl-dot span{
	display: none !important;
}
.quote {
	color: #fff;
	padding: 0 40px;
}
.quote h2{
	color: #fff !important;
	margin: 0 !important;
	font-family: 'TeXGyreHeros','Arial','Helvetica','sans-serif' !important;
    text-align: center;
}
.quote h2::before{
	display: none !important;
}
.quote p{
	font-style: italic !important;
}
.quote span {
	font-style: normal;
}
/****************************************** Home Page Video *****************************/
.home-video {
	margin: -130px 0 0 0 !important;
	position: relative;
	padding: 0;
	width: 100%;
	height: 500;
	z-index: 1;
}

/****************************************** Target Circle *****************************/
.target-circle img {
	width: 100%;
}
.target-circle-text {
	margin: 40px 15% !important;
	text-align: center;
}

	/************************* Footer ***********************/

.top-footer {
	background: #00AFD7;
	padding: 2% 15%;
	position: relative;
	clear: both;
	height: 100px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.top-footer:hover {
	padding: 3% 15%;
	height: 120px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.top-footer p{
	color: #000;
	font-weight: bold;
	float: left;
	vertical-align: center;
	margin: 0 0 0 0;
	font-size: 80% !important;
}
.top-footer .btn {
	margin: 0;
	vertical-align: center;
	width: 20%;
	float: right;
}
.top-footer .btn a{
	font-family: 'TeXGyreHeros','Arial','Helvetica','sans-serif';
	background: #C4D600 !important;
	position: relative;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 100% !important;
	color: #000;
	white-space: nowrap;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.top-footer .btn a:hover {
	background: #FF671F !important;
	color: #fff;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.top-footer .btn .fa-long-arrow-alt-right {
	margin-left: 20px;
}
.site-footer {
	background: #002F6C;
}
.footer-office img {
	float: none;
}

.footer-office {
  font-size: 75%;
	position: relative;
	left: 15%;
	margin: 0 30px 0  -10px;
}
.footer-office p{
	color: #fff;
}
.footer-office p span {
	color: #C4D600;
	font-weight: bold;
}
.site-footer .widget a{
	color: #fff;
	font-weight: normal;
	font-family: 'TeXGyreHerosCondensed','Arial','Helvetica','sans-serif';
    font-size: 75%;
		transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.site-footer .widget a:hover {
	color: #C4D600;
		transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.site-footer .widget {
	float: left;
}
#colophon .widget-column .widget {
	max-width: 300px !important;
	padding: 5px !important;
	margin: 0 20px;
}
#colophon .site-info {
    color: #fff !important;
}
.social-footer {
   display: inline-block;
   position: relative;
   float: right;
}
.social-footer a {
	margin-right: 10px;
}
.menu-about-container {
	margin-left: 20px !important;
}
.entry-footer {
	display: none;
}
.footer-menu {
	margin: 0 0 0 100px;
}
.site-footer .widget-title {
	font-size: 32px;
}
.site-footer .widget a{
	color: #fff !important;
}
.site-footer .widget a:hover{
	color: #C4D600 !important;
}
.cff-text {
	font-size: 80%;
	color: #888B8D;
}
.cff-story {
	color: #C4D600;
}


/************************************** Inner Menu ************************************/
.inner-menu  {
  font-family: 'TeXGyreHeros', Arial, Helvetica, sans-serif;	
  position: absolute;
	top: 250px;
	left: 180px;
  display: inline-block;
  font-size: 80%;
  text-align: center;
	width: 100% !important;
}
.inner-menu li {
	list-style: none;
	float: left;
	font-weight: bold;
	
}
.inner-menu li::before {
	display: none !important;
}
.entry-content .inner-menu li a{
	text-decoration: none !important;
	margin-right: 40px;
	color: #00AFD7;
}
.entry-content .inner-menu li a:visited {
	color: #00AFD7;
}
.entry-content .inner-menu li a:hover {
	color: #002F6C;
}


/********************************* Buttons *********************************/
button, .btn a, .gform_button{
	background: #00AFD7 !important;
	color: #fff;
	text-decoration:none !important;
	padding: 10px 20px;
	font-weight: bold;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	border-radius: 0 !important;
	text-transform: lowercase;
	font-size: 24px;
}
button:hover, .btn a:hover, .gform_button:hover {
	background: #C4D600 !important;
	color: #000;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

/***************************** Impact Map *******************************/
.impact-map {
	/*position: absolute;
	left: 0;*/
	height: 375px !important;
	overflow: hidden;
	display: inline-block;
	border: 5px solid #00AFD7;
}
.impact-info {
	/*border: 5px solid #00AFD7;*/
	background: #00AFD7;
	padding: 40px;
	width: 40%;
	margin-top: -300px !important;
	position: relative;
	margin-left: 600px !important;
	z-index: 1;
}
.impact-info h3 {
	color: #fff;
	font-family: 'TeXGyreHeros', Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-size: 200%;
}
.impact-info p {
	  font-family: 'TeXGyreHerosCondensed', Arial, Helvetica, sans-serif;	
   color: #fff;
}

/********************************* Clear **************************/
.clr {
	clear: both !important;
}

/********************************** Orange Text ******************************/
.orange {
	color: #FF671F;
	font-weight: bold;
	font-style: italic;
	font-size: 150%;
	padding: 0px 50px;
	text-align: center;
}

/************************************** Images *********************************/
.inner-image {
	width: 50%;
	float: left;
	margin: 0 40px 40px 0;
}
.inner-image-rt {
	width: 50% !important;
	float: right;
	margin: 0 0 40px 40px;
}
.scaled-img {
	width: 350px;
	height: 350px;
	object-fit: cover;
	float: right;
	overflow: hidden;
	margin: -10px 0 20px 20px;
}
/**********************************Spinning Counter ********************************/
#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-icon {
	color: #00AFD7;
	font-size: 300%;
}

/************************************ Volunteer Blocks *******************************/
.volunteer-blocks {
	display: block;
}
.volunteer-1, .volunteer-2, .volunteer-3, .volunteer-4 {
	/*width: 22%;*/
	width: 100%;
	border: 5px solid #00AFD7;	
	float: left;
	height: 200px;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 300%;
	font-weight: bolder;
	padding: 50px 0;
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
}

.volunteer-1:hover, .volunteer-2:hover, .volunteer-3:hover, .volunteer-4:hover {
	height: 400px;
	padding: 150px 0;
	color: #C4D600 !important;
}
.volunteer-blocks .volunteer-1 {
    margin-right: 25px;
	background: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/09/restore-2.jpg');
	background-position: center center;
}
.volunteer-blocks .volunteer-2 {
	margin-right: 25px;
	background: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/09/ready-to-build-2.jpg');
	background-position: center center;
	
}
.volunteer-blocks .volunteer-3 {
	margin-right: 25px;
	background: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/09/raising-wall-1-1.jpg');
	background-position: center center;
}
.volunteer-blocks .volunteer-4 {
	background: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/09/60126352_2522814804409688_4290245696717586432_o.jpg');
	background-position: center center;
		margin-bottom: 100px !important;

	

}

/******************************************* Impact Stories *****************************************/
.impact-stories {
	margin: 20px -20% !important;
	position: relative;
	padding: 35px 5px 5px 5px !important;
	background: #002F6C !important;
}

/******************************************* Inner Pages **********************************************/
h1.entry-title {
	color: #C4D600 !important;
	text-transform: lowercase !important;
	border-bottom: 3px solid #C4D600 !important;
	padding-top: 40px;
}
h1.entry-title::before {
	display: none !important;
}
.entry-meta {
	display: none;
}

/****************************************** Search Page ****************************/
.wp-block-search .wp-block-search__label {
	display: none !important;
}

/***************************** Volunteer  Counter *************************/
#wpsm_counter_b_row_1590 .wpsm_counterbox {
	background: #00AFD7;
}
#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-icon {
	color: #fff;
	font-size: 400%;
}
#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
	color: #FFD100 !important;
	font-size: 96px !important;
	margin-top: 0 !important;
}
#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
	color: #fff !important;
	font-size: 20px !important;
	padding: 0 20px !important;
	min-height: 100px !important;
}
/********************************************** Carpenters Club Levels**************************************/
.level {
	background: #00AFD7 !important;
	color: #fff !important;
	font-weight: bold !important;
	text-align: center !important;
	font-size: 110%;
}
.club-price {
	color: #00AFD7 !important;
	font-size: 110%;
	font-weight: bold !important;
	text-align: center !important;
	border: 2px solid #00AFD7 !important;
}
/******************************************** Amazon Block ***********************************/
.other-ways ul {
	width: 70%;
}
.giving-block {
	
}
.block-item {
	width: 200px;
	height: 200px;	
	float: left;
	position: absolute;
	top: 450px;
	left: 68%;
	z-index: 200 !important;
	color: #fff;
	text-align: center;
	text-transform: lowercase;
	font-weight: bold;
	padding: 40px 10px !important;
	-webkit-box-shadow: 0px 15px 5px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 15px 5px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 15px 5px -5px rgba(0,0,0,0.75);
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	background: #C4D600;

}
.block-item:hover {
	transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
		transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

/************************************************* Splash/Landing Page *****************************************/
/*.pum-theme-2174 .pum-container, .pum-theme-lightbox .pum-container {
	padding: 0 !important;
	border-radius: 0 !important;
	border: 0 !important;
	margin: 0 !important;
}
.splash {
	width: 100%;
	text-align: center;
}
.splash img {
	height: 140px !important;
	margin: 40px 0;
}
.land-left {
	background-image: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/08/volunteer.jpg'), linear-gradient(rgba(196, 214, 0.8),rgba(196, 214, 0,0.8));	
    background-blend-mode: overlay;
	width: 50%;
	float: left;
	margin: -20px 0 0 0 !important;
	background-size:cover;
	height:100%;
	 position: relative;
	z-index: 1;
}
.land-right {
	background-image: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/08/restore-1.jpg'), linear-gradient(rgba(0, 175, 215, 0.8),rgba(0, 175, 215,0.8));	
    background-blend-mode: overlay;
	width: 50%;
	margin: 0 !important;
	float: right;
	margin: -20px 0 0 0 !important;
}
.land-social {
	display: inline-block;
	margin: 40px 0;
}
.land-social a{
	color: #fff;
	position: relative;
	float: left;
	margin-left: 20px;
	font-size: 24px;
}
.land-social a::last-child {
	margin-left: 0px;
}
.land-left .btn a, .land-right .btn a{
	background: #fff !important;
	color: #000 !important;
	z-index: 99;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.land-left .btn a:hover, .land-right .btn a:hover{
	background: #000 !important;
	color: #fff !important;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}*/

.pum-theme-2174 .pum-container, .pum-theme-lightbox .pum-container {
	padding: 0 !important;
	border-radius: 0 !important;
	border: 0 !important;
	margin: 0 !important;
}
.splash {
	width: 100%;
	height: 90%;
	text-align: center;
}
.splash img {
	height: 180px !important;
	margin: 25% 0 5% 0;
}
.land-left {
	background-image: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/08/volunteer.jpg'), linear-gradient(to bottom, #C4D600 80%, #C4D600 80%); 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.8, #C4D600), color-stop(0.8, #C4D600));
	background-image: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/08/volunteer.jpg'), -webkit-linear-gradient(top, #C4D600 80%, #C4D600 80%);
	background-image: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/08/volunteer.jpg'), -moz-linear-gradient(top, #C4D600 80%, #C4D600 80%);
	background-image: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/08/volunteer.jpg'), -o-linear-gradient(top, #C4D600 80%, #C4D600 80%);
	background-image: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/08/volunteer.jpg'), -ms-linear-gradient(top, #C4D600 80%, #C4D600 80%); 
    background-blend-mode: overlay;
	/*background-color: rgba(196, 214, 0, 1);*/
	width: 50%;
	float: left;
	margin: -20px 0 0 0 !important;
	background-size:cover;
	height:100%;
	 position: relative;
	z-index: 1;
}
.land-right {
	background-image: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/08/restore-1.jpg'), linear-gradient(rgba(0, 175, 215, 0.8),rgba(0, 175, 215,0.8));	
    background-blend-mode: overlay;
	/*background-color: rgba(0, 175, 215, 1);*/
	width: 50%;
	margin: 0 !important;
	float: right;
	margin: -20px 0 0 0 !important;
}
.land-social {
	display: inline-block;
	margin: 80px 0 45% -20px;
}
.land-social a{
	color: #fff;
	position: relative;
	float: left;
	margin-left: 20px;
	font-size: 24px;
}

.land-left .btn a, .land-right .btn a{
	background: #fff !important;
	color: #000 !important;
	z-index: 99;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.land-left .btn a:hover, .land-right .btn a:hover{
	background: #000 !important;
	color: #fff !important;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
/********************************************** Staff Page *****************************************/
.staff-section {
	clear: both;
	border-bottom: 5px dotted #C4D600;
}
.headshot {
	height: 250px;
	width: 250px;
	border: 3px solid #00AFD7;
	float: left;
	margin: 0 60px 40px 0 !important;
}
.staff-section img {
	height: 100%;
	width: 100%;
	 object-fit: cover;
}
.staff-section h4 {
	clear: none;
	float: left;
	color: #00AFD7 !important;
	margin: 0 0 40px 0 !important;
	padding: 0;
        font-size: 24px;
}
/*.staff-section h4::after {
	content: ' | ';
	margin-right: 5px;
}
.staff-section h5 {
	color: #C4D600 !important;
	font-size: 24px;
	margin: 10px 0 40px 10px !important;
	padding: 0;
        font-size: 24px;
	float: left;
}*/
.staff .bio {
	clear: left;
	font-size: 16px;
	margin: 36px 0 0 0;
	min-height: 300px;
	float: none;
}
.staff-section .btn a{
	padding: 10px 75px;
}
.staff-section .cta {
    margin: 0 auto;
}


/*********************************************** Videos Page *********************************************/
.videos {
	display: inline-block;
}
.inner-video {
	float: left;
	width: 30%;
	margin: 0 15px;
}
.inner-video h3 {
	height: 50px;
	font-size: 90%;
}
.inner-video iframe {
	width: 100%;
}

/************************************************* eCommerce ********************************************/
.woocommerce-info {
	background: #00AFD7;
	font-family: 'TeXGyreHeros', Arial, sans-serif;
}
.woocommerce-breadcrumb {
	display: none;
}

.woocommerce .content-area .site-main {
  /*max-width: calc(6 * (100vw / 12) - 28px);*/
	max-width: 100% !important;
}
.woocommerce-products-header__title.page-title {
	color: #00AFD7;
	margin-top: 100px;
}
.woocommerce-MyAccount-navigation ul li::before {
	display: none !important;
}
.woocommerce-shipping-methods li::before {
	content: '' !important;
}
.cart-totals table {
	font-family: 'TeXGyreHeros', Arial, sans-serif !important;
}
h1:not(.site-title)::before {
	display: none;
}
select {
		font-family: 'TeXGyreHeros', Arial, sans-serif;
	color: #000;
	font-size: 90%;
}
.woocommerce img, .woocommerce-page img {
	margin: 0 0 20px 0;
}
ul.products li.product .woocommerce-loop-product__title {
	border: 0 !important;
	height: 50px;
}
/*.woocommerce-LoopProduct-link button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  	
  color: #fff;
  
  border-radius: 0px !important;
  box-sizing: border-box;
  color: #fff;
  font-size: 0.88889em;
  font-weight: 700;
  line-height: 1.2;
  outline: none;
	
	/*width: 100%;*/
/*  padding: 0.76rem 1rem;*/
 /* text-decoration: none;
	padding: 10px 20px;
  vertical-align: bottom;
}*/

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  background: #C4D600 !important;
   color: #000 !important;
   text-shadow: transparent !important;
    box-shadow: none;
    border-color:#C4D600 !important;
   border-radius: 0 !important;
	 font-family: 'TeXGyreHeros', Arial, sans-serif !important;
text-transform: lowercase;
	font-weight: bold;
}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  background: #C4D600 !important;
   color: #000 !important;
   text-shadow: transparent !important;
    box-shadow: none;
    border-color:#C4D600 !important;
border-radius: 0 !important;
	 font-family: 'TeXGyreHeros', Arial, sans-serif !important;
text-transform: lowercase;
	font-weight: bold;
}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  background: #00AFD7 !important;
   color: #fff !important;
   text-shadow: transparent !important;
    box-shadow: none;
    border-color:#00AFD7 !important;
border-radius: 0 !important;
	 font-family: 'TeXGyreHeros', Arial, sans-serif !important;
text-transform: lowercase;
	font-weight: bold;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  background: #C4D600 !important;
   color: #000 !important;
   text-shadow: transparent !important;
    box-shadow: none;
    border-color:#C4D600 !important;
border-radius: 0 !important;
	 font-family: 'TeXGyreHeros', Arial, sans-serif !important;
text-transform: lowercase;
	font-weight: bold;
}

#product-255 .total-votes, #product-256 .total-votes, #product-257 .total-votes, #product-258 .total-votes {
	display: none;
} 


/*.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
 	background: #C4D600 !important;
	color: #000 !important;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  cursor: pointer;
}*/
.woocommerce ul.products, .woocommerce-page ul.products{
	text-align: center;
}

product h1.entry-title {
    color: #00AFD7 !important;
    text-transform: lowercase !important;
    border-bottom: 3px solid #00AFD7 !important;
	padding-top: 40px;
}
.variations {
	border: 1px solid #888B8D;
	color: #888B8D;
}
.variations td {
	border: 1px solid #888B8D;
}
.price {
	 font-family: 'TeXGyreHeros', Arial, sans-serif !important;
}
.woocommerce-variation-price {
	color: #00AFD7;
	font-weight: 700;
	font-size: 36px;
	margin: 20px 0;
}
.single-product .woocommerce-variation-add-to-cart .button  {
	/*margin-top: 20px;*/
}
.product_meta {
	font-size: 80%;
	color: #888B8D;
}
.sku {
	margin-right: 40px;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
	display: none;
}
ul.products li.product .woocommerce-loop-product__link {
	text-align: center;
}

/**************************************************** Events ******************************************/
.wpfp-featured-post-grid.design-1 .wpfp-title a {
	color: #00AFD7;
	text-transform: lowercase; 
	font-size: 120%;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000000;
}
.event-details {
	color: #fff;
	font-weight: bold;
	margin: -20px 0 20px 0;
	padding: 0;
}
.get-directions {
	font-size: 80%;
	margin: 20px 0 20px 35px;
	clear: left;
}
.get-directions a {
	color: #00AFD7;
	text-decoration: none !important;
	text-transform: lowercase;
}
.event-day {
	float: left;
}
.event-day::after {
	/*content: ', ';*/
	margin-right: 5px;
}
.event-date {
	float: left;
}
.event-start-time, .event-end-time {
	color: #FF671F;
}
.event-start-time {
	margin-left: 10px;
	float: left;
}
.event-start-time::after {
	/*content: ' - '*/
}
.event-address::before {
	/*font-family: "FontAwesome";
	content: '\f3c5';*/
	content: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/09/map-marker-24px.png');;
}
.event-address {
	clear: left;
	float: left;
	padding-right: 20px;
}
.event-details-inner .event-day::before {
	content: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/09/calendar-24px.png');
	margin-right: 10px;
}
.event-details-inner {
	font-size: 120%;
}
.event-details-inner .event-start-time {
	color: #000;
	clear: left;
}
.event-details-inner .event-start-time::before {
    content: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/09/clock-24px.png');
	margin: 0 10px 0 -10px;
}
.event-details-inner .event-end-time {
	color: #000;
	float: left;
	margin-left: 10px;
}
.event-details-inner .btn {
   margin: 60px 0 0 0;
}
.event-cost {
	line-height: 30px;
}
.event-cost::before {
	content: url('https://centraldelawarehabitat.org/wp-content/uploads/2019/09/dollar-sign-24px.png');
}
.grid-date {
	color: #fff;
	font-size: 80%;
	text-transform: capitalize;
}

/******************************** Homeowner Section **********************************/
.checklist li{
	list-style: none !important;
}
.checklist li::before {
	display: none !important;
}
.checklist li i.fas {
	/*margin: 0 20px  !important;*/
}

.info-block {
	width: 45%;
	float: right;
	background: #00AFD7;
	margin: 0 0 20px 40px !important;
	padding: 40px 20px;
}
.info-block li {
	list-style: none;
		font-size: 80%;
	margin-bottom: -10px !important;
	margin-left: 0px;
	padding: 0;
}
.info-block li::before {
	display: none;
}
.info-block h3 {
	color: #fff;
	text-align: center;
	margin: 20px;
}
.info-block h4 {
	text-align: center;
}
.info-block i.fas {
	color: #C4D600;
}
.hud-table {
  width: 100%;
	table-layout: fixed;
}
.hud-table th{
	color: #C4D600;
	font-size: 18px;
	border-left: none !important;
	border-top: none !important;
	border-right: none !important;
	/*white-space: nowrap;*/
	word-wrap: normal;
}
.hud-table td{
	font-size: 14px;
	border-left: none !important;
	border-right: none !important;
	border-top-color: #888B8D;
	border-bottom-color: #888B8D;
	text-align: center;
}

/*********************************************** Contact *************************************************/

.contact-info {
	width: 40%; 
	float: left;
	margin-right: 20px;
}
.contact-info li{
	list-style: none;
	margin: 0 !important;
}
.contact-info li::before {
	display: none !important;
}
/*.contact-info .svg-inline--fa {
	color: #00AFD7 !important;
}*/
.contact-info .fas {
	color: #00AFD7 !important;
}

.contact-map {
	position: relative;
	/*margin: 0 -500px 0 -500px !important;*/
	width: 50%;
	float: left;
	padding: 0 20px 0 0;
}
.contact-form {
	clear: both;
	margin-top: 40px;
	width: 100%;
}
/*.contact-hours {
	float: left;
}*/
table#restore-hours, table#restore-hours td{
			float: left;
			border: none !important;
		}
table#restore-hours td{
   width: 40%;	
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 100%;
}
.wpcf7 label {
		text-transform: lowercase;
}
.wpcf7 input[type="submit"] {
	background: #00AFD7;
	color: #fff;
	text-transform: lowercase;
	font-size: 24px;
	border-radius: 0px;
	padding: 20px 60px;
	transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.wpcf7 input[type="submit"]:hover {
	background: #C4D600;
	color: #000;
}

::-webkit-input-placeholder { /* WebKit browsers */
	font-family: 'TeXGyreHeros', Arial, sans-serif !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: 'TeXGyreHeros', Arial, sans-serif !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: 'TeXGyreHeros', Arial, sans-serif !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-family: 'TeXGyreHeros', Arial, sans-serif !important;
}


/**************************** Product Carousel **********************/

#atw_style11 .atw_title h3 {
	font-family: 'TeXGyreHeros','Arial','Helvetica','sans-serif';
	padding: 10px 50px;
	clear: none;
	color: #00AFD7;
	text-transform: lowercase;
	font-weight: bolder;
}
#atw_style11 .atw--single_item .atw_item_bottom .atw_item_info .atw_item_title a {
	font-family: 'TeXGyreHeros', Arial, sans-serif;
	color: #000;
	font-weight: 700;
	text-transform: lowercase;
	font-size: 1em;
	line-height: 1.8;
	text-rendering: optimizeLegibility;
}
#atw_style11 .atw--single_item .atw_item_top .atw_item_view a {
	font-weight: 700;
	text-transform: lowercase !important;
}

/* #### Mobile Phones Portrait #### */
@media screen and (min-device-width: 480px) and (max-device-width: 639px) and (orientation: portrait){
	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
	}
	.main-navigation .main-menu > li > a {
		font-size: 16px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 14px !important;
	}
	.social-navigation {
		display: none;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 100px;
		left: 110px;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 15%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 18px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 0 !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 14px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 9px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		height: 1060px !important;
	}
	.impact-section .img-container {
		overflow: hidden;
		float: none;
	}
	.impact-section .img-container img {
		width: 100% !important;
		/*height: auto;*/
		height: 440px;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 410px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 200px;
		font-size: 90%;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 110px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 300px !important;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
	}
	.footer-navigation {
		margin: 20px 0;
		float: none;
		display: block;
		clear: both;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu, .woo-com .inner-menu {
		top: -80px !important;
		font-size: 70% !important;
		margin: 0 0 40px 0;;
		left: 0;
	}
	.inner-menu li a, .woo-com .inner-menu li a {
		text-align: center;
		margin: 0 15px 0 0 !important;
	}

	.inner-menu li a::last-child, .woo-com .inner-menu li a::last-child {
		margin: 0;
	}
	 
	h1.entry-title {
		padding: 20px 0;
	}
	.entry-content {
        margin-top: -100px !important;
		font-size: 80%;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -500px 0 500px 0 !important;
	}
	.impact-map {
		position: relative !important;
		top: 250px !important;
		clear: left !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		left: 336px;
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 20px !important;
	}
	.staff h5 {
		float: none;
		font-size: 20px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
	}
	.hud-table td {
		font-size: 9px !important;
	}
	.hud-table th {
		font-size: 9px !important;
	}
	.event-details-inner {
		margin-top: 120px !important;
	}
	.event-details {
		margin-left: 20px;
	}

}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  .top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
	}
	.main-navigation .main-menu > li > a {
		font-size: 16px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 14px !important;
	}
	.social-navigation {
		/*display: none;*/
	}
	.social-navigation ul.social-links-menu li a svg{
		height: 20px !important;
		width: 20px !important;
		margin-right: 0px !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 350px;
		height: 140px;
		left: 22%;
	}
	.site-logo img {
		width: 350px !important;
		height: 140px !important;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 22%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 18px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 0 !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 14px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 12px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
	}
	.block-section .svg-inline--fa {
		font-size: 20px;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		height: 900px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 560px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 200px;
		font-size: 90%;
		max-width: 100%;
	}
	.top-footer .btn {
		/*margin-top: 110px;*/
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 560px !important;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
	}
	.footer-navigation {
		margin: 20px 0;
		float: none;
		display: block;
		clear: both;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		top: -80px !important;
		font-size: 80%;
		margin: 0;
		left: 0;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 15px 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		padding: 20px 0;
	}
	.entry-content {
        margin-top: -100px !important;
		font-size: 80%;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -500px 0 440px 0 !important;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		left: 496px;
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 20px !important;
	}
	.staff h5 {
		float: none;
		font-size: 20px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 40px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
	}
	.hud-table td {
		font-size: 11px !important;
	}
	.hud-table th {
		font-size: 11px !important;
	}
	.event-details-inner {
		margin-top: 120px !important;
	}
	.event-details {
		margin-left: 20px;
	}

}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (min-device-width: 481px) and (max-device-width: 640px){
   .top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
	}
	.main-navigation .main-menu > li > a {
		font-size: 16px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 14px !important;
	}
	.social-navigation {
		/*display: none;*/
	}
	.social-navigation ul.social-links-menu li a svg{
		height: 20px !important;
		width: 20px !important;
		margin-right: 0px !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 350px;
		height: 140px;
		left: 22%;
	}
	.site-logo img {
		width: 350px !important;
		height: 140px !important;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 22%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 18px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 0 !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 14px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 12px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
	}
	.block-section .svg-inline--fa {
		font-size: 20px;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		height: 900px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 560px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 200px;
		font-size: 90%;
		max-width: 100%;
	}
	.top-footer .btn {
		/*margin-top: 110px;*/
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 560px !important;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
	}
	.footer-navigation {
		margin: 20px 0;
		float: none;
		display: block;
		clear: both;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		top: -80px !important;
		font-size: 80%;
		margin: 0;
		left: 0;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 15px 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		padding: 20px 0;
	}
	.entry-content {
        margin-top: -100px !important;
		font-size: 80%;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -500px 0 440px 0 !important;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		left: 496px;
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 20px !important;
	}
	.staff h5 {
		float: none;
		font-size: 20px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 40px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
	}
	.hud-table td {
		font-size: 11px !important;
	}
	.hud-table th {
		font-size: 11px !important;
	}
	.event-details-inner {
		margin-top: 120px !important;
	}
	.event-details {
		margin-left: 20px;
	}
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (max-device-width: 360px) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.headshot .btn a {
		top: -118px !important;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 2%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: normal;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		height: 1060px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		top: -80px !important;
		font-size: 60%;
		margin: 0;
		left: 0;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 15px 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        margin-top: -100px !important;
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -500px 0 340px 0 !important;
	}
	.impact-map {
		position: relative !important;
		top: 250px !important;
		clear: left !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		left: 175px;
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (device-height: 667px) and (device-width: 375px) {
      	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		/*right: 14px;*/
	}
	.search-icon {
		/*display: none !important;*/
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 20%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 10%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: normal;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		height: 960px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 340px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		top: -80px !important;
		font-size: 60%;
		margin: 0;
		left: 0;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 15px 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
		font-size: 140%;
	}
	h3 {
		font-size: 140%;
	}
	.entry-content {
        margin-top: -100px !important;
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -500px 0 340px 0 !important;
	}
	.impact-map {
		position: relative !important;
		top: 250px !important;
		clear: left !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		left: 235px;
		top: -117px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.site-branding-container {
		height: 320px;
	}
	.top-nav-bar {
		margin-top: -10px;
		padding: 3px 30px 0 30px !important;
	}
	.site-logo {
		right: 20% !important;
	}
	.site-logo .custom-logo-link {
		top: 120px !important;
		left: 0px !important;
		position: relative !important;
		height: 140px;
	}
	.secondary-menu {
		left: 18%;
		top: 160px;
	}
	.block-section {
		margin: -50px 5% 0 5% !important;
		font-size: 75% !important;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 20px 10px -20px 10px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
	}
	.impact-section {
		width: 100% !important;
		min-height: 1120px !important; 
	}
	.impact-text h3 {
		clear: left !important;
		float: none !important;
		margin-top: 700px;
	}
	.impact-text {
		width: 100% !important;
		left: 0;
	}
	.top-footer {
		text-align: center;
		min-height: 230px;
		width: 100%;
	}
	.top-footer .btn {
		/*margin-top: 120px;*/
		margin-top: 40px;
		width: 100%;
	}
	#colophon .widget-column .widget {
		max-width: 100% !important;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 560px !important;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
	}
	.footer-navigation {
		margin: 20px 0;
		float: none;
		display: block;
		clear: both;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		top: -160px !important;
		/*font-size: 80%;*/
		margin: 0 !important;
		left: 0;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 15px 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 40px 0 !important;
		font-size: 200%;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -500px 0 440px 0 !important;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		left: 460px;
		top: -140px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 20px !important;
	}
	.staff h5 {
		float: none;
		font-size: 20px !important;
	}
	.wpsm_col-sm-6 {
		width: 100% !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 40px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
	}
	.hud-table td {
		font-size: 11px !important;
	}
	.hud-table th {
		font-size: 11px !important;
	}
	.event-details-inner {
		margin-top: 120px !important;
	}
	.event-details {
		margin-left: 20px;
	}
	.entry .entry-content {
		margin: 0 5% !important;
		max-width: 90% !important;
	}
}

/* iPhone 6 in portrait & landscape */
    @media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}      
    }

    /* iPhone 6 in landscape */
    @media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}      
    }

    /* iPhone 6 in portrait */
    @media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}      
    }

    /* iPhone 6 Plus in portrait & landscape */
    @media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) {
     	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}     
    }

    /* iPhone 6 Plus in landscape */
    @media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) {
     	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}     
    }

    /* iPhone 6 Plus in portrait */
    @media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) {
     	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}     
    }

    /* iPhone 5 & 5S in portrait & landscape */
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}      
    }

    /* iPhone 5 & 5S in landscape */
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px) 
    and (orientation : landscape) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}      
    }

    /* iPhone 5 & 5S in portrait */
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px) 
    and (orientation : portrait) {
      
    }

    /* 
      iPhone 2G, 3G, 4, 4S Media Queries
      It's noteworthy that these media queries are also the same for iPod Touch generations 1-4.
    */

    /* iPhone 2G-4S in portrait & landscape */
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}      
    }

    /* iPhone 2G-4S in landscape */
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) 
    and (orientation : landscape) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
		
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}      
    }

    /* iPhone 2G-4S in portrait */
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) 
    and (orientation : portrait) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 1000px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 200px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 20px 0 0 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px !important;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 120%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}      
    }

    /* iPad in portrait & landscape */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px)  {
      
    }

    /* iPad in landscape */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape) {
      
    }

    /* iPad in portrait */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait) {
      
    }

    /* Galaxy S3 portrait and landscape */
    @media screen 
      and (device-width: 320px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 2) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /* Galaxy S3 portrait */
    @media screen 
      and (device-width: 320px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 2) 
      and (orientation: portrait) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /* Galaxy S3 landscape */
    @media screen 
      and (device-width: 320px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 2) 
      and (orientation: landscape) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /* Galaxy S4 portrait and landscape */
    @media screen 
      and (device-width: 320px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /* Galaxy S4 portrait */
    @media screen 
      and (device-width: 320px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) 
      and (orientation: portrait) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /* Galaxy S4 landscape */
    @media screen 
      and (device-width: 320px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) 
      and (orientation: landscape) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /* Galaxy S5 portrait and landscape */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /* Galaxy S5 portrait */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) 
      and (orientation: portrait) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /* Galaxy S5 landscape */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) 
      and (orientation: landscape) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 300px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

/*Galaxy S7 and S8 */
@media only screen and (min-device-width: 360px) and (max-device-width: 640px){

    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 22%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 15%;
		top: 140px;
		margin: 0 auto !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 340px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 200px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 20px 0 0 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
		font-size: 150%;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
		float: none !important;
	}
	.headshot .btn a {
		/*position: relative;
		top: -118px !important;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
}


    /* HTC One portrait and landscape */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 340px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
	}
	.top-footer .btn {
		/*margin-top: 140px;*/
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot .button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /* HTC One portrait */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) 
      and (orientation: portrait) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 340px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
	}
	.top-footer p{
		margin: 0 !important;
		max-width: 100%;
		
	}
	.top-footer .btn {
		/*margin-top: 140px;*/
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /* HTC One landscape */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) 
      and (orientation: landscape) {
    	.top-nav-bar {
		margin-top: -18px;
		width: 100% !important;
			padding: 0 0 10px 5px;
	}
	.main-navigation {
		margin-right: 0px;
	}
	.main-navigation .main-menu > li > a {
		font-size: 11px;
		margin-right: 0.2em;
	}
	.spt-label {
		font-size: 10px !important;
	}
	.spt-link {
		font-size: 10px;
	}
	.social-navigation {
		display: none;
	}
	.cart-icon {
		right: 14px;
	}
	.search-icon {
		display: none !important;
	}
	.main-menu {
		position: relative;
	}
	.svg-inline--fa {
		font-size: 16px;
	}
	.site-logo .custom-logo-link {
		width: 250px;
		height: 125px;
		left: 15%;
	}
	.site-logo img {
		width: 225px !important;
		height: 90px !important;
		margin-top: 20px;
	}
	.site-branding-container {
		height: 280px;
	}
	.secondary-menu {
		left: 7%;
		top: 140px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.secondary-menu li {
		margin: 0 10px !important;
		font-size: 14px;
	}
	.secondary-menu li a {
		padding: 0;
	}
	.secondary-menu .sub-menu {
		padding: 0 !important;
		margin: -20px 0 0 -20px !important;
	}
	.secondary-menu .sub-menu li {
		font-size: 11px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-47000af03db176ddf172eb1849d2cf4a-hover {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-style-9fa52c095ebd30d2ee12828b525ff663-heading {
		margin-left: 40px !important;
		font-size: 80% !important;
		padding: 20px 40px;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
		font-size: 100% !important;
		margin-left: 20px;
		padding: 20px 40px;
	}
	.block-section {
		font-size: 8px;
		margin: -20px 5% 0 5% !important;
		min-height: 100px;
		word-wrap: break-word !important;
	}
	.icon {
		width: 23px;
	}
	.block-1, .block-2, .block-3, .block-4 {
		padding: 30px 10px !important;
	}
	.impact-section {
		min-height: 920px !important;
	}
	.impact-section .img-container {
		width: 100% !important;
		height: auto;
		float: none;
	}
	.impact-text {
		width: 100%;
		left: 0;
	}
	.impact-text h3 {
		clear: left !important;
		margin-top: 340px;
	}
	.top-footer {
		padding: 2% 5% !important;
		text-align: center;
		min-height: 240px;
		font-size: 80%;
		width: 100%;
	}
	.top-footer p{
		margin: 0 !important;
	}
	.top-footer .btn {
		/*margin-top: 140px;*/
		margin-top: 40px;
		width: 100%;
	}
	.footer-office {
		text-align: center;
		left: 0;
		margin: 0;
	}
	#colophon .widget-column .widget {
		max-width: 400px !important;
	}
	#colophon .widget-column .widget-title {
		font-size: 100%;
	}
	.featured-image-bg img {
		width: 100%;
	}
	.site-info {
		text-align: center;
		font-size: 50%;
	}
	.footer-navigation {
		margin: 20px 20px;
		float: none;
		display: block;
		clear: both;
		font-size: 160%;
	}
	.footer-menu {
        margin: 0 !important;
	}
	.footer-menu li {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}
	.social-footer {
		float: none;
		display: block;
		font-size: 150%;
	}
	.social-footer a {
		margin: 0 20px 0 0;
	}
	.inner-menu {
		/*top: -80px !important;*/
		top: 320px;
		font-size: 60%;
		margin: 0;
		left: -20px;
	}
	.inner-menu li a {
		text-align: center;
		margin: 0 0 0 0 !important;
	}
	.inner-menu li a::last-child {
		margin: 0;
	}
	h1.entry-title {
		margin: 40px 0 20px 0;
	}
	.entry-content {
        /*margin-top: -100px !important;*/
		font-size: 80%;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox {
		margin-top: 0 !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_count-title {
		margin-bottom: 20px;
		font-size: 90% !important;
	}
	#wpsm_counter_b_row_1590 .wpsm_counterbox .wpsm_number {
		font-size: 36px !important;
	}
	.orange {
		font-size: 120%;
	}
	.impact-info {
		float: none;
		clear: both;
		width: 100%;
		margin: -450px 0 340px 0 !important;
		padding: 20px;
	}
	.impact-map {
		position: relative !important;
		top: 200px !important;
		clear: left !important;
		margin: 0 0 40px 0 !important;
	}
	.impact-stories {
		margin: 0 0 40px 0 !important;
	}
/*	.staff .headshot {
		width: 100%;
		margin: 20px 0;
	}
	.staff .headshot button {
		top: -118px;
		width: 100%;
		font-size: 80%;
	}*/
	.tooltip {
		text-align: left !important;
	}
	.staff h4 {
		clear: left !important;
		font-size: 18px !important;
	}
	.staff h5 {
		float: none;
		font-size: 18px !important;
	}
	.level {
		font-size: 11px !important;
	}
	.wpfp-featured-post-grid {
		margin: 80px 0 40px 0 !important;
	}
	.contact-info {
		width: 100%;
	}
	.contact-form {
		width: 100%;
		clear: left;
	}
	.contact-map {
		width: 100%;
	}
	.inner-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.inner-image-rt {
		width: 100% !important;
		margin: 0 0 20px 0;
	}
	.giving-block {
		display: none;
	}
	.other-ways ul {
		width: 100%;
	}
	.wpsm_counterbox .wpsm_count-icon .svg-inline--fa {
		font-size: 100% !important;
	}
	.volunteer-blocks {
		margin: 0 0 40px 0 !important;
	}
	.info-block {
		width: 100%;
		padding: 10px !important;
		font-size: 90%;
	}
	.hud-table td {
		font-size: 6px !important;
	}
	.hud-table th {
		font-size: 5px !important;
	}
	.btn a{
		font-size: 90%;
	}
	.event-details-inner {
		margin-top: 120px !important;
		font-size: 90%;
	}
	.event-details {
		margin-left: 20px;
		font-size: 70%;
	}
    }

    /*
      iPad 3 & 4 Media Queries
      If you're looking to target only 3rd and 4th generation Retina iPads 
      (or tablets with similar resolution) to add @2x graphics,
      or other features for the tablet's Retina display, use the following media queries.
    */

    /* Retina iPad in portrait & landscape */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px)
    and (-webkit-min-device-pixel-ratio: 2) {
      
    }

    /* Retina iPad in landscape */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio: 2) {
      
    }

    /* Retina iPad in portrait */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio: 2) {
      
    }

    /*
      iPad 1 & 2 Media Queries
      If you're looking to supply different graphics or choose different typography 
      for the lower resolution iPad display, the media queries below will work 
      like a charm in your responsive design!
    */

    /* iPad 1 & 2 in portrait & landscape */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (-webkit-min-device-pixel-ratio: 1) {
      
    }

    /* iPad 1 & 2 in landscape */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio: 1) {
      
    }

    /* iPad 1 & 2 in portrait */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio: 1) {
      
    }

    /* iPad mini in portrait & landscape */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px)
    and (-webkit-min-device-pixel-ratio: 1) {
      
    }

    /* iPad mini in landscape */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio: 1) {

    }

    /* iPad mini in portrait */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio: 1) {
      
    }

    /* Galaxy Tab 10.1 portrait and landscape */
    @media
      (min-device-width: 800px) 
      and (max-device-width: 1280px) {

    }

    /* Galaxy Tab 10.1 portrait */
    @media 
      (max-device-width: 800px) 
      and (orientation: portrait) { 

    }

    /* Galaxy Tab 10.1 landscape */
    @media 
      (max-device-width: 1280px) 
      and (orientation: landscape) { 

    }

    /* Asus Nexus 7 portrait and landscape */
    @media screen 
      and (device-width: 601px) 
      and (device-height: 906px) 
      and (-webkit-min-device-pixel-ratio: 1.331) 
      and (-webkit-max-device-pixel-ratio: 1.332) {

    }

    /* Asus Nexus 7 portrait */
    @media screen 
      and (device-width: 601px) 
      and (device-height: 906px) 
      and (-webkit-min-device-pixel-ratio: 1.331) 
      and (-webkit-max-device-pixel-ratio: 1.332) 
      and (orientation: portrait) {

    }

    /* Asus Nexus 7 landscape */
    @media screen 
      and (device-width: 601px) 
      and (device-height: 906px) 
      and (-webkit-min-device-pixel-ratio: 1.331) 
      and (-webkit-max-device-pixel-ratio: 1.332) 
      and (orientation: landscape) {

    }

    /* Kindle Fire HD 7" portrait and landscape */
    @media only screen 
      and (min-device-width: 800px) 
      and (max-device-width: 1280px) 
      and (-webkit-min-device-pixel-ratio: 1.5) {

    }

    /* Kindle Fire HD 7" portrait */
    @media only screen 
      and (min-device-width: 800px) 
      and (max-device-width: 1280px) 
      and (-webkit-min-device-pixel-ratio: 1.5) 
      and (orientation: portrait) {
        
    }

    /* Kindle Fire HD 7" landscape */
    @media only screen 
      and (min-device-width: 800px) 
      and (max-device-width: 1280px) 
      and (-webkit-min-device-pixel-ratio: 1.5) 
      and (orientation: landscape) {

    }

    /* Kindle Fire HD 8.9" portrait and landscape */
    @media only screen 
      and (min-device-width: 1200px) 
      and (max-device-width: 1600px) 
      and (-webkit-min-device-pixel-ratio: 1.5) {
     #colophon .widget-column .widget {
		max-width: 300px !important;
	}
    .impact-section {
	height: 500px !important;
	margin-bottom: 50px;
	position: relative;
}
    }

    /* Kindle Fire HD 8.9" portrait */
    @media only screen 
      and (min-device-width: 1200px) 
      and (max-device-width: 1600px) 
      and (-webkit-min-device-pixel-ratio: 1.5) 
      and (orientation: portrait) {
     #colophon .widget-column .widget {
		max-width: 300px !important;
	}
    .impact-section {
	height: 500px !important;
	margin-bottom: 50px;
	position: relative;
}
    }

    /* Kindle Fire HD 8.9" landscape */
    @media only screen 
      and (min-device-width: 1200px) 
      and (max-device-width: 1600px) 
      and (-webkit-min-device-pixel-ratio: 1.5) 
      and (orientation: landscape) {

    }

    /* Laptops non-retina screens */
    @media screen 
      and (min-device-width: 1200px) 
      and (max-device-width: 1600px) 
      and (-webkit-min-device-pixel-ratio: 1) {
     #colophon .widget-column .widget {
		max-width: 300px !important;
	}
    .impact-section {
	height: 500px !important;
	margin-bottom: 50px;
	position: relative;
}
    }

    /* Laptops retina screens */
    @media screen 
      and (min-device-width: 1200px) 
      and (max-device-width: 1600px) 
      and (-webkit-min-device-pixel-ratio: 2)
      and (min-resolution: 192dpi) {
     #colophon .widget-column .widget {
		max-width: 300px !important;
	}
    .impact-section {
	height: 500px !important;
	margin-bottom: 50px;
	position: relative;
}
    }

/******************	Apple iPad Mini/Retina, Amazon Kindle Fire/HD, Asus Eee: 768x1024 **********************/
     @media screen 
      and (device-width: 768px) 
		 and (device-height: 1024px) {
			 .donate {
				padding: 4px 15px 2px 9px !important; 
			 }
			 .site-logo .custom-logo-link {
    			top: 10px !important;
				position: absolute;
    			left: -40px !important;
			 }	
			 .top-nav-bar {
				 padding: 3px 30px 5px 30px !important;
			 }
			 .main-navigation a {
				 padding-bottom: 3px !important;
			 }
			 .site-logo {
				 top: 100px !important;
			 }
			 .top-footer {
				 min-height: 200px !important;
			 }
			 .top-footer:hover {
				 padding: 2% 15% !important;
			 }
			 .top-footer p {
				 max-width: 100% !important;
				 font-size: 100% !important;
			 }
			 .top-footer .btn {
				 margin-top: 30px !important;
			 }
			 .site-info .site-name {
				 font-size: 80% !important;
			 }
			 .site-info .site-name p {
				 font-size: 80% !important;
			 }
			 .site-info .imprint {
				 font-size: 80% !important;
			 }
			 h1.entry-title{
				 margin: 40px -40px 40px -40px !important;
			 }
			 .inner-menu {
				 top: 380px !important;
				 left: 60px;
				 max-width: 80% !important;
			 }
			 .staff .btn {
				 float: right !important;
				 margin-top: -70px;
			 }
	/*		 .staff .headshot {
				 margin-bottom: 20px;
			 }
			 .headshot {
				 height: 400px;
			 }*/
			 .scaled-img {
				 width: 250px;
				 height: 250px;
				 margin: 0 0 10px 10px !important;
			 }
			 .scaled-img img {
				 top: -80px;
			 }
}


/******************	Samsung Galaxy S5/S6/S7: 360x640 **********************/
     @media screen 
      and (device-width: 360px) 
		 and (device-height: 640px) {
			 div#n2-ss-2 .n2-ss-layer .n2-font-121fe1cb1b10f50f38056375b503f95b-paragraph {
				 padding: 15px 10px !important;
			 } 
			 div#n2-ss-2 .n2-ss-layer .n2-font-5126f0ff898d3178b7b5e8acf86072aa-paragraph {
				 padding: 15px 10px !important;
				 margin-top: -5px !important;
			 }
			 .mission-section {
				 margin-top: 100px !important;
			 }
			 .footer-navigation {
				 font-size: 120% !important;
			 }
			 .impact-info {
				 padding-bottom: 40px !important;
			 }
			 .btn {
				 text-align: center;
			 }
			 .staff .btn {
				 float: right !important;
				 margin-top: -55px;
			 }
			/* .headshot .btn a {
				 padding: 10px 25px;
			 }*/
			 .entry .entry-title {
				 font-size: 130%;
			 }
			 .scaled-img {
				 width: 320px !important;
				 height: 320px !important;
				 margin: 10px 0 !important;
			 }
			 .scaled-img img {
				 top: -100px;
			 }
			 .entry-content ul {
				 margin-left: -20px !important;
			 }
			 .inner-menu {
				 margin-left: 20px !important;
			 }
			 .orderby {
				 margin-bottom: 40px;
			 }
			 ul.products li.product .woocommerce-loop-product__title {
				 height: 80px;
			 }
			 .woocommerce a.button {
				 font-size: 70% !important;
			 }
			 .label {
				 font-size: 75%;
				 width: 100px !important;
			 }
			 select {
				 font-size: 75%;
			 }
			 .reset_variations {
				 font-size: 75%;
			 }
}

/******************	Apple iPhone 3/4/4s: 320x480 **********************/
     @media screen 
      and (device-width: 320px) 
		 and (min-device-height: 480px) {
			 .cart-icon {
				 right: 10px;
			 }
			 .secondary-menu {
				 left: 3%;
			 }
			 .impact-section {
				 min-height: 1050px !important;
			 }
			 .staff .btn {
				 float: right;
				 margin-top: -55px;
			 }
			 /*.headshot .btn a {
				 padding: 10px 25px;
			 }*/
			 .scaled-img {
				 width: 280px;
				 height: 280px;
			 }
			 .scaled-img img {
				 margin-top: -80px !important;
			 }
			 ul.products li.product .woocommerce-loop-product__title {
				 height: 100px;
			 }
			 .woocommerce a.button {
				 font-size: 50% !important;
			 }
			 table.variations select {
				 font-size: 50%;
			 }
			 .variations .label {
				 font-size: 50%;
				 width: 80px;
				 text-align: center;
			 }
			 .reset_variations {
				 font-size: 80%;
			 }
}
/******************	Apple iPhone 5/5s: 320x568 **********************/
     @media screen 
      and (device-width: 320px) 
		 and (device-height: 568px) {
			 .secondary-menu {
				 left: 3%;
			 }
			 .inner-menu {
				 top: 300px !important;
			 }
			 .entry .entry-title {
				 font-size: 120%;
			 }
			 .entry-content {
				 margin-top: 0px !important;
			 }
			 
}