/*
Theme Name: Jenks
Theme URI: http://www.jenksfoundation.com/
Description: A custom theme developed by Internet Imagineering for use on www.jenksfoundation.com.
Version: 1.38 - Shane 8/28/2024
Version: 1.39 - Shane 9/3/2024 - Working on the 1036 to 1100 size stop - moving 1036 to 768
	- Try 2:  Moving max down to 1005+, moving the 768 to 935
	- Try 3:  Forgot to decrease min width of the max one
	- Also removed the logos CSS, remove more CSS for all removed shortly.
Version 1.40 - Shane 9/3/2024 - Working on the orange stats, 3rd item wraps to the right.  Decreasing the left margin down to 30px, adding top margin of 30px to keep them apart.  Only applies to the biggest width.
	- Try 2:  Got max to work correct, now working on the next largest.
	- Try 3:  Second max, margins working, 3rd item still goes right.  maybe center all?  Also added margin tops to all others
Tags: fixed width, two columns
	- Try 4:  Working on second resolution again to get orange lined up.  remove some things added others
Version: 1.4 - Shane 5/2/2025 - Reversed the footer text colors, changed static white and hover to light grey to be more visible.
*/

body {
	font-family: 'Work Sans', arial, verdana sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	background: #f2f2f2;
	padding: 0;
	margin: 0;
}

.clear { clear: both;}

h1.pagetitle {color: #333; font-size: 28px; font-weight: 700; text-transform: uppercase;}
h3 {color: #333; font-size: 28px; font-weight: 300;}

.content a {color: #f89421; text-decoration: none;}
.content a:visited {color: #f89421; text-decoration: none;}
.content a:hover {color: #7d2248; text-decoration: none;}

.alignright {float: right;}
.alignleft {float: left;}

.donatebutton {margin: 20px 0;}

.imgfade {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.imgfade:hover {
	opacity: 0.5;
}

.sidebar-nav ul {list-style-type: none; margin: 0; padding: 0;}
.sidebar-nav ul li {margin: 0; padding: 0; color: #f89421;}
.sidebar-nav ul li a {color: #f89421; text-decoration: none;}
.sidebar-nav ul li a:visited {color: #f89421; text-decoration: none;}
.sidebar-nav ul li a:hover {color: #7d2248; text-decoration: none;}

a.donatebutton {background-color: #f05a28; color: #fff; font-size: 20px; font-weight: 400; text-transform: uppercase; text-align: center; padding: 15px 70px; text-decoration: none;}
a:visited.donatebutton {background-color: #f05a28; color: #fff; font-size: 20px; font-weight: 400; text-transform: uppercase; text-align: center; padding: 15px 70px; text-decoration: none;}
a:hover.donatebutton {background-color: #7d2248; color: #fff; font-size: 20px; font-weight: 400; text-transform: uppercase; text-align: center; padding: 15px 70px; text-decoration: none;}

.nextbutton {width: 282px; background-color: #f05a28; color: #fff; font-size: 20px; font-weight: 400; text-transform: uppercase; padding: 15px 0; border: 0px; margin: 10px 0 0px 0;}
.nextbutton:hover {background-color: #7d2248;}

/* Drop-down menus */
#dropmenu, #dropmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	font-weight:bold;
	z-index: 6000;
}
#dropmenu a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#dropmenu li a.about{display:block; float:left; height:101px; width: 121px; text-decoration:none; padding:0; cursor:pointer; line-height: 101px; text-align:center;}
#dropmenu li a.programs {display:block; float:left; height:101px; width: 165px; text-decoration:none; padding:0; cursor:pointer; line-height: 101px; text-align:center;}
#dropmenu li a.events {display:block; float:left; height:101px; width: 130px; text-decoration:none; padding:0; cursor:pointer; line-height: 101px; text-align:center;}
#dropmenu li a.news {display:block; float:left; height:101px; width: 114px; text-decoration:none; padding:0; cursor:pointer; line-height: 101px; text-align:center;}
#dropmenu li a.contact {display:block; float:left; height:101px; width: 149px; text-decoration:none; padding:0; cursor:pointer;line-height: 101px; text-align:center;}
#dropmenu li a.donate {display:block; float:left; height:101px; width: 121px; text-decoration:none; padding:0; cursor:pointer; line-height: 101px; text-align:center;}

#dropmenu li a.about {background-color: #7d2248;}
#dropmenu li a.programs {background-color: #7d2248;}
#dropmenu li a.events {background-color: #7d2248;}
#dropmenu li a.news {background-color: #7d2248;}
#dropmenu li a.contact {background-color: #7d2248;}
#dropmenu li a.donate {background-color: #7d2248;}

#dropmenu li:hover a.about, #dropmenu a:hover.about {background-color: #f05a28;}
#dropmenu li:hover a.programs, #dropmenu a:hover.programs {background-color: #f05a28;}
#dropmenu li:hover a.events, #dropmenu a:hover.events {background-color: #f05a28;}
#dropmenu li:hover a.news, #dropmenu a:hover.news {background-color: #f05a28;}
#dropmenu li:hover a.contact, #dropmenu a:hover.contact {background-color: #f05a28;}
#dropmenu li:hover a.donate, #dropmenu a:hover.donate {background-color: #f05a28;}

/*
#dropmenu li a.about {background:url(images/topnav-about-1.jpg);}
#dropmenu li a.programs {background:url(images/topnav-programs-1.jpg);}
#dropmenu li a.events {background:url(images/topnav-events-1.jpg);}
#dropmenu li a.news {background:url(images/topnav-news-1.jpg);}
#dropmenu li a.contact {background:url(images/topnav-contact-1.jpg);}
#dropmenu li a.donate {background:url(images/topnav-donate-1.jpg);}

#dropmenu li:hover a.about, #dropmenu a:hover.about {background:url(images/topnav-about-2.jpg);}
#dropmenu li:hover a.programs, #dropmenu a:hover.programs {background:url(images/topnav-programs-2.jpg);}
#dropmenu li:hover a.events, #dropmenu a:hover.events {background:url(images/topnav-events-2.jpg);}
#dropmenu li:hover a.news, #dropmenu a:hover.news {background:url(images/topnav-news-2.jpg);}
#dropmenu li:hover a.contact, #dropmenu a:hover.contact {background:url(images/topnav-contact-2.jpg);}
#dropmenu li:hover a.donate, #dropmenu a:hover.donate {background:url(images/topnav-donate-2.jpg);}
*/

#dropmenu li {
	float:left;
	/*position:relative;*/
	display:block;
}
#dropmenu ul {
	position:absolute;
	display:none;
	height:auto;
	border-bottom:2px solid #000;
}
#dropmenu ul a {
	color:#000;
	/*padding:0px;*/
}
#dropmenu ul a:hover {
	background-color: #BDBDBD;
}
#dropmenu li ul {
	background-color: #BDBDBD;
	top:101px;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 300px;
	border-right:0px solid #fff;
	border-left:0px solid #fff;
	border-bottom: 0px solid #fff;
	opacity: .9;
}

#dropmenu li ul li.current_page_item a {
	background:#BDBDBD;
	color:#7d2248;
}

#dropmenu li ul li {
	border-top:0px solid #fff;
}

#dropmenu li ul a {
	width:260px;
	padding:10px 10px 6px 25px;
	font-size: 16px;
	float:left;
	font-weight: 400;
}

#dropmenu li ul a:hover {
	color: #f05a28;
}

#dropmenu ul ul {
	top:auto;
}
#dropmenu li ul ul {
	left:175px;
	margin:0px 0 0 10px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
	display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
	display:block;
}

.mobilenav ul {list-style-type: none; margin: 0 0 0 50px; padding: 0;}
.mobilenav ul li {margin: 0px 0; padding: 0;}
.mobilenav ul li a {color: #999; text-decoration: none;}
.mobilenav ul li a:visited {color: #999; text-decoration: none;}
.mobilenav ul li a:hover {color: #fff; text-decoration: none;}

@media screen and (min-width: 0px) and (max-width: 1005px) {
	
	@media screen and (min-width: 935px) and (max-width: 1005px) {		
		
		@media screen and (min-width: 935px) and (max-width: 1005px) {
		
			.mobile-menu {display: none;}
			
			.wrapper-header {width: 100%; background-color: #7d2248; height: 101px; min-height: 101px;}
			.wrapper-content {width: 94%; margin: 50px 3%;}
			.wrapper-impact {width: 100%; background-color: #fff; border-top: 2px dotted #999;}
			.wrapper-footer {width: 100%; background-color: #454545; }
	
			.container-header {width: 100%; max-width: 1100px; margin: 0 auto;}
			.header-logo {float: left; background-color: #7d2248; padding: 0 15px 2px 15px;}
			.header-nav {float: right; margin: 0 3px 0 0;}
			.topnav {float: left;}
			.social {display: none; float: left; margin: 60px 0 0 20px;}
	
			.content-container {float: left; width: 60%;}
			.sidebar-container {float: right; width: 340px; margin-top: 30px;}
			
			.sidebar-holder {background-color: #fff; width: 280px; padding: 20px 30px; margin-bottom: 30px;}
			h3.sidebar-title {color: #333; font-size: 28px; font-weight: 700px; text-transform: uppercase; margin: 10px 0;}
			h3.title-impact {font-size: 30px; font-weight: 400; margin: 0 0 20px 0; padding: 0;}
	
			.container-impact {width: 100%; max-width: 1100px; margin: 0 auto; text-align: center; padding: 50px 0 70px 0;}
			.impact-buttons img {margin: 10px;}
			.impact-text {width: 80%; margin: 0 10% 20px 10%;}
	
			.container-footer {width: 100%; max-width: 1100px; margin: 0 auto; padding: 30px 0; min-height: 300px;}
			.footer-logo {width: 100%; margin: 0 auto 30px auto; text-align: center;}
			.footer-nav {width: 100%; margin: 0 auto;}
			.footer-text {float: left; margin: 0 0 0 0;}
			.footer-title {font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 400;}
			.footer-title a {color: #fff; text-decoration: none;}
			.footer-title a:visited {color: #fff; text-decoration: none;}
			.footer-title a:hover {color: #fff; text-decoration: underline;}
			.footer-text {line-height: 18px; margin: 10px 0 0 50px; width: 120px;}
			.footer-text ul {list-style-type: none; margin: 0; padding: 0;}
			.footer-text ul li {color: #ffffff; margin: 5px 0 0 0; padding: 0; font-size: 14px;}
			.footer-text ul li a {color: #ffffff; margin: 0; padding: 0; text-decoration: none;}
			.footer-text ul li a:visited {color: #ffffff; text-decoration: none;}
			.footer-text ul li a:hover {color: #747474; text-decoration: none;}
			.footer-contact-mail {float: left; color: #ffffff; line-height: 24px; font-size: 14px;}
			.footer-contact-person {float: left; color: #ffffff; line-height: 24px; font-size: 14px;}
	
			.copyright {width: 80%; margin: 0 10%; text-align: center; color: #ffffff; line-height: 24px; font-size: 14px; padding: 20px 0;}
			.copyright a {color: #ffffff; text-decoration: none;}
			.copyright a:visited {color: #ffffff; text-decoration: none;}
			.copyright a:hover {color: #747474; text-decoration: none;}
	
			.front-slider {width: 100%; background-color: #fff;}
			.front-orangetitle {background-color: #f05a28; width: 100%; text-align: center; color: #fff; font-size: 32px; padding: 35px 0; font-weight: 300;}
			.front-wrapper-features {background-color: #fff; width: 100%;}
			.front-features-container {width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 0; text-align: center;}
			.front-features-container img {margin: 10px;}
	
			.front-content-container {width: 94%; margin: 0 3%;}
			.front-sidebar-container {width: 94%; margin: 0 3%;}
			.front-news-holder {width: 94%; margin: 0 3%; border-bottom: 1px dotted #999; margin-top: 30px;}
			.front-news-holder-pic {float: left; margin: 0 30px 0px 0;}
			.front-news-title {font-size: 18px; font-weight: 700; text-transform: uppercase;}
			.front-news-date {font-style: italic; font-size: 16px; color: #999; margin: 5px 0 10px 0;}
			.front-news-holder-text {width: 100%; padding: 20px; padding: 20px; font-size: 16px;}
			.front-news-readmore {font-weight: 400; margin-top: 20px; text-transform: uppercase;}
			.front-news-readmore a {color: #f05a28; text-decoration: none;}
			.front-news-readmore a:visited {color: #f05a28; text-decoration: none;}
			.front-news-readmore a:hover {color: #f05a28; text-decoration: underline;}
	
			.front-wrapper-orange {background-color: #f89421; width: 100%;}
			.front-container-orange {width: 100%; max-width: 1100px; margin: 0 auto; min-height: 300px; padding: 30px 0; text-align:center}
			.front-orange-holder {width: 300px; margin-left: 30px; margin-top: 30px; display:inline-block;}
			.front-orange-title {font-size: 65px; font-weight: bold; color: #fff; margin-top: 30px;}
			.front-orange-text {color: #fff; font-weight: 300; font-size: 20px; margin-top: 30px;}
			
		}
		
		@media screen and (min-width: 935px) and (max-width: 1005px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
		
			.wrapper-header {width: 100%; background-color: #7d2248; height: 101px; min-height: 101px;}
			.wrapper-content {width: 94%; margin: 50px 3%;}
			.wrapper-impact {width: 100%; background-color: #fff; border-top: 2px dotted #999;}
			.wrapper-footer {width: 100%; background-color: #454545; }
	
			.container-header {width: 100%; max-width: 1100px; margin: 0 auto;}
			.header-logo {float: left; background-color: #7d2248; padding: 0 15px 2px 15px;}
			.header-nav {float: right; margin: 0 3px 0 0;}
			.topnav {display: none; float: left;}
			.social {display: none; float: left; margin: 60px 0 0 20px;}
			
			.mobile-menu {display: inline; float: right; margin: 25px 20px 0 0;}
	
			.content-container {width: 94%; margin: 0 3%;}
			.sidebar-container {width: 94%; margin: 0 3%;}
			
			.sidebar-holder {background-color: #fff; width: 94%; padding: 20px 30px; margin-bottom: 30px;}
			h3.sidebar-title {color: #333; font-size: 28px; font-weight: 700px; text-transform: uppercase; margin: 10px 0;}
			h3.title-impact {font-size: 30px; font-weight: 400; margin: 0 0 20px 0; padding: 0;}
	
			.container-impact {width: 100%; max-width: 1100px; margin: 0 auto; text-align: center; padding: 50px 0 70px 0;}
			.impact-buttons img {margin: 10px;}
			.impact-text {width: 80%; margin: 0 10% 20px 10%;}
	
			.container-footer {width: 100%; max-width: 1100px; margin: 0 auto; padding: 30px 0; min-height: 300px;}
			.footer-logo {width: 100%; margin: 0 auto 30px auto; text-align: center;}
			.footer-nav {width: 100%; margin: 0 auto;}
			.footer-text {float: left; margin: 0 0 0 0;  width: 120px;}
			.footer-title {font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 400;}
			.footer-title a {color: #fff; text-decoration: none;}
			.footer-title a:visited {color: #fff; text-decoration: none;}
			.footer-title a:hover {color: #fff; text-decoration: underline;}
			.footer-text {line-height: 18px; margin: 10px 0 0 50px;}
			.footer-text ul {list-style-type: none; margin: 0; padding: 0;}
			.footer-text ul li {color: #ffffff; margin: 5px 0 0 0; padding: 0; font-size: 14px;}
			.footer-text ul li a {color: #ffffff; margin: 0; padding: 0; text-decoration: none;}
			.footer-text ul li a:visited {color: #ffffff; text-decoration: none;}
			.footer-text ul li a:hover {color: #747474; text-decoration: none;}
			.footer-contact-mail {float: left; color: #ffffff; line-height: 24px; font-size: 14px;}
			.footer-contact-person {float: left; color: #ffffff; line-height: 24px; font-size: 14px;}
	
			.copyright {width: 80%; margin: 0 10%; text-align: center; color: #ffffff; line-height: 24px; font-size: 14px; padding: 20px 0;}
			.copyright a {color: #ffffff; text-decoration: none;}
			.copyright a:visited {color: #ffffff; text-decoration: none;}
			.copyright a:hover {color: #747474; text-decoration: none;}
	
			.front-slider {width: 100%; background-color: #fff;}
			.front-orangetitle {background-color: #f05a28; width: 100%; text-align: center; color: #fff; font-size: 32px; padding: 35px 0; font-weight: 300;}
			.front-wrapper-features {background-color: #fff; width: 100%;}
			.front-features-container {width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 0; text-align: center;}
			.front-features-container img {margin: 10px;}
	
			.front-content-container {width: 94%; margin: 0 3%;}
			.front-sidebar-container {width: 94%; margin: 0 3%;}
			.front-news-holder {width: 94%; margin: 0 3%; border-bottom: 1px dotted #999; margin-top: 30px;}
			.front-news-holder-pic {float: left; margin: 0 30px 0px 0;}
			.front-news-title {font-size: 18px; font-weight: 700; text-transform: uppercase;}
			.front-news-date {font-style: italic; font-size: 16px; color: #999; margin: 5px 0 10px 0;}
			.front-news-holder-text {width: 100%; padding: 20px; padding: 20px; font-size: 16px;}	
			.front-news-readmore {font-weight: 400; margin-top: 20px; text-transform: uppercase;}
			.front-news-readmore a {color: #f05a28; text-decoration: none;}
			.front-news-readmore a:visited {color: #f05a28; text-decoration: none;}
			.front-news-readmore a:hover {color: #f05a28; text-decoration: underline;}
	
			.front-wrapper-orange {background-color: #f89421; width: 100%;}
			.front-container-orange {width: 100%; max-width: 1100px; margin: 0 auto; min-height: 300px; padding: 30px 0; align-content: center;}
			.front-orange-holder {width: 300px; float: left; text-align: center; margin-left: 30px; margin-top: 30px;}
			.front-orange-title {font-size: 65px; font-weight: bold; color: #fff; margin-top: 30px;}
			.front-orange-text {color: #fff; font-weight: 300; font-size: 20px; margin-top: 30px;}
			
		}

	}
	
	@media screen and (min-width: 481px) and (max-width: 935px) {
		
		.wrapper-header {width: 100%; background-color: #7d2248; height: 101px; min-height: 101px;}
		.wrapper-content {width: 94%; margin: 50px 3%;}
		.wrapper-impact {width: 100%; background-color: #fff; border-top: 2px dotted #999;}
		.wrapper-footer {width: 100%; background-color: #454545; }

		.container-header {width: 100%; max-width: 1100px; margin: 0 auto;}
		.header-logo {float: left; background-color: #7d2248; padding: 0 15px 2px 15px;}
		.header-nav {position: fixed; right: 0; margin: 0 3px 0 0;}
		.topnav {display: none; float: left;}
		.social {display: none; float: left; margin: 60px 0 0 20px;}
		
		.mobile-menu {float: right; margin: 25px 20px 0 0;}

		.content-container {width: 94%; margin: 0 3%;}
		.sidebar-container {width: 94%; margin: 0 3%;}
		
		.sidebar-holder {background-color: #fff; width: 94%; padding: 20px 30px; margin-bottom: 30px;}
		h3.sidebar-title {color: #333; font-size: 28px; font-weight: 700px; text-transform: uppercase; margin: 10px 0;}
		h3.title-impact {font-size: 30px; font-weight: 400; margin: 0 0 20px 0; padding: 0;}

		.container-impact {width: 100%; max-width: 1100px; margin: 0 auto; text-align: center; padding: 50px 0 70px 0;}
		.impact-buttons img {margin: 10px;}
		.impact-text {width: 80%; margin: 0 10% 20px 10%;}

		.container-footer {width: 100%; max-width: 1100px; margin: 0 auto; padding: 30px 0; min-height: 300px;}
		.footer-logo {width: 100%; margin: 0 auto 30px auto; text-align: center;}
		.footer-nav {width: 100%; margin: 0 auto;}
		.footer-text {float: left; margin: 0 0 0 0;  width: 120px;}
		.footer-title {font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 400;}
		.footer-title a {color: #fff; text-decoration: none;}
		.footer-title a:visited {color: #fff; text-decoration: none;}
		.footer-title a:hover {color: #fff; text-decoration: underline;}
		.footer-text {line-height: 18px; margin: 10px 0 0 50px;}
		.footer-text ul {list-style-type: none; margin: 0; padding: 0;}
		.footer-text ul li {color: #ffffff; margin: 5px 0 0 0; padding: 0; font-size: 14px;}
		.footer-text ul li a {color: #ffffff; margin: 0; padding: 0; text-decoration: none;}
		.footer-text ul li a:visited {color: #ffffff; text-decoration: none;}
		.footer-text ul li a:hover {color: #747474; text-decoration: none;}
		.footer-contact-mail {float: left; color: #ffffff; line-height: 24px; font-size: 14px;}
		.footer-contact-person {float: left; color: #ffffff; line-height: 24px; font-size: 14px;}

		.copyright {width: 80%; margin: 0 10%; text-align: center; color: #ffffff; line-height: 24px; font-size: 14px; padding: 20px 0;}
		.copyright a {color: #ffffff; text-decoration: none;}
		.copyright a:visited {color: #ffffff; text-decoration: none;}
		.copyright a:hover {color: #747474; text-decoration: none;}

		.front-slider {width: 100%; background-color: #fff;}
		.front-orangetitle {background-color: #f05a28; width: 100%; text-align: center; color: #fff; font-size: 32px; padding: 35px 0; font-weight: 300;}
		.front-wrapper-features {background-color: #fff; width: 100%;}
		.front-features-container {width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 0; text-align: center;}
		.front-features-container img {margin: 10px;}

		.front-content-container {width: 94%; margin: 0 3%;}
		.front-sidebar-container {width: 94%; margin: 0 3%;}
		.front-news-holder {width: 94%; margin: 0 3%; border-bottom: 1px dotted #999; margin-top: 30px;}
		.front-news-holder-pic {width: 94%; margin: 0 3%;}
		.front-news-holder-pic img {width: 100%;}
		.front-news-title {font-size: 18px; font-weight: 700; text-transform: uppercase;}
		.front-news-date {font-style: italic; font-size: 16px; color: #999; margin: 5px 0 10px 0;}
		.front-news-holder-text {width: 100%; padding: 20px; padding: 20px; font-size: 16px;}

		.front-news-readmore {font-weight: 400; margin-top: 20px; text-transform: uppercase;}
		.front-news-readmore a {color: #f05a28; text-decoration: none;}
		.front-news-readmore a:visited {color: #f05a28; text-decoration: none;}
		.front-news-readmore a:hover {color: #f05a28; text-decoration: underline;}

		.front-wrapper-orange {background-color: #f89421; width: 100%;}
		.front-container-orange {width: 100%; max-width: 1100px; margin: 0 auto; min-height: 300px; padding: 30px 0; text-align: center;}
		.front-orange-holder {width: 94%; margin: 0 3%; text-align: center; margin-top: 30px;}
		.front-orange-title {font-size: 65px; font-weight: bold; color: #fff; margin-top: 30px;}
		.front-orange-text {color: #fff; font-weight: 300; font-size: 20px; margin-top: 30px;}
		
	}
	
	@media screen and (min-width: 0px) and (max-width: 480px) {
		
		.wrapper-header {width: 100%; background-color: #7d2248; height: 101px; min-height: 101px;}
		.wrapper-content {width: 94%; margin: 50px 3%;}
		.wrapper-impact {width: 100%; background-color: #fff; border-top: 2px dotted #999;}
		.wrapper-footer {width: 100%; background-color: #454545; }

		.container-header {width: 100%; margin: 0 auto;}
		.header-logo {float: left; background-color: #7d2248; padding: 0 15px 2px 15px;}
		.header-nav {float: right; margin: 0 3px 0 0;}
		.topnav {display: none; float: left;}
		.social {display: none; float: left; margin: 60px 0 0 20px;}
		
		.mobile-menu {float: right; margin: 25px 20px 0 0;}

		.content-container {width: 94%; margin: 0 3%;}
		.sidebar-container {width: 94%; margin: 0 3%;}
		
		.sidebar-holder {background-color: #fff; width: 94%; padding: 20px 30px; margin-bottom: 30px;}
		h3.sidebar-title {color: #333; font-size: 28px; font-weight: 700px; text-transform: uppercase; margin: 10px 0;}
		h3.title-impact {font-size: 30px; font-weight: 400; margin: 0 0 20px 0; padding: 0;}

		.container-impact {width: 100%; max-width: 1100px; margin: 0 auto; text-align: center; padding: 50px 0 70px 0;}
		.impact-buttons img {margin: 10px;}
		.impact-text {width: 80%; margin: 0 10% 20px 10%;}

		.container-footer {width: 100%; max-width: 1100px; margin: 0 auto; padding: 30px 0; min-height: 300px;}
		.footer-logo {width: 100%; margin: 0 auto 30px auto; text-align: center;}
		.footer-nav {display: none; width: 100%; margin: 0 auto;}
		.footer-text {float: left; margin: 0 0 0 0; width: 120px;}
		.footer-title {font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 400;}
		.footer-title a {color: #fff; text-decoration: none;}
		.footer-title a:visited {color: #fff; text-decoration: none;}
		.footer-title a:hover {color: #fff; text-decoration: underline;}
		.footer-text {line-height: 18px; margin: 10px 0 0 50px;}
		.footer-text ul {list-style-type: none; margin: 0; padding: 0;}
		.footer-text ul li {color: #ffffff; margin: 5px 0 0 0; padding: 0; font-size: 14px;}
		.footer-text ul li a {color: #ffffff; margin: 0; padding: 0; text-decoration: none;}
		.footer-text ul li a:visited {color: #ffffff; text-decoration: none;}
		.footer-text ul li a:hover {color: #747474; text-decoration: none;}
		.footer-contact-mail {float: left; color: #ffffff; line-height: 24px; font-size: 14px;}
		.footer-contact-person {float: left; color: #ffffff; line-height: 24px; font-size: 14px;}

		.copyright {width: 80%; margin: 0 10%; text-align: center; color: #ffffff; line-height: 24px; font-size: 14px; padding: 20px 0;}
		.copyright a {color: #ffffff; text-decoration: none;}
		.copyright a:visited {color: #ffffff; text-decoration: none;}
		.copyright a:hover {color: #747474; text-decoration: none;}

		.front-slider {width: 100%; background-color: #fff;}
		.front-orangetitle {background-color: #f05a28; width: 100%; text-align: center; color: #fff; font-size: 32px; padding: 35px 0; font-weight: 300;}
		.front-wrapper-features {background-color: #fff; width: 100%;}
		.front-features-container {width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 0; text-align: center;}
		.front-features-container img {margin: 10px;}

		.front-content-container {float: left; width: 68%;}
		.front-sidebar-container {float: right; width: 340px;}
		.front-news-holder {float: left; margin: 0 20px 0 0;}
		.front-news-holder-pic {width: 341px; border-top: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; padding: 1px;}
		.front-news-title {font-size: 18px; font-weight: 700; text-transform: uppercase;}
		.front-news-date {font-style: italic; font-size: 16px; color: #999; margin: 5px 0 10px 0;}
		.front-news-holder-text {width: 303px; padding: 20px; border-bottom: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; padding: 20px; height: 450px; min-height: 450px; font-size: 16px;}

		.front-news-readmore {font-weight: 400; margin-top: 20px; text-transform: uppercase;}
		.front-news-readmore a {color: #f05a28; text-decoration: none;}
		.front-news-readmore a:visited {color: #f05a28; text-decoration: none;}
		.front-news-readmore a:hover {color: #f05a28; text-decoration: underline;}

		.front-wrapper-orange {background-color: #f89421; width: 100%;}
		.front-container-orange {width: 100%; max-width: 1100px; margin: 0 auto; min-height: 300px; padding: 30px 0; text-align: center;}
		.front-orange-holder {width: 94%; margin: 0 3%; text-align: center; margin-top: 30px;}
		.front-orange-title {font-size: 65px; font-weight: bold; color: #fff; margin-top: 30px;}
		.front-orange-text {color: #fff; font-weight: 300; font-size: 20px; margin-top: 30px;}

	}
	
}

@media screen and (min-width: 1006px) {

	.mobile-menu {display: none;}
	
	/*.wrapper-header {width: 100%; background:#fff url("images/header-bg.jpg") top; background-size: 2400px 101px; height: 101px; min-height: 101px;}*/
	.wrapper-header {width: 100%; background-color: #7d2248; height: 101px; min-height: 101px;}
	.wrapper-content {width: 100%; max-width: 1100px; margin: 50px auto;}
	.wrapper-impact {width: 100%; background-color: #fff; border-top: 2px dotted #999;}
	.wrapper-footer {width: 100%; background-color: #454545; }
	
	.container-header {width: 100%; max-width: 1100px; margin: 0 auto;}
	.header-logo {background-color: #7d2248; float: left; padding: 0 0px 0 20px; align-content:center;}
	.header-nav {background-color:#7d2248; float: left; margin: 0 3px 0 0;}
	.topnav {float: left;}
	.social {float: left; padding: 0 10px 0 10px; height: 101px; min-height: 101px; align-content:center;}
	
	.content-container {float: left; width: 65%;}
	.sidebar-container {float: right; width: 340px; margin-top: 30px;}
	
	.sidebar-holder {background-color: #fff; width: 280px; padding: 20px 30px; margin-bottom: 30px;}
	h3.sidebar-title {color: #333; font-size: 28px; font-weight: 700px; text-transform: uppercase; margin: 10px 0;}
	h3.title-impact {font-size: 30px; font-weight: 400; margin: 0 0 20px 0; padding: 0;}
	
	.container-impact {width: 100%; max-width: 1100px; margin: 0 auto; text-align: center; padding: 50px 0 70px 0;}
	.impact-buttons img {margin: 10px;}
	.impact-text {width: 80%; margin: 0 10% 20px 10%;}
	
	.container-footer {width: 100%; max-width: 1100px; margin: 0 auto; padding: 30px 0; min-height: 300px;}
	.footer-logo {float: left; margin: 0 0 0 0;}
	.footer-nav {float: left; margin: 0 0 0 20px;}
	.footer-text {float: left; margin: 0 0 0 0;}
	.footer-title {font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 400;}
	.footer-title a {color: #fff; text-decoration: none;}
	.footer-title a:visited {color: #fff; text-decoration: none;}
	.footer-title a:hover {color: #fff; text-decoration: underline;}
	.footer-text {line-height: 18px; margin: 10px 0 0 50px; width: 120px;}
	.footer-text ul {list-style-type: none; margin: 0; padding: 0;}
	.footer-text ul li {color: #ffffff; margin: 5px 0 0 0; padding: 0; font-size: 14px;}
	.footer-text ul li a {color: #ffffff; margin: 0; padding: 0; text-decoration: none;}
	.footer-text ul li a:visited {color: #ffffff; text-decoration: none;}
	.footer-text ul li a:hover {color: #747474; text-decoration: none;}
	.footer-contact-mail {float: left; color: #ffffff; line-height: 24px; font-size: 14px;}
	.footer-contact-person {float: left; color: #ffffff; line-height: 24px; font-size: 14px;}
	
	.copyright {width: 80%; margin: 0 10%; text-align: center; color: #ffffff; line-height: 24px; font-size: 14px; padding: 20px 0;}
	.copyright a {color: #ffffff; text-decoration: none;}
	.copyright a:visited {color: #ffffff; text-decoration: none;}
	.copyright a:hover {color: #747474; text-decoration: none;}
	
	.front-slider {width: 100%; background-color: #fff;}
	.front-orangetitle {background-color: #f05a28; width: 100%; text-align: center; color: #fff; font-size: 32px; padding: 35px 0; font-weight: 300;}
	.front-wrapper-features {background-color: #fff; width: 100%;}
	.front-features-container {width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 0; text-align: center;}
	.front-features-container img {margin: 10px;}
	
	.front-content-container {float: left; width: 68%;}
	.front-sidebar-container {float: right; width: 340px; margin-top: 50px;}
	.front-news-holder {float: left; margin: 0 20px 0 0;}
	.front-news-holder-pic {width: 341px; border-top: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; padding: 1px;}
	.front-news-title {font-size: 18px; font-weight: 700; text-transform: uppercase;}
	.front-news-date {font-style: italic; font-size: 16px; color: #999; margin: 5px 0 10px 0;}
	.front-news-holder-text {width: 303px; padding: 20px; border-bottom: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; padding: 20px; height: 450px; min-height: 450px; font-size: 16px;}
	
	.front-news-readmore {font-weight: 400; margin-top: 20px; text-transform: uppercase;}
	.front-news-readmore a {color: #f05a28; text-decoration: none;}
	.front-news-readmore a:visited {color: #f05a28; text-decoration: none;}
	.front-news-readmore a:hover {color: #f05a28; text-decoration: underline;}
	
	.front-wrapper-orange {background-color: #f89421; width: 100%;}
	.front-container-orange {width: 100%; max-width: 1100px; margin: 0 auto; min-height: 300px; padding: 30px 0;}
	.front-orange-holder {width: 300px; float: left; text-align: center; margin-left: 30px; margin-top: 30px;}
	.front-orange-title {font-size: 65px; font-weight: bold; color: #fff; margin-top: 30px;}
	.front-orange-text {color: #fff; font-weight: 300; font-size: 20px; margin-top: 30px;}
	
}