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

	html {-webkit-text-size-adjust: none;}

	a[href^="tel"]{color:inherit; text-decoration:none;}

	.aos-animate {
	   /*CSS transitions*/
	   -o-transition-property: none !important;
	   -moz-transition-property: none !important;
	   -ms-transition-property: none !important;
	   -webkit-transition-property: none !important;
	   transition-property: none !important;
	   /*CSS transforms*/
	   -o-transform: none !important;
	   -moz-transform: none !important;
	   -ms-transform: none !important;
	   -webkit-transform: none !important;
	   -moz-appearance: transform: none !important;
	   /*CSS animations*/
	   -webkit-animation: none !important;
	   -moz-animation: none !important;
	   -o-animation: none !important;
	   -ms-animation: none !important;
	   animation: none !important;
	}

	#home-image1 {overflow: visible;}
	#home-image1 img {height: auto; max-width: 100%;}

	#home-text2 {margin: 3rem 0 0 0;}

	#news-tiles1 h3 {float: none; width: auto; padding: 0 0 1rem 0;}
	#news-tiles1 #tileImageBox {float: none; width: auto; margin: 0;}

	#events-tiles .tile h3, #ideas-tiles .tile h3 {height: auto;}
	#events-tiles #tileImageBox, #ideas-tiles #tileImageBox {height: auto; max-height: none;}

	#impact-tiles1 h3 {float: none; width: auto; padding: 0 0 1rem 0;}
	#impact-tiles1 #tileImageBox {float: none; width: auto; margin: 0 0 1.5rem 0;}

	#team-tiles1 #tileImageBox {height: 250px; max-height: 250px;}

	label {font-size: 1rem;}
	.field-validation-error {font-size: 1rem;}

	h1 {font-size: 34px;}
	#yellowArrow h1 {font-size: 34px;}
	#greenArrow h1 {font-size: 34px;}
	#orangeArrow h1 {font-size: 34px;}
	#blueArrow h1 {font-size: 34px;}
	#redArrow h1 {font-size: 34px;}
	.impactRed h2 {font-size: 26px;}
	.impactYellow h2 {font-size: 26px;}

	#wrapperTop .text-end {text-align: center !important;}
	#wrapperSpeechBubbles {background: url('../img/background_speech_bubbles.png') 90% 35% no-repeat; background-size: 100px;}
	#parallax {width: 100%; height: 400px; background: url('../img/parallax.jpg') center top scroll no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

	img.iconsLeft {width: 70px;  top: -4.5rem;}
	img.iconsRight {width: 70px; top: -4.5rem; right: 0;}
	#home img.iconsRight {width: 100px; top: -5.5rem;}

	.icon {width: 125px; top: -2rem; padding: 0 0 0 4rem;}

	#yellowArrow {background: url('../img/arrow_yellow.png') 1.5rem 1.5rem no-repeat; background-size: 50px; padding: 3.2rem 3rem 2rem 6.5rem !important;}
	#greenArrow {background: url('../img/arrow_green.png') 1.5rem 1.5rem no-repeat; background-size: 50px; padding: 3.2rem 3rem 2rem 6.5rem !important;}
	#orangeArrow {background: url('../img/arrow_orange.png') 1.5rem 1.5rem no-repeat; background-size: 50px; padding: 3.2rem 3rem 2rem 6.5rem !important;}
	#blueArrow {background: url('../img/arrow_blue.png') 1.5rem 1.5rem no-repeat; background-size: 50px; padding: 3.2rem 3rem 2rem 6.5rem !important;}
	#redArrow {background: url('../img/arrow_red.png') 1.5rem 1.5rem no-repeat; background-size: 50px; padding: 3.2rem 3rem 2rem 6.5rem !important;}
	#home #yellowArrow {background: url('../img/arrow_yellow.png') 1.5rem 1.5rem no-repeat; background-size: 50px; padding: 3.2rem 3rem 2rem 6.5rem !important;}
	#home #greenArrow {background: url('../img/arrow_green.png') 1.5rem 1.5rem no-repeat; background-size: 50px; padding: 3.2rem 3rem 2rem 6.5rem !important;}
	#home #orangeArrow {background: url('../img/arrow_orange.png') 1.5rem 1.5rem no-repeat; background-size: 50px; padding: 0 3rem 0 6.5rem !important;}
	#home #blueArrow {background: url('../img/arrow_blue.png') 1.5rem 1.5rem no-repeat; background-size: 50px; padding: 3.2rem 3rem 2rem 6.5rem !important;}

	#mobileVisible {display: block; visibility: visible; z-index: 6000;}
	#mobileHidden {display: none; visibility: hidden;}

	.navbar-toggler {display: block !important; position: relative; top: -8px;}
	.offcanvas {background: rgba(0, 0, 0, 0.7);}
	.navbar {float: right; top: 40px; margin: 0;}
	.navbar-toggler:focus {box-shadow: none !important;}
	.navbar-light .navbar-toggler {border: none;}
	.navbar-light .navbar-toggler-icon {width: 50px; height: 50px; background-image: url('../img/menu.png'); background-color: #F18A00;}
	.navbar-light .navbar-toggler-icon:hover {background-color: #CF002C;}
	.navbar-collapse {padding: 0 2rem 0.5rem 2rem !important;}
	.nav-link {font-size: 22px; font-weight: 600; text-align: right; margin: 0.3rem 0.5rem 0.3rem 0.5rem !important; text-transform: none; outline: none !important;}
	a.nav-link:link, a.nav-link:visited, a.nav-link:active {color: #FFF !important; text-decoration: none; border-bottom: none;}
	a.nav-link:hover {color: #F18A00 !important; text-decoration: none;}

	a.nav-link.navabout:link, a.nav-link.navabout:visited, a.nav-link.navabout:active {color: #FFF !important; text-decoration: none; border-bottom: none;}
	a.nav-link.navabout:hover {color: #F18A00 !important; text-decoration: none;}
	body#about a.navabout {color: #F18A00 !important; text-decoration: none; border-bottom: none;}

	a.nav-link.navservices:link, a.nav-link.navservices:visited, a.nav-link.navservices:active {color: #FFF !important; text-decoration: none; border-bottom: none;}
	a.nav-link.navservices:hover {color: #41A6C6 !important; text-decoration: none;}
	body#services a.navservices  {color: #41A6C6 !important; text-decoration: none; border-bottom: none;}

	a.nav-link.navadvice:link, a.nav-link.navadvice:visited, a.nav-link.navadvice:active {color: #FFF !important; text-decoration: none; border-bottom: none;}
	a.nav-link.navadvice:hover {color: #72A94E !important; text-decoration: none;}
	body#advice a.navadvice {color: #72A94E !important; text-decoration: none; border-bottom: none;}

	a.nav-link.navhelp:link, a.nav-link.navhelp:visited, a.nav-link.navhelp:active {color: #FFF !important; text-decoration: none; border-bottom: none;}
	a.nav-link.navhelp:hover {color: #CF002C !important; text-decoration: none;}
	body#help a.navhelp {color: #CF002C !important; text-decoration: none; border-bottom: none;}

	a.nav-link.navvolunteering:link, a.nav-link.navvolunteering:visited, a.nav-link.navvolunteering:active {color: #FFF !important; text-decoration: none; border-bottom: none;}
	a.nav-link.navvolunteering:hover {color: #F18A00 !important; text-decoration: none;}
	body#volunteering a.navvolunteering {color: #F18A00 !important; text-decoration: none; border-bottom: none;}

	a.nav-link.navfundraising:link, a.nav-link.navfundraising:visited, a.nav-link.navfundraising:active {color: #FFF !important; text-decoration: none; border-bottom: none;}
	a.nav-link.navfundraising:hover {color: #41A6C6 !important; text-decoration: none;}
	body#fundraising a.navfundraising {color: #41A6C6 !important; text-decoration: none; border-bottom: none;}

	a.nav-link#navcontact:link, a.nav-link#navcontact:visited, a.nav-link#navcontact:active {color: #FFF !important; text-decoration: none; border-bottom: none;}
	a.nav-link#navcontact:hover {color: #72A94E !important; text-decoration: none;}
	body#contact a#navcontact {color: #72A94E !important; text-decoration: none; border-bottom: none;}

	.dropdown-menu {font-size: 18px; color: #FFF !important; text-align: right; background: none !important; padding: 0 0 0.5rem 0; border: none !important; border-radius: 0;}
	.dropdown-menu.orange-menu {background: none !important;}
	.dropdown-menu.blue-menu {background: none !important;}
	.dropdown-menu.green-menu {background: none !important;}
	.dropdown-menu.red-menu {background: none !important;}
	a.dropdown-item:link, a.dropdown-item:visited, a.dropdown-item:active {color: #FFF !important; text-decoration: none;}
	a.dropdown-item:hover {color: #F18A00 !important; background: none !important;}

	#slideshowDesktop {display: none !important; visibility: hidden;}
	#slideshowMobile {display: block !important; visibility: visible;}

	.carousel-caption {display: none; visibility: hidden;}
	#wrapperTestimonials .carousel-caption {display: block !important; visibility: visible; padding: 0 1.5rem 4rem 1.5rem;}

	#mobileOnly {display: block; visibility: visible;}

	.circleRed {width: 165px; height: 165px; font-size: 60px; padding: 1.5rem 1rem 0 1rem;}
	.circleOrange {width: 165px; height: 165px; font-size: 60px; padding: 1.5rem 1rem 0 1rem;}

	.circleButton {width: 165px; height: 165px; font-size: 20px; background: url('../img/pdf_white.png') center 0.5rem no-repeat #EBD925; padding: 3rem 1rem 0 1rem; line-height: 24px;}
	.circleButton:hover {background: url('../img/pdf_white.png') center 0.8rem no-repeat #000;}

	.accordion-body img {float: none; width: 100%; padding: 0 0 1rem 0;}

	#sideImage {padding: 0 3rem 3rem 3rem !important;}

	.quote {width: 100%;}

	img.twitter, img.facebook, img.linkedin, img.instagram, img.vimeo {width: 35px; height: 35px; margin: 0 4px 0 4px; top: 0;}

	@media screen and (max-width: 865px) {
		#wrapperSpeechBubbles {background: none;}
	}

	@media screen and (max-width: 767px) {
		#team-tiles1 {width: 100%;}
		#team-tiles1 #tileImageBox {height: auto; max-height: none;}
	}

	@media screen and (max-width: 635px) {
		#home-text2 {margin: 0;}

		h1 {font-size: 30px;}
		#yellowArrow h1 {font-size: 30px;}
		#greenArrow h1 {font-size: 30px;}
		#orangeArrow h1 {font-size: 30px;}
		#blueArrow h1 {font-size: 30px;}
		#redArrow h1 {font-size: 30px;}

		#wrapperIcons {display: none; visibility: hidden;}
		img.icon {display: none; visibility: hidden;}

		#wrapperFooter img {width: 150px;}

		#yellowArrow {background: url('../img/arrow_yellow.png') 1.5rem 1.5rem no-repeat; background-size: 30px; padding: 2.2rem 3rem 2rem 4.5rem !important;}
		#greenArrow {background: url('../img/arrow_green.png') 1.5rem 1.5rem no-repeat; background-size: 30px; padding: 2.2rem 3rem 2rem 4.5rem !important;}
		#orangeArrow {background: url('../img/arrow_orange.png') 1.5rem 1.5rem no-repeat; background-size: 30px; padding: 2.2rem 3rem 2rem 4.5rem !important;}
		#blueArrow {background: url('../img/arrow_blue.png') 1.5rem 1.5rem no-repeat; background-size: 30px; padding: 2.2rem 3rem 2rem 4.5rem !important;}
		#redArrow {background: url('../img/arrow_red.png') 1.5rem 1.5rem no-repeat; background-size: 30px; padding: 2.2rem 3rem 2rem 4.5rem !important;}
		#home #yellowArrow {background: url('../img/arrow_yellow.png') 1.5rem 1.5rem no-repeat; background-size: 30px; padding: 2.2rem 3rem 2rem 4.5rem !important;}
		#home #greenArrow {background: url('../img/arrow_green.png') 1.5rem 1.5rem no-repeat; background-size: 30px; padding: 2.2rem 3rem 2rem 4.5rem !important;}
		#home #orangeArrow {background: url('../img/arrow_orange.png') 1.5rem 0 no-repeat; background-size: 30px; padding: 0.6rem 3rem 0 4.5rem !important;}
		#home #blueArrow {background: url('../img/arrow_blue.png') 1.5rem 1.5rem no-repeat; background-size: 30px; padding: 2.2rem 3rem 2rem 4.5rem !important;}
	}

	@media screen and (max-width: 575px) {
		#wrapperTop img {width: 25px; height: 25px;}
		#wrapperTop .donate img {width: auto; height: 25px;}

		#logo {width: 40%; padding: 1rem 2rem 1rem 2rem !important;}
		#home #logo {padding: 1rem 2rem 0 2rem !important;}
		#navMenu {width: 60%; padding: 2rem 0 0 0 !important;}

		.navbar {top: 0;}

		.boxTitle {font-size: 16px; padding: 0.3rem 1rem 0.5rem 1rem;}
		.boxTitle img {width: 12px; margin: 0 0.5rem 0 0 !important;}

		img.twitter, img.facebook, img.linkedin, img.instagram, img.vimeo {margin: 0;}

		a.donate:link, a.donate:visited, a.donate:active {font-size: 1rem;}
		#wrapperCopyright a.donate:link, #wrapperCopyright a.donate:visited, #wrapperCopyright a.donate:active {font-size: 1.2rem;}
	}

	@media screen and (max-width: 482px) {
		#wrapperTop button, #wrapperTop button:link, #wrapperTop button:visited, #wrapperTop button:active {margin: 0.5rem 0 0 0;}
		#wrapperTop button img {margin: 0 !important;}
	}

	@media screen and (max-width: 459px) {
		#wrapperCopyright .donate {width: 100%; display: block; margin: 0 0 1rem 0;}
	}

	@media screen and (max-width: 390px) {
		#logo {width: 50%;}
		#navMenu {width: 50%;}

		img.twitter, img.facebook, img.linkedin, img.instagram, img.vimeo {width: 20px; height: 20px;}

		a.donate:link, a.donate:visited, a.donate:active {font-size: 0.8rem;}

		#wrapperFooterNav a:link, #wrapperFooterNav a:visited, #wrapperFooterNav a:active {margin: 0.5rem 0 0.5rem 0; display: block;}
	}

	@media screen and (max-width: 300px) {
		.navbar {top: -30px;}
	}
}

img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}