#hero-1 {
	 position: relative;
	 z-index: 0;
	 display: block;
	 display: -webkit-box;
	 display: -moz-box;
	 display: -ms-flexbox;
	 -js-display: flex;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-direction: column;
	 -moz-flex-direction: column;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 color: white;
	 min-height: 50vh;
	 max-height: 50vh;
	 border-bottom: solid 5px #00843d 
}
 #hero-1 img, #hero-1 picture {
	 width: 100%;
	 height: auto;
	 display: block;
	 object-fit: cover;
	 position: relative;
	 z-index: 2;
	 overflow: hidden 
}
 #hero-1 #page-title {
	 position: absolute;
	 height: 100%;
	 width: 100%;
	 background: rgba(0, 0, 0, 0.2);
	 z-index: 5;
	 display: -webkit-box;
	 display: -moz-box;
	 display: -ms-flexbox;
	 -js-display: flex;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-direction: column;
	 -moz-flex-direction: column;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -webkit-align-items: flex-start;
	 -moz-align-items: flex-start;
	 -ms-align-items: flex-start;
	 align-items: flex-start;
	 -webkit-justify-content: flex-end;
	 -moz-justify-content: flex-end;
	 -ms-justify-content: flex-end;
	 justify-content: flex-end;
	 -ms-flex-pack: flex-end 
}
 #hero-1 #page-title h1 {
	 display: inline-block;
	 font-size: 30px;
	 margin: 4px 0;
	 padding: 0 10px 0px 4vw;
	 text-align: left;
	 font-weight: 700;
	 color: #fff;
	 text-shadow: 0 0 5px #000 
}
 #hero-1 #page-title .intro-cta-wrap {
	 margin-bottom: 25px;
	 margin-left: 4vw;
	 width: 92vw 
}
 #hero-1 #page-title .intro-cta-wrap .btn {
	 margin-right: 10px;
	 font-size: calc(1rem + 1vw) 
}
 #hero-1 #page-title .intro-cta-wrap .hero-social {
	 float: right;
	 font-size: 3em 
}
 #hero-1 #page-title .intro-cta-wrap .hero-social a i {
	 color: rgba(255, 255, 255, 0.8) 
}
 #hero-1 #page-title h2 {
	 margin: 0;
	 color: #444;
	 font-size: 13px;
	 font-weight: 300;
	 text-transform: uppercase 
}
 @media screen and (max-width: 1365px) {
	 #hero-1 {
		 position: relative;
		 display: -webkit-box;
		 display: -moz-box;
		 display: -ms-flexbox;
		 -js-display: flex;
		 display: -webkit-flex;
		 display: flex;
		 -webkit-flex-direction: column;
		 -moz-flex-direction: column;
		 -ms-flex-direction: column;
		 flex-direction: column;
		 -webkit-justify-content: center;
		 -moz-justify-content: center;
		 -ms-justify-content: center;
		 justify-content: center;
		 -ms-flex-pack: center;
		 -webkit-align-items: center;
		 -moz-align-items: center;
		 -ms-align-items: center;
		 align-items: center;
		 background: #222;
		 color: white 
	}
	 #hero-1 img, #hero-1 picture {
		 min-height: 50vh 
	}
}
 @media screen and (max-width: 993px) {
	 #hero-1 #page-title .intro-cta-wrap {
		 display: -webkit-box;
		 display: -moz-box;
		 display: -ms-flexbox;
		 -js-display: flex;
		 display: -webkit-flex;
		 display: flex;
		 -webkit-flex-direction: column;
		 -moz-flex-direction: column;
		 -ms-flex-direction: column;
		 flex-direction: column;
		 width: 100%;
		 margin-left: 0 
	}
	 #hero-1 #page-title .intro-cta-wrap .btn {
		 margin-left: 4vw;
		 margin-right: 4vw 
	}
	 #hero-1 #page-title .intro-cta-wrap .hero-social {
		 font-size: 2em;
		 width: 94vw;
		 margin-left: 4vw;
		 text-align: center 
	}
}
 @media screen and (min-width: 769px) {
	 #hero-1 {
		 position: relative;
		 display: -webkit-box;
		 display: -moz-box;
		 display: -ms-flexbox;
		 -js-display: flex;
		 display: -webkit-flex;
		 display: flex;
		 -webkit-flex-direction: column;
		 -moz-flex-direction: column;
		 -ms-flex-direction: column;
		 flex-direction: column;
		 -webkit-justify-content: center;
		 -moz-justify-content: center;
		 -ms-justify-content: center;
		 justify-content: center;
		 -ms-flex-pack: center;
		 -webkit-align-items: center;
		 -moz-align-items: center;
		 -ms-align-items: center;
		 align-items: center;
		 background: #222;
		 color: white 
	}
	 #hero-1 img, #hero-1 picture {
		 width: 100%;
		 height: auto;
		 display: block;
		 object-fit: cover;
		 position: relative 
	}
	 #hero-1 #page-title h1 {
		 font-size: calc(40px + 1vw) 
	}
	 #hero-1 #page-title h1:before {
		 display: table;
		 content: " ";
		 clear: both 
	}
	 #hero-1 #page-title h1 .hero-sub-title {
		 font-size: calc(30px + 1vw) 
	}
	 #hero-1 #page-title h2 {
		 margin: 0;
		 color: #eee;
		 font-size: calc(18px + .15vw);
		 font-weight: 300;
		 text-transform: uppercase 
	}
}
@media screen and (min-width: 1366px) {
	 #hero-1 {
		 position: relative;
		 display: -webkit-box;
		 display: -moz-box;
		 display: -ms-flexbox;
		 -js-display: flex;
		 display: -webkit-flex;
		 display: flex;
		 -webkit-flex-direction: column;
		 -moz-flex-direction: column;
		 -ms-flex-direction: column;
		 flex-direction: column;
		 -webkit-justify-content: center;
		 -moz-justify-content: center;
		 -ms-justify-content: center;
		 justify-content: center;
		 -ms-flex-pack: center;
		 -webkit-align-items: center;
		 -moz-align-items: center;
		 -ms-align-items: center;
		 align-items: center;
		 background: #222;
		 color: white 
	}
	 #hero-1 img, #hero-1 picture {
		 width: 100%;
		 height: auto;
		 display: block;
		 object-fit: cover;
		 position: relative 
	}
	 #hero-1 #page-title h1 {
		 font-size: calc(50px + 1vw) 
	}
	 #hero-1 #page-title h1 .hero-sub-title {
		 text-shadow: 0 0 2px #000000;
		 font-size: calc(40px + 1vw) 
	}
	 #hero-1 #page-title h1:before {
		 display: table;
		 content: " ";
		 clear: both 
	}
	 #hero-1 #page-title h2 {
		 margin: 0;
		 color: #eee;
		 font-size: calc(18px + .15vw);
		 font-weight: 300;
		 text-transform: uppercase 
	}
}
 .section-container {
	 padding:40px 4vw 
}
 .section-heading {
	 font-size:calc(4rem + .5vh) 
}
.career-events {
	 -webkit-flex-basis:30%;
	 -moz-flex-basis:30%;
	 -ms-flex-basis:30%;
	 flex-basis:30% 
}
.career-events div .career-feature-event {
	 display:-webkit-box;
	 display:-moz-box;
	 display:-ms-flexbox;
	 -js-display:flex;
	 display:-webkit-flex;
	 display:flex;
	 -webkit-align-items:flex-start;
	 -moz-align-items:flex-start;
	 -ms-align-items:flex-start;
	 align-items:flex-start;
	 margin-bottom:10px 
}
.career-feature-event img {
	 max-width:200px;
	 margin-right:15px 
}
.career-feature-event-title h3 {
	 margin-bottom:5px;
	 text-decoration:underline;
	 font-weight:700;
	 margin-top:0 
}
.career-feature-event-title p.event-date {
	 margin-bottom:8px 
}
.career-event-list {
	 display:-webkit-box;
	 display:-moz-box;
	 display:-ms-flexbox;
	 -js-display:flex;
	 display:-webkit-flex;
	 display:flex;
	 -webkit-flex-wrap:wrap;
	 -moz-flex-wrap:wrap;
	 -ms-flex-wrap:wrap;
	 flex-wrap:wrap;
	 -webkit-flex-basis:50%;
	 -moz-flex-basis:50%;
	 -ms-flex-basis:50%;
	 flex-basis:50%;
	 margin-top:15px;
	 padding-right:8px 
}
@media all and (max-width: 1199px) {
	.career-events {
		 margin-top:20px;
		 -webkit-flex-basis:100%;
		 -moz-flex-basis:100%;
		 -ms-flex-basis:100%;
		 flex-basis:100% 
	}
}