/*******************************************************************************
CONFIG
*******************************************************************************/
/*******************************************************************************
RESETS & DEFAULTS SETUP
*******************************************************************************/
@import 'css/fontawesomepro.css';
@import url("https://fonts.googleapis.com/css2?family=Cabin:wght@400;600;700&family=Merriweather:wght@300;400&display=swap");
* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  height: 100%;
}

a, a img {
  outline: none;
  border: none;
  color: inherit;
  text-decoration: none;
}

/*******************************************************************************
FONTAWESONE PRO
*******************************************************************************/
/*******************************************************************************
CLOUD LOADED FONTS
*******************************************************************************/
/*******************************************************************************
LOCAL LOADED FONTS
*******************************************************************************/
/*@font-face {
    font-family: 'fontName';
    src: url('../webfonts/fontName.woff2') format('woff2'),
         url('../webfonts/fontName.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}*/
/*******************************************************************************
MIXINS
*******************************************************************************/
/*Allows Easy Styling of Form Field Placeholder Text - Usage: @include formPlaceholderStyles { styles }*/
/*Sets BG Color and Hover Color - Usage: @include BgHoverDarken($primary); */
/*allows transparent use of variable colors  - Usage: @include BgColorTransparency($primary, .7); */
/*responsive section top and bottom padding  - Usage: @include respSectionPadding(10%, 10%); */
/*Responsive Padding - Usage: @include respPadding(topMin, topMax, rtMin, rtMax, botMin, botMax, ltMin, ltMax, viewWidthMin(optional), viewWidthMax(optional)); */
/*Responsive Margins - Usage: @include respMargin(topMin, topMax, rtMin, rtMax, botMin, botMax, ltMin, ltMax, viewWidthMin(optional), viewWidthMax(optional)); */
/*responsive fontsize - Usage: @include respFontSize(16, 24); or with optional view width start and stop @include respFontSize(16, 24, 320, 1440); */
/*******************************************************************************
PLACEHOLDERS
*******************************************************************************/
/*Modify all headings - Usage: %headings { styles }*/
/*Sets Box-Sizing to Border-Box - Usage: @extend %border-box; */
.blockContent .customBlock--2ColHalfImage .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol, .blockContent .customBlock, .editor-styles-wrapper .wp-block .customBlock, .blockContent .wp-block-group .wp-block-group__inner-container, .editor-styles-wrapper .wp-block .wp-block-group .wp-block-group__inner-container, .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group, .blockContent figure.wp-block-image, .editor-styles-wrapper .wp-block figure.wp-block-image, .clb .clbInner, .clb, .wp-block-group .wp-block-group__inner-container, .wp-block-group, #homeStaff .sectionInner .content .staffMembers .member, #homeTestimonials .sectionInner .testimonials .testimonial, #homeServices .sectionInner .content .services .service, #homeBanner .sectionInner .content, .section .sectionInner, .section, .btn, .wp-block-button__link, .submit, .field {
  box-sizing: border-box;
}

/* Clears floats. Apply to parent of floated Objects - Usage: @extend %clearGroup; */
/* Applies Font Smoothing - Usage: @extend %fontSmooth; */
#homeTestimonials .sectionInner .testimonials .testimonial .quote, h5, h4, h3, h2, h6, h1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/*******************************************************************************
GLOBALS - Colors, Typography, Headers, Forms, Buttons, Formatted Content Areas
*******************************************************************************/
/*******************************************************************************
COLORS
*******************************************************************************/
/*******************************************************************************
TYPOGRAPHY
*******************************************************************************/
body {
  font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
  font-family: "Merriweather", serif;
  font-weight: 300;
  line-height: 1.5;
  color: #282828;
}
@media only screen and (min-width: 1440px) {
  body {
    font-size: calc(16px);
  }
}
@media only screen and (max-width: 320px) {
  body {
    font-size: calc(14px);
  }
}

a:hover, a:active {
  text-decoration: none;
}

a:hover {
  transition: 0.2s;
}

p {
  margin-bottom: 1.5em;
}

p:last-child {
  margin-bottom: 0;
}

/*******************************************************************************
HEADERS - Global
*******************************************************************************/
h1 {
  font-size: calc(24px + 24 * ((100vw - 320px) / 1120));
  line-height: 1.2;
  margin: 0 0 1em;
  font-family: "Tungsten", sans-serif;
  font-weight: 600;
  color: #282828;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
@media only screen and (min-width: 1440px) {
  h1 {
    font-size: calc(48px);
  }
}
@media only screen and (max-width: 320px) {
  h1 {
    font-size: calc(24px);
  }
}

h6 {
  font-size: calc(16px + 2 * ((100vw - 320px) / 1120));
  line-height: 1.2;
  margin: 0 0 1em;
  font-family: "Tungsten", sans-serif;
  font-weight: 600;
  color: #282828;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
@media only screen and (min-width: 1440px) {
  h6 {
    font-size: calc(18px);
  }
}
@media only screen and (max-width: 320px) {
  h6 {
    font-size: calc(16px);
  }
}

h2 {
  font-size: calc(22px + 14 * ((100vw - 320px) / 1120));
  line-height: 1.3;
  margin: 0 0 1em;
  font-family: "Merriweather", serif;
  font-weight: 300;
  color: #282828;
}
@media only screen and (min-width: 1440px) {
  h2 {
    font-size: calc(36px);
  }
}
@media only screen and (max-width: 320px) {
  h2 {
    font-size: calc(22px);
  }
}

h3 {
  font-size: calc(20px + 10 * ((100vw - 320px) / 1120));
  line-height: 1.3;
  margin: 0 0 1em;
  font-family: "Merriweather", serif;
  font-weight: 300;
  color: #282828;
}
@media only screen and (min-width: 1440px) {
  h3 {
    font-size: calc(30px);
  }
}
@media only screen and (max-width: 320px) {
  h3 {
    font-size: calc(20px);
  }
}

h4 {
  font-size: calc(18px + 6 * ((100vw - 320px) / 1120));
  line-height: 1.3;
  margin: 0 0 1em;
  font-family: "Merriweather", serif;
  font-weight: 300;
  color: #282828;
}
@media only screen and (min-width: 1440px) {
  h4 {
    font-size: calc(24px);
  }
}
@media only screen and (max-width: 320px) {
  h4 {
    font-size: calc(18px);
  }
}

h5 {
  font-size: calc(17px + 4 * ((100vw - 320px) / 1120));
  line-height: 1.4;
  margin: 0 0 1em;
  font-family: "Merriweather", serif;
  font-weight: 300;
  color: #282828;
}
@media only screen and (min-width: 1440px) {
  h5 {
    font-size: calc(21px);
  }
}
@media only screen and (max-width: 320px) {
  h5 {
    font-size: calc(17px);
  }
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: 700;
}

h1.secondary, h2.secondary, h3.secondary, h4.secondary, h5.secondary, h6.secondary {
  color: #83AC40;
}

h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
  color: #fff;
}

h1.lineTitle, h2.lineTitle, h3.lineTitle, h4.lineTitle, h5.lineTitle, h6.lineTitle {
  position: relative;
  padding-bottom: 1em;
  margin-bottom: 1em;
  text-align: center;
}
h1.lineTitle:after, h2.lineTitle:after, h3.lineTitle:after, h4.lineTitle:after, h5.lineTitle:after, h6.lineTitle:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 5em;
  height: 2px;
  background: #999999;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

h1.mainTitle {
  position: relative;
  padding-bottom: 0.8em;
  /*Calc Top*/
  margin-top: calc(0px + 0 * ((100vw - 1230px) / 210));
  /*Calc Right*/
  margin-right: calc(0px + 0 * ((100vw - 1230px) / 210));
  /*Calc Bot*/
  margin-bottom: calc(0px + 0 * ((100vw - 1230px) / 210));
  /*Calc Left*/
  margin-left: calc(0px + 45 * ((100vw - 1230px) / 210));
}
@media only screen and (min-width: 1440px) {
  h1.mainTitle {
    margin-top: calc(0px);
  }
}
@media only screen and (max-width: 1230px) {
  h1.mainTitle {
    margin-top: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  h1.mainTitle {
    margin-right: calc(0px);
  }
}
@media only screen and (max-width: 1230px) {
  h1.mainTitle {
    margin-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  h1.mainTitle {
    margin-bottom: calc(0px);
  }
}
@media only screen and (max-width: 1230px) {
  h1.mainTitle {
    margin-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  h1.mainTitle {
    margin-left: calc(45px);
  }
}
@media only screen and (max-width: 1230px) {
  h1.mainTitle {
    margin-left: calc(0px);
  }
}
h1.mainTitle:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: calc(100% - 1.5em);
  width: 50vw;
  height: 2px;
  background: #83AC40;
}

/*******************************************************************************
FORMS
*******************************************************************************/
.parsley-error {
  color: #f00 !important;
  border-color: #F00 !important;
  text-decoration: blink;
}

.parsley-errors-list {
  display: none !important;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.8;
}

:-moz-placeholder {
  color: inherit;
  opacity: 0.8;
}

::-moz-placeholder {
  color: inherit;
  opacity: 0.8;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 0.8;
}

input[type=text], input[type=submit], input[type=button], input[type=email], textarea, button {
  -webkit-appearance: none;
  border-radius: 0;
}

.field {
  font-size: calc(14px + 1 * ((100vw - 320px) / 1120));
  width: 100%;
  height: 3em;
  margin: 0 0 1.5em 0;
  padding: calc(0.5em - 1px) 1em;
  border: 1px solid #fff;
  background: #fff;
  font-family: "Merriweather", serif;
  color: #282828;
  font-weight: 300;
}
@media only screen and (min-width: 1440px) {
  .field {
    font-size: calc(15px);
  }
}
@media only screen and (max-width: 320px) {
  .field {
    font-size: calc(14px);
  }
}

textarea.field {
  height: 9em;
}

label {
  font-size: calc(12px + 2 * ((100vw - 320px) / 1120));
  margin-bottom: 1.5em;
  font-family: "Tungsten", sans-serif;
  color: #282828;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
}
@media only screen and (min-width: 1440px) {
  label {
    font-size: calc(14px);
  }
}
@media only screen and (max-width: 320px) {
  label {
    font-size: calc(12px);
  }
}
label .field {
  margin: 0.5em 0 0 0;
}

.fieldSet {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -2%;
}
.fieldSet > label, .fieldSet > .field, .fieldSet > .submit {
  width: 100%;
  margin-left: 2%;
  margin-right: 2%;
}
.fieldSet > .half {
  width: 46%;
}
.fieldSet > .twoThird {
  width: 62.66%;
}
.fieldSet > .oneThird {
  width: 29.33%;
}
.fieldSet > .quarter {
  width: 21%;
}
.fieldSet > .threeEighths {
  width: 33.5%;
}
.fieldSet > .med {
  width: 26%;
}
.fieldSet > .small {
  width: 16%;
}
.fieldSet .fieldCol {
  width: 46%;
  margin: 0 2%;
  flex: 1 1 auto;
  min-width: 247px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: space-between;
}
.fieldSet .fieldCol > label, .fieldSet .fieldCol > .field {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.fieldSet .fieldCol > .half {
  width: 48%;
}
.fieldSet .fieldCol > .med {
  width: 58%;
}
.fieldSet .fieldCol > .small {
  width: 38%;
}

.submit {
  font-size: calc(18px + 2 * ((100vw - 320px) / 1120));
  width: auto;
  height: 3em;
  margin: 1.5em 0 0 0;
  padding: 0.5em 1em;
  border: none;
  font-family: "Merriweather", serif;
  color: #282828;
  text-align: center;
  text-transform: uppercase;
  background: #282828;
  cursor: pointer;
}
@media only screen and (min-width: 1440px) {
  .submit {
    font-size: calc(20px);
  }
}
@media only screen and (max-width: 320px) {
  .submit {
    font-size: calc(18px);
  }
}

/*******************************************************************************
BUTTONS
*******************************************************************************/
.btn, .wp-block-button__link {
  display: inline-flex;
  width: auto;
  font-size: calc(14px + 4 * ((100vw - 320px) / 1120));
  min-height: 3.333em;
  padding: 0.5em 2em;
  margin: 0 0 1.5em 0;
  border: none;
  border-radius: 5px;
  font-family: "Tungsten", sans-serif;
  color: #fff;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  line-height: 1.111;
  cursor: pointer;
  background: #83ac40;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media only screen and (min-width: 1440px) {
  .btn, .wp-block-button__link {
    font-size: calc(18px);
  }
}
@media only screen and (max-width: 320px) {
  .btn, .wp-block-button__link {
    font-size: calc(14px);
  }
}
.btn:hover, .wp-block-button__link:hover {
  background: rgba(131, 172, 64, 0.8);
  text-decoration: none;
}
.btn--big, .wp-block-button__link--big {
  font-size: calc(16px + 4 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  .btn--big, .wp-block-button__link--big {
    font-size: calc(20px);
  }
}
@media only screen and (max-width: 320px) {
  .btn--big, .wp-block-button__link--big {
    font-size: calc(16px);
  }
}
.btn--small, .wp-block-button__link--small {
  font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  .btn--small, .wp-block-button__link--small {
    font-size: calc(16px);
  }
}
@media only screen and (max-width: 320px) {
  .btn--small, .wp-block-button__link--small {
    font-size: calc(12px);
  }
}
.btn--primary, .wp-block-button__link--primary {
  color: #fff;
  background: #282828;
}
.btn--primary:hover, .wp-block-button__link--primary:hover {
  background: rgba(40, 40, 40, 0.8);
}
.btn--secondary, .wp-block-button__link--secondary {
  color: #fff;
  background: #83ac40;
}
.btn--secondary:hover, .wp-block-button__link--secondary:hover {
  background: rgba(131, 172, 64, 0.8);
}
.btn--neutral, .wp-block-button__link--neutral {
  color: #282828;
  background: #dddddd;
}
.btn--neutral:hover, .wp-block-button__link--neutral:hover {
  background: rgba(221, 221, 221, 0.8);
}
.btn--neutral-dark, .wp-block-button__link--neutral-dark {
  color: #fff;
  background: #999999;
}
.btn--neutral-dark:hover, .wp-block-button__link--neutral-dark:hover {
  background: rgba(153, 153, 153, 0.8);
}
.btn--white, .wp-block-button__link--white {
  color: #83AC40;
  background: white;
}
.btn--white:hover, .wp-block-button__link--white:hover {
  background: #83ac40;
  color: #fff;
}
.btn--fb:before, .wp-block-button__link--fb:before {
  content: "\f09a";
  margin: 0 0.5em 0 0;
  font-size: 1em;
  font-family: "Font Awesome 5 Brands";
}
.btn--twt:before, .wp-block-button__link--twt:before {
  content: "\f099";
  margin: 0 0.5em 0 0;
  font-size: 1em;
  font-family: "Font Awesome 5 Brands";
}
.btn--mail:before, .wp-block-button__link--mail:before {
  content: "\f0e0";
  margin: 0 0.5em 0 0;
  font-size: 1em;
  font-family: "Font Awesome 5 Free";
}
.btn--larrow:before, .wp-block-button__link--larrow:before {
  content: "\f177";
  margin: 0 0.5em 0 0;
  font-size: 1em;
  font-family: "Font Awesome 5 Pro";
}
.btn--rarrow:after, .wp-block-button__link--rarrow:after {
  content: "\f178";
  margin: 0 0 0 0.5em;
  font-size: 1em;
  font-family: "Font Awesome 5 Pro";
}

.ajax-load-more-wrap .alm-btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 1em;
}
.ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn {
  background: #282828 !important;
}
.ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn.done {
  display: none;
}

/*******************************************************************************
ANIMATIONS
*******************************************************************************/
/*PULSE*/
.animate--primaryPulse {
  -webkit-transform: scale(1);
          transform: scale(1);
  box-shadow: 0 0 0 0 rgba(40, 40, 40, 0);
  -webkit-animation: primaryPulse 6s infinite;
          animation: primaryPulse 6s infinite;
}

@-webkit-keyframes primaryPulse {
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  65% {
    -webkit-transform: scale(0.97);
            transform: scale(0.97);
    box-shadow: 0 0 0 0 rgba(40, 40, 40, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    box-shadow: 0 0 0 10px rgba(40, 40, 40, 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes primaryPulse {
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  65% {
    -webkit-transform: scale(0.97);
            transform: scale(0.97);
    box-shadow: 0 0 0 0 rgba(40, 40, 40, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    box-shadow: 0 0 0 10px rgba(40, 40, 40, 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.animate--secondaryPulse {
  -webkit-transform: scale(1);
          transform: scale(1);
  box-shadow: 0 0 0 0 rgba(131, 172, 64, 0);
  -webkit-animation: secondaryPulse 6s infinite;
          animation: secondaryPulse 6s infinite;
}

@-webkit-keyframes secondaryPulse {
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  65% {
    -webkit-transform: scale(0.97);
            transform: scale(0.97);
    box-shadow: 0 0 0 0 rgba(131, 172, 64, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    box-shadow: 0 0 0 10px rgba(131, 172, 64, 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes secondaryPulse {
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  65% {
    -webkit-transform: scale(0.97);
            transform: scale(0.97);
    box-shadow: 0 0 0 0 rgba(131, 172, 64, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    box-shadow: 0 0 0 10px rgba(131, 172, 64, 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*******************************************************************************
FORMATTED CONTENT AREA
*******************************************************************************/
.formattedContent {
  /*Content Area Header Overides*/
}
.formattedContent ul, .formattedContent ol {
  margin: 0 0 1.5em 1em;
}
.formattedContent ul li, .formattedContent ol li {
  margin: 0 0 0.5em 0;
}
.formattedContent ul li ul, .formattedContent ul li ol, .formattedContent ol li ul, .formattedContent ol li ol {
  margin: 0.5em 0 0 1em;
}
.formattedContent a {
  color: #282828;
  text-decoration: underline;
}
.formattedContent img[class*=wp-image], .formattedContent div[class*=wp-image] {
  width: auto;
  height: auto;
  max-width: 100%;
  margin-bottom: 2em;
}
.formattedContent img[class*=wp-image].aligncenter, .formattedContent div[class*=wp-image].aligncenter {
  display: block;
  margin: 0 auto 2em;
}
.formattedContent img[class*=wp-image].alignleft, .formattedContent div[class*=wp-image].alignleft {
  float: left;
  margin: 0 calc(3vw + 18px) 2em 0;
  max-width: calc(50% - 3vw - 18px);
}
.formattedContent img[class*=wp-image].alignright, .formattedContent div[class*=wp-image].alignright {
  float: right;
  margin: 0 0 2em calc(3vw + 18px);
  max-width: calc(50% - 3vw - 18px);
}
/*******************************************************************************
PLUGINS
*******************************************************************************/
/*@import 'css/plugins/aos.css';*/
/*@import 'css/plugins/swiper.css';*/
/*@import 'css/plugins/slick.scss';*/
/*@import 'css/plugins/selectyze.scss';*/
/*******************************************************************************
LAYOUT
*******************************************************************************/
/*******************************************************************************
GLOBAL SECTION & WRAPPER SETUP
*******************************************************************************/
main {
  display: block;
  width: 100%;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
}

.section {
  width: 100%;
  position: relative;
  /*Calc Top*/
  padding-top: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 30 * ((100vw - 320px) / 1120));
  overflow: hidden;
}
@media only screen and (min-width: 1440px) {
  .section {
    padding-top: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .section {
    padding-top: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .section {
    padding-right: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .section {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .section {
    padding-bottom: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .section {
    padding-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .section {
    padding-left: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .section {
    padding-left: calc(15px);
  }
}
.section .sectionInner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.section--1col .sectionInner {
  max-width: 790px;
  /*Calc Top*/
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  .section--1col .sectionInner {
    padding-top: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .section--1col .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .section--1col .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .section--1col .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .section--1col .sectionInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .section--1col .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .section--1col .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .section--1col .sectionInner {
    padding-left: calc(0px);
  }
}
.section--postPageIntro .sectionInner {
  max-width: 790px;
  /*Calc Top*/
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  .section--postPageIntro .sectionInner {
    padding-top: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .section--postPageIntro .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .section--postPageIntro .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .section--postPageIntro .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .section--postPageIntro .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (max-width: 320px) {
  .section--postPageIntro .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .section--postPageIntro .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .section--postPageIntro .sectionInner {
    padding-left: calc(0px);
  }
}

/*******************************************************************************
SECTIONS - HOME PAGE 
*******************************************************************************/
#homeBanner {
  padding: 0;
}
#homeBanner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 66.6667%;
  background: #282828;
}
#homeBanner .sectionInner {
  background: center center no-repeat #282828;
  background-size: cover;
  position: relative;
  max-width: 1290px;
}
#homeBanner .sectionInner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #282828;
  opacity: 0.6;
  z-index: 1;
}
#homeBanner .sectionInner .content {
  width: 100%;
  min-height: 42vw;
  /*Calc Top*/
  padding-top: calc(40px + 20 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(20px + 20 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(40px + 20 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(20px + 20 * ((100vw - 320px) / 1120));
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1440px) {
  #homeBanner .sectionInner .content {
    padding-top: calc(60px);
  }
}
@media only screen and (max-width: 320px) {
  #homeBanner .sectionInner .content {
    padding-top: calc(40px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeBanner .sectionInner .content {
    padding-right: calc(40px);
  }
}
@media only screen and (max-width: 320px) {
  #homeBanner .sectionInner .content {
    padding-right: calc(20px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeBanner .sectionInner .content {
    padding-bottom: calc(60px);
  }
}
@media only screen and (max-width: 320px) {
  #homeBanner .sectionInner .content {
    padding-bottom: calc(40px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeBanner .sectionInner .content {
    padding-left: calc(40px);
  }
}
@media only screen and (max-width: 320px) {
  #homeBanner .sectionInner .content {
    padding-left: calc(20px);
  }
}
#homeBanner .sectionInner .content .logo {
  width: 60%;
  max-width: 560px;
  /*Calc Top*/
  padding-top: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(35px + 35 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #homeBanner .sectionInner .content .logo {
    padding-top: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeBanner .sectionInner .content .logo {
    padding-top: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeBanner .sectionInner .content .logo {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeBanner .sectionInner .content .logo {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeBanner .sectionInner .content .logo {
    padding-bottom: calc(70px);
  }
}
@media only screen and (max-width: 320px) {
  #homeBanner .sectionInner .content .logo {
    padding-bottom: calc(35px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeBanner .sectionInner .content .logo {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeBanner .sectionInner .content .logo {
    padding-left: calc(0px);
  }
}
#homeBanner .sectionInner .content .logo img {
  width: 100%;
  height: auto;
  display: block;
}
#homeBanner .sectionInner .content h1 {
  color: #83AC40;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 1440px) {
  #homeBanner .sectionInner .content {
    min-height: 0;
    height: 600px;
  }
}

#homeIntro .sectionInner {
  /*Calc Top*/
  padding-top: calc(50px + 50 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(50px + 100 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
  max-width: 1100px;
}
@media only screen and (min-width: 1440px) {
  #homeIntro .sectionInner {
    padding-top: calc(100px);
  }
}
@media only screen and (max-width: 320px) {
  #homeIntro .sectionInner {
    padding-top: calc(50px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeIntro .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeIntro .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeIntro .sectionInner {
    padding-bottom: calc(150px);
  }
}
@media only screen and (max-width: 320px) {
  #homeIntro .sectionInner {
    padding-bottom: calc(50px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeIntro .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeIntro .sectionInner {
    padding-left: calc(0px);
  }
}
#homeIntro .sectionInner .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#homeIntro .sectionInner .content .textCol {
  margin: 0 5% 0 0;
  max-width: 780px;
}
#homeIntro .sectionInner .content .textCol h2 {
  margin: 0;
}
#homeIntro .sectionInner .content .btnCol {
  flex: 0 0 auto;
}
#homeIntro .sectionInner .content .btnCol .btn {
  margin: 0;
}
@media only screen and (max-width: 576px) {
  #homeIntro .sectionInner .content {
    flex-wrap: wrap;
  }
  #homeIntro .sectionInner .content .textCol {
    width: 100%;
    margin: 0 0 2em 0;
    text-align: center;
  }
  #homeIntro .sectionInner .content .btnCol {
    width: 100%;
    text-align: center;
  }
}

#homeServices {
  background: leftr center no-repeat #282828;
  background-size: cover;
  overflow: visible;
}
#homeServices:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #282828;
  opacity: 0.7;
  z-index: 1;
}
#homeServices .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 25 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 15 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  max-width: 1290px;
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner {
    padding-top: calc(55px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner {
    padding-bottom: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner {
    padding-left: calc(0px);
  }
}
#homeServices .sectionInner .title {
  width: calc(25% - 15px);
}
#homeServices .sectionInner .title h1 {
  color: #fff;
}
#homeServices .sectionInner .content {
  width: calc(75% - 15px);
  max-width: 850px;
  /*Calc Top*/
  margin-top: calc(-55px + -50 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  margin-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  margin-bottom: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  margin-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner .content {
    margin-top: calc(-105px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner .content {
    margin-top: calc(-55px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner .content {
    margin-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner .content {
    margin-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner .content {
    margin-bottom: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner .content {
    margin-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner .content {
    margin-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner .content {
    margin-left: calc(0px);
  }
}
#homeServices .sectionInner .content .services {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -1.75%;
}
#homeServices .sectionInner .content .services .service {
  display: block;
  width: 46.5%;
  margin: 0 1.75% 3.5%;
  /*Calc Top*/
  padding-top: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 20 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 20 * ((100vw - 320px) / 1120));
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #83AC40;
  border-radius: 8px;
  transition-duration: 0.5s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner .content .services .service {
    padding-top: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner .content .services .service {
    padding-top: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner .content .services .service {
    padding-right: calc(35px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner .content .services .service {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner .content .services .service {
    padding-bottom: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner .content .services .service {
    padding-bottom: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeServices .sectionInner .content .services .service {
    padding-left: calc(35px);
  }
}
@media only screen and (max-width: 320px) {
  #homeServices .sectionInner .content .services .service {
    padding-left: calc(15px);
  }
}
#homeServices .sectionInner .content .services .service .icon {
  width: 27%;
  max-width: 90px;
  flex: 0 0 auto;
  padding: 0 8% 0 0;
}
#homeServices .sectionInner .content .services .service .icon img {
  width: 100%;
  height: auto;
  display: block;
}
#homeServices .sectionInner .content .services .service .title {
  width: 65%;
  flex: 1 1 auto;
}
#homeServices .sectionInner .content .services .service .title h4 {
  margin: 0;
  overflow-wrap: break-word;
  word-spacing: 410px;
}
#homeServices .sectionInner .content .services .service:hover {
  -webkit-transform: scale(104%);
          transform: scale(104%);
}
#homeServices .sectionInner .content .moreLink {
  text-align: center;
}
#homeServices .sectionInner .content .moreLink .btn {
  margin: 1em 0 0;
}
@media only screen and (max-width: 672px) {
  #homeServices .sectionInner {
    flex-wrap: wrap;
  }
  #homeServices .sectionInner .title {
    width: 100%;
  }
  #homeServices .sectionInner .title h1.mainTitle {
    text-align: center;
    margin: 0 0 1em 0;
  }
  #homeServices .sectionInner .title h1.mainTitle:after {
    width: 5em;
    right: 50%;
    margin: 0 -2.5em 0 0;
  }
  #homeServices .sectionInner .title h1.mainTitle br {
    display: none;
  }
  #homeServices .sectionInner .content {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 811px) and (min-width: 481px) {
  #homeServices .sectionInner .content .services .service {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  #homeServices .sectionInner .content .services .service .icon {
    padding: 0 0 1em 0;
  }
  #homeServices .sectionInner .content .services .service .title {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  #homeServices .sectionInner .content .services .service {
    width: 96.5%;
  }
  #homeServices .sectionInner .content .services .service .icon {
    max-width: 45px;
  }
  #homeServices .sectionInner .content .services .service .title h4 {
    word-spacing: normal;
  }
}

#homeTestimonials {
  background: #fff;
}
#homeTestimonials .sectionInner {
  /*Calc Top*/
  padding-top: calc(50px + 50 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(100px + 50 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
  max-width: 1290px;
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner {
    padding-top: calc(100px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner {
    padding-top: calc(50px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner {
    padding-bottom: calc(150px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner {
    padding-bottom: calc(100px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner {
    padding-left: calc(0px);
  }
}
#homeTestimonials .sectionInner h1 {
  text-align: center;
  color: #83AC40;
  margin-bottom: 2.25em;
}
#homeTestimonials .sectionInner .testimonials {
  margin: 0 -15px;
  display: flex;
  justify-content: center;
}
#homeTestimonials .sectionInner .testimonials .testimonial {
  width: calc(33.33% - 30px);
  margin: 0 15px 30px;
  border: 2px solid #83AC40;
  border-radius: 8px;
  /*Calc Top*/
  padding-top: calc(30px + 15 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 20 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 20 * ((100vw - 320px) / 1120));
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner .testimonials .testimonial {
    padding-top: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner .testimonials .testimonial {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner .testimonials .testimonial {
    padding-right: calc(35px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner .testimonials .testimonial {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner .testimonials .testimonial {
    padding-bottom: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner .testimonials .testimonial {
    padding-bottom: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner .testimonials .testimonial {
    padding-left: calc(35px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner .testimonials .testimonial {
    padding-left: calc(15px);
  }
}
#homeTestimonials .sectionInner .testimonials .testimonial:before {
  content: "\f10d";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2.5em;
  height: 2.5em;
  margin: -1.25em 0 0 -1.25em;
  border-radius: 50%;
  background: #83AC40;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Font Awesome 5 Pro";
  font-size: calc(16px + 8 * ((100vw - 320px) / 1120));
  color: #fff;
  font-weight: 700;
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner .testimonials .testimonial:before {
    font-size: calc(24px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner .testimonials .testimonial:before {
    font-size: calc(16px);
  }
}
#homeTestimonials .sectionInner .testimonials .testimonial .logo {
  width: 80%;
  min-height: 80px;
  max-width: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#homeTestimonials .sectionInner .testimonials .testimonial .logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 80px;
  display: block;
  margin: 0 auto;
}
#homeTestimonials .sectionInner .testimonials .testimonial .quote {
  flex: 1 1 auto;
  font-size: calc(15px + 6 * ((100vw - 320px) / 1120));
  line-height: 1.43;
  margin: 1em 0;
  text-align: center;
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner .testimonials .testimonial .quote {
    font-size: calc(21px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner .testimonials .testimonial .quote {
    font-size: calc(15px);
  }
}
#homeTestimonials .sectionInner .testimonials .testimonial .source {
  text-align: center;
}
#homeTestimonials .sectionInner .testimonials .testimonial .source .name {
  font-size: calc(16px + 5 * ((100vw - 320px) / 1120));
  font-family: "Tungsten", sans-serif;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner .testimonials .testimonial .source .name {
    font-size: calc(21px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner .testimonials .testimonial .source .name {
    font-size: calc(16px);
  }
}
#homeTestimonials .sectionInner .testimonials .testimonial .source .title {
  font-size: calc(13px + 2 * ((100vw - 320px) / 1120));
  font-weight: 400;
}
@media only screen and (min-width: 1440px) {
  #homeTestimonials .sectionInner .testimonials .testimonial .source .title {
    font-size: calc(15px);
  }
}
@media only screen and (max-width: 320px) {
  #homeTestimonials .sectionInner .testimonials .testimonial .source .title {
    font-size: calc(13px);
  }
}
#homeTestimonials .sectionInner .moreLink {
  text-align: center;
}
#homeTestimonials .sectionInner .moreLink .btn {
  margin: 1em 0 0;
}
@media only screen and (max-width: 810px) {
  #homeTestimonials .sectionInner .testimonials {
    flex-wrap: wrap;
  }
  #homeTestimonials .sectionInner .testimonials .testimonial {
    width: calc(50% - 30px);
    flex: 1 1 auto;
  }
}
@media only screen and (max-width: 576px) {
  #homeTestimonials .sectionInner .testimonials .testimonial {
    width: calc(100% - 30px);
    flex: 1 1 auto;
  }
}

#homeStaff {
  background: left center no-repeat #282828;
  background-size: cover;
  overflow: visible;
}
#homeStaff:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #282828;
  opacity: 0.7;
  z-index: 1;
}
#homeStaff .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 25 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 15 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  max-width: 1290px;
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner {
    padding-top: calc(55px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner {
    padding-bottom: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner {
    padding-left: calc(0px);
  }
}
#homeStaff .sectionInner .title {
  width: calc(25% - 15px);
}
#homeStaff .sectionInner .title h1 {
  color: #fff;
}
#homeStaff .sectionInner .content {
  width: calc(75% - 15px);
  max-width: 850px;
  /*Calc Top*/
  margin-top: calc(-55px + -50 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  margin-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  margin-bottom: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  margin-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner .content {
    margin-top: calc(-105px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner .content {
    margin-top: calc(-55px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner .content {
    margin-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner .content {
    margin-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner .content {
    margin-bottom: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner .content {
    margin-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner .content {
    margin-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner .content {
    margin-left: calc(0px);
  }
}
#homeStaff .sectionInner .content .staffMembers {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -1.75%;
}
#homeStaff .sectionInner .content .staffMembers .member {
  display: block;
  width: 46.5%;
  margin: 0 1.75% 3.5%;
  /*Calc Top*/
  padding-top: calc(15px + 20 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 20 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(15px + 20 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 20 * ((100vw - 320px) / 1120));
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  background: #dddddd;
  border-radius: 8px;
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner .content .staffMembers .member {
    padding-top: calc(35px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner .content .staffMembers .member {
    padding-top: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner .content .staffMembers .member {
    padding-right: calc(35px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner .content .staffMembers .member {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner .content .staffMembers .member {
    padding-bottom: calc(35px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner .content .staffMembers .member {
    padding-bottom: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner .content .staffMembers .member {
    padding-left: calc(35px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner .content .staffMembers .member {
    padding-left: calc(15px);
  }
}
#homeStaff .sectionInner .content .staffMembers .member .photo {
  width: calc(100% - 55px);
  margin-bottom: 1.5em;
}
#homeStaff .sectionInner .content .staffMembers .member .photo .image {
  width: 100%;
  padding-bottom: 100%;
  background: center center no-repeat;
  background-size: cover;
}
#homeStaff .sectionInner .content .staffMembers .member .contact {
  width: 20px;
  padding: 0 0 0 35px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#homeStaff .sectionInner .content .staffMembers .member .contact a {
  font-size: calc(20px + -2 * ((100vw - 320px) / 1120));
  line-height: 1;
  margin: 0.75em 0;
  color: #83AC40;
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner .content .staffMembers .member .contact a {
    font-size: calc(18px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner .content .staffMembers .member .contact a {
    font-size: calc(20px);
  }
}
#homeStaff .sectionInner .content .staffMembers .member .contact a:first-child {
  margin-top: 0;
}
#homeStaff .sectionInner .content .staffMembers .member .contact a:last-child {
  margin-bottom: 0;
}
#homeStaff .sectionInner .content .staffMembers .member .name {
  width: 100%;
}
#homeStaff .sectionInner .content .staffMembers .member .name h3 {
  margin: 0;
}
#homeStaff .sectionInner .content .staffMembers .member .title {
  width: 100%;
  font-size: calc(14px + 4 * ((100vw - 320px) / 1120));
  font-family: "Tungsten", sans-serif;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media only screen and (min-width: 1440px) {
  #homeStaff .sectionInner .content .staffMembers .member .title {
    font-size: calc(18px);
  }
}
@media only screen and (max-width: 320px) {
  #homeStaff .sectionInner .content .staffMembers .member .title {
    font-size: calc(14px);
  }
}
#homeStaff .sectionInner .content .moreLink {
  text-align: center;
}
#homeStaff .sectionInner .content .moreLink .btn {
  margin: 1em 0 0;
}
@media only screen and (max-width: 960px) {
  #homeStaff .sectionInner .content .staffMembers .member .photo {
    width: 100%;
  }
  #homeStaff .sectionInner .content .staffMembers .member .contact {
    width: 100%;
    padding: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.25em;
  }
  #homeStaff .sectionInner .content .staffMembers .member .contact a {
    margin: 0 1em 0 0;
  }
}
@media only screen and (max-width: 672px) {
  #homeStaff .sectionInner {
    flex-wrap: wrap;
  }
  #homeStaff .sectionInner .title {
    width: 100%;
  }
  #homeStaff .sectionInner .title h1.mainTitle {
    text-align: center;
    margin: 0 0 1em 0;
  }
  #homeStaff .sectionInner .title h1.mainTitle:after {
    width: 5em;
    right: 50%;
    margin: 0 -2.5em 0 0;
  }
  #homeStaff .sectionInner .title h1.mainTitle br {
    display: none;
  }
  #homeStaff .sectionInner .content {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  #homeStaff .sectionInner .content .staffMembers .member {
    width: 96.5%;
    margin-bottom: 20px;
  }
}

#homeNews {
  background: #fff;
}
#homeNews .sectionInner {
  /*Calc Top*/
  padding-top: calc(50px + 50 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(50px + 50 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #homeNews .sectionInner {
    padding-top: calc(100px);
  }
}
@media only screen and (max-width: 320px) {
  #homeNews .sectionInner {
    padding-top: calc(50px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeNews .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeNews .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeNews .sectionInner {
    padding-bottom: calc(100px);
  }
}
@media only screen and (max-width: 320px) {
  #homeNews .sectionInner {
    padding-bottom: calc(50px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeNews .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeNews .sectionInner {
    padding-left: calc(0px);
  }
}
#homeNews .sectionInner h1 {
  text-align: center;
  color: #83AC40;
  margin-bottom: 1.5em;
}
#homeNews .sectionInner .moreLink {
  text-align: center;
}
#homeContact {
  background: left center no-repeat #282828;
  background-size: cover;
  overflow: visible;
}
#homeContact:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #282828;
  opacity: 0.7;
  z-index: 1;
}
#homeContact .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 25 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 15 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  max-width: 1290px;
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner {
    padding-top: calc(55px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner {
    padding-bottom: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner {
    padding-left: calc(0px);
  }
}
#homeContact .sectionInner .title {
  width: calc(25% - 15px);
}
#homeContact .sectionInner .title h1 {
  color: #fff;
}
#homeContact .sectionInner .content {
  width: calc(75% - 15px);
  max-width: 850px;
  /*Calc Top*/
  margin-top: calc(-55px + -50 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  margin-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  margin-bottom: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  margin-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner .content {
    margin-top: calc(-105px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner .content {
    margin-top: calc(-55px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner .content {
    margin-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner .content {
    margin-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner .content {
    margin-bottom: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner .content {
    margin-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner .content {
    margin-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner .content {
    margin-left: calc(0px);
  }
}
#homeContact .sectionInner .content form .fieldWrapper {
  background: #dddddd;
  /*Calc Top*/
  padding-top: calc(20px + 25 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 20 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(0px + 25 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 20 * ((100vw - 320px) / 1120));
  margin-bottom: 2.5em;
  border-radius: 8px;
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner .content form .fieldWrapper {
    padding-top: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner .content form .fieldWrapper {
    padding-top: calc(20px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner .content form .fieldWrapper {
    padding-right: calc(35px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner .content form .fieldWrapper {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner .content form .fieldWrapper {
    padding-bottom: calc(25px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner .content form .fieldWrapper {
    padding-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #homeContact .sectionInner .content form .fieldWrapper {
    padding-left: calc(35px);
  }
}
@media only screen and (max-width: 320px) {
  #homeContact .sectionInner .content form .fieldWrapper {
    padding-left: calc(15px);
  }
}
#homeContact .sectionInner .content form .fieldSet {
  align-items: stretch;
}
#homeContact .sectionInner .content form .fieldSet .fieldCol label:last-child {
  margin-bottom: 20px;
}
#homeContact .sectionInner .content form .fieldSet .stretchCol {
  display: flex;
  flex-direction: column;
}
#homeContact .sectionInner .content form .fieldSet .stretchCol label {
  margin: 0;
}
#homeContact .sectionInner .content form .fieldSet .stretchCol textarea {
  flex: 1 1 auto;
  margin-bottom: 20px;
  margin-top: 0.5em;
}
#homeContact .sectionInner .content .moreLink {
  text-align: center;
}
#homeContact .sectionInner .content .moreLink .btn {
  margin: 1em 0 0;
}
@media only screen and (max-width: 672px) {
  #homeContact .sectionInner {
    flex-wrap: wrap;
  }
  #homeContact .sectionInner .title {
    width: 100%;
  }
  #homeContact .sectionInner .title h1.mainTitle {
    text-align: center;
    margin: 0 0 1em 0;
  }
  #homeContact .sectionInner .title h1.mainTitle:after {
    width: 5em;
    right: 50%;
    margin: 0 -2.5em 0 0;
  }
  #homeContact .sectionInner .title h1.mainTitle br {
    display: none;
  }
  #homeContact .sectionInner .content {
    width: 100%;
    margin: 0;
  }
}

/*******************************************************************************
SECTIONS - SUB PAGE 
*******************************************************************************/
#pageBanner {
  background: center center no-repeat #282828;
  background-size: cover;
}
#pageBanner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #282828;
  opacity: 0.25;
  z-index: 1;
}
#pageBanner .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 70 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 74 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1440px) {
  #pageBanner .sectionInner {
    padding-top: calc(100px);
  }
}
@media only screen and (max-width: 320px) {
  #pageBanner .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #pageBanner .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #pageBanner .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #pageBanner .sectionInner {
    padding-bottom: calc(104px);
  }
}
@media only screen and (max-width: 320px) {
  #pageBanner .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #pageBanner .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #pageBanner .sectionInner {
    padding-left: calc(0px);
  }
}
#pageBanner .sectionInner .title {
  width: 66%;
}
#pageBanner .sectionInner .title h1 {
  color: #fff;
}

#about .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #about .sectionInner {
    padding-top: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  #about .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #about .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #about .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #about .sectionInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  #about .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #about .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #about .sectionInner {
    padding-left: calc(0px);
  }
}
#about .sectionInner .aboutLinks {
  text-align: center;
  /*Calc Top*/
  padding-top: calc(35px + 35 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #about .sectionInner .aboutLinks {
    padding-top: calc(70px);
  }
}
@media only screen and (max-width: 320px) {
  #about .sectionInner .aboutLinks {
    padding-top: calc(35px);
  }
}
@media only screen and (min-width: 1440px) {
  #about .sectionInner .aboutLinks {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #about .sectionInner .aboutLinks {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #about .sectionInner .aboutLinks {
    padding-bottom: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #about .sectionInner .aboutLinks {
    padding-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #about .sectionInner .aboutLinks {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #about .sectionInner .aboutLinks {
    padding-left: calc(0px);
  }
}
#about .sectionInner .aboutLinks .btn {
  margin: 0 1em 1.5em;
  min-width: 13.6em;
}

#staff .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #staff .sectionInner {
    padding-top: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  #staff .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #staff .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #staff .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #staff .sectionInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  #staff .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #staff .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #staff .sectionInner {
    padding-left: calc(0px);
  }
}
#staff .sectionInner .staffMember {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 -2.5%;
  /*Calc Top*/
  padding-top: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(60px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #staff .sectionInner .staffMember {
    padding-top: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #staff .sectionInner .staffMember {
    padding-top: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #staff .sectionInner .staffMember {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #staff .sectionInner .staffMember {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #staff .sectionInner .staffMember {
    padding-bottom: calc(120px);
  }
}
@media only screen and (max-width: 320px) {
  #staff .sectionInner .staffMember {
    padding-bottom: calc(60px);
  }
}
@media only screen and (min-width: 1440px) {
  #staff .sectionInner .staffMember {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #staff .sectionInner .staffMember {
    padding-left: calc(0px);
  }
}
#staff .sectionInner .staffMember .leftCol {
  width: 25%;
  margin: 0 2.5%;
  min-width: 150px;
}
#staff .sectionInner .staffMember .leftCol .inner {
  width: 100%;
  max-width: 300px;
}
#staff .sectionInner .staffMember .leftCol .inner .photo {
  margin-bottom: 1.5em;
  width: 100%;
  padding-bottom: 100%;
  background: center center no-repeat url(images/user.png);
  background-size: cover;
  border-radius: 8px;
}
#staff .sectionInner .staffMember .leftCol .inner .contact {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#staff .sectionInner .staffMember .leftCol .inner .contact a {
  font-size: calc(20px + -2 * ((100vw - 320px) / 1120));
  line-height: 1;
  margin: 0 0.75em 1em;
  color: #83AC40;
}
@media only screen and (min-width: 1440px) {
  #staff .sectionInner .staffMember .leftCol .inner .contact a {
    font-size: calc(18px);
  }
}
@media only screen and (max-width: 320px) {
  #staff .sectionInner .staffMember .leftCol .inner .contact a {
    font-size: calc(20px);
  }
}
#staff .sectionInner .staffMember .rightCol {
  width: 65%;
  margin: 0 2.5%;
}
#staff .sectionInner .staffMember .rightCol h3 {
  margin: 0 0 0.1em 0;
}
#staff .sectionInner .staffMember .rightCol h6 {
  margin-bottom: 1.5em;
}
#staff .sectionInner .staffMember .rightCol .divider {
  margin: 0 0 1.25em 0;
}
#staff .sectionInner .staffMember .rightCol .divider:after {
  content: "";
  display: block;
  width: 11.25em;
  height: 2px;
  background: #999999;
}
@media only screen and (max-width: 576px) {
  #staff .sectionInner .staffMember {
    flex-wrap: wrap;
    justify-content: center;
  }
  #staff .sectionInner .staffMember .leftCol {
    width: 95%;
    margin-bottom: 1em;
  }
  #staff .sectionInner .staffMember .leftCol .inner {
    margin: 0 auto;
    width: 80%;
  }
  #staff .sectionInner .staffMember .rightCol {
    width: 95%;
    text-align: center;
  }
  #staff .sectionInner .staffMember .rightCol .divider:after {
    margin: 0 auto;
  }
}

#services .sectionInner {
  /*Calc Top*/
  padding-top: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(60px + 30 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #services .sectionInner {
    padding-top: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #services .sectionInner {
    padding-top: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #services .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #services .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #services .sectionInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  #services .sectionInner {
    padding-bottom: calc(60px);
  }
}
@media only screen and (min-width: 1440px) {
  #services .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #services .sectionInner {
    padding-left: calc(0px);
  }
}
#services .sectionInner .service {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 -2.5%;
  /*Calc Top*/
  padding-top: calc(60px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #services .sectionInner .service {
    padding-top: calc(120px);
  }
}
@media only screen and (max-width: 320px) {
  #services .sectionInner .service {
    padding-top: calc(60px);
  }
}
@media only screen and (min-width: 1440px) {
  #services .sectionInner .service {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #services .sectionInner .service {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #services .sectionInner .service {
    padding-bottom: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #services .sectionInner .service {
    padding-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #services .sectionInner .service {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #services .sectionInner .service {
    padding-left: calc(0px);
  }
}
#services .sectionInner .service .leftCol {
  width: 25%;
  margin: 0 2.5%;
  min-width: 150px;
}
#services .sectionInner .service .leftCol .inner {
  width: 100%;
  max-width: 300px;
}
#services .sectionInner .service .leftCol .inner .icon {
  margin-bottom: 1.5em;
  width: 100%;
  padding-bottom: 100%;
  background: center center no-repeat #83AC40;
  background-size: 60%;
  border-radius: 8px;
}
#services .sectionInner .service .rightCol {
  width: 65%;
  margin: 0 2.5%;
}
#services .sectionInner .service .rightCol h1 {
  margin: 0 0 1em 0;
  color: #83AC40;
}
#services .sectionInner .service .rightCol h5 {
  margin-bottom: 1.5em;
}
#services .sectionInner .service .rightCol .divider {
  margin: 0 0 1.25em 0;
}
#services .sectionInner .service .rightCol .divider:after {
  content: "";
  display: block;
  width: 11.25em;
  height: 2px;
  background: #999999;
}
@media only screen and (max-width: 576px) {
  #services .sectionInner .service {
    flex-wrap: wrap;
    justify-content: center;
  }
  #services .sectionInner .service .leftCol {
    width: 95%;
    margin-bottom: 1em;
  }
  #services .sectionInner .service .leftCol .inner {
    margin: 0 auto;
    width: 40%;
  }
  #services .sectionInner .service .rightCol {
    width: 95%;
    text-align: center;
  }
  #services .sectionInner .service .rightCol .divider:after {
    margin: 0 auto;
  }
}

#featuredNews .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #featuredNews .sectionInner {
    padding-top: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  #featuredNews .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #featuredNews .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #featuredNews .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #featuredNews .sectionInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  #featuredNews .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #featuredNews .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #featuredNews .sectionInner {
    padding-left: calc(0px);
  }
}

#news .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #news .sectionInner {
    padding-top: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  #news .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #news .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #news .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #news .sectionInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  #news .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #news .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #news .sectionInner {
    padding-left: calc(0px);
  }
}

#newsDetailHeader .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 30 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 30 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #newsDetailHeader .sectionInner {
    padding-top: calc(60px);
  }
}
@media only screen and (max-width: 320px) {
  #newsDetailHeader .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #newsDetailHeader .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #newsDetailHeader .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #newsDetailHeader .sectionInner {
    padding-bottom: calc(60px);
  }
}
@media only screen and (max-width: 320px) {
  #newsDetailHeader .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #newsDetailHeader .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #newsDetailHeader .sectionInner {
    padding-left: calc(0px);
  }
}
#newsDetailHeader .sectionInner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 33%;
  background: #282828;
  z-index: 1;
}
#newsDetailHeader .sectionInner > div {
  position: relative;
  z-index: 2;
}

#newsDetail .sectionInner {
  /*Calc Top*/
  padding-top: calc(0px + 30 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
  max-width: 790px;
}
@media only screen and (min-width: 1440px) {
  #newsDetail .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (max-width: 320px) {
  #newsDetail .sectionInner {
    padding-top: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #newsDetail .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #newsDetail .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #newsDetail .sectionInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  #newsDetail .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #newsDetail .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #newsDetail .sectionInner {
    padding-left: calc(0px);
  }
}
#newsDetail .sectionInner .newsShare {
  margin: 3.5em 0 0 0;
  padding: 2em 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
#newsDetail .sectionInner .newsShare:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 11em;
  height: 2px;
  background: #dddddd;
}
#newsDetail .sectionInner .newsShare h6 {
  color: #83AC40;
  margin: 0 25px 10px 0;
}
#newsDetail .sectionInner .newsShare a {
  font-size: calc(16px + 2 * ((100vw - 320px) / 1120));
  margin: 0 30px 10px 0;
}
@media only screen and (min-width: 1440px) {
  #newsDetail .sectionInner .newsShare a {
    font-size: calc(18px);
  }
}
@media only screen and (max-width: 320px) {
  #newsDetail .sectionInner .newsShare a {
    font-size: calc(16px);
  }
}

/*******************************************************************************
CONTENT LAYOUT BLOCKS 
*******************************************************************************/
.wp-block-group {
  width: 100%;
  position: relative;
  /*Calc Top*/
  padding-top: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 30 * ((100vw - 320px) / 1120));
  overflow: hidden;
}
@media only screen and (min-width: 1440px) {
  .wp-block-group {
    padding-top: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .wp-block-group {
    padding-top: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .wp-block-group {
    padding-right: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .wp-block-group {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .wp-block-group {
    padding-bottom: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .wp-block-group {
    padding-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .wp-block-group {
    padding-left: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .wp-block-group {
    padding-left: calc(15px);
  }
}
.wp-block-group .wp-block-group__inner-container {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
}

.clb {
  width: 100%;
  position: relative;
  /*Calc Top*/
  padding-top: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 30 * ((100vw - 320px) / 1120));
  overflow: hidden;
}
@media only screen and (min-width: 1440px) {
  .clb {
    padding-top: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .clb {
    padding-top: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb {
    padding-right: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .clb {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb {
    padding-bottom: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .clb {
    padding-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb {
    padding-left: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .clb {
    padding-left: calc(15px);
  }
}
.clb.primaryBG {
  background: #282828;
}
.clb.secondaryBG {
  background: #83AC40;
}
.clb.neutralBG {
  background: #dddddd;
}
.clb .clbInner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.clb .clbInner.xnarrow {
  max-width: 720px;
}
.clb .clbInner.narrow {
  max-width: 960px;
}
.clb .clbInner.wide {
  max-width: 1200px;
}
.clb .clbInner.xwide {
  max-width: 1440px;
}
.clb .clbInner .respSpacer {
  width: 100%;
}
.clb .clbInner .respSpacer:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 0;
}
.clb .clbInner .respSpacer:after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 9%;
}
.clb--respSpacer .clbInner {
  /*Calc Top*/
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  .clb--respSpacer .clbInner {
    padding-top: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--respSpacer .clbInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--respSpacer .clbInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--respSpacer .clbInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--respSpacer .clbInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--respSpacer .clbInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--respSpacer .clbInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--respSpacer .clbInner {
    padding-left: calc(0px);
  }
}
.clb--1col .clbInner {
  /*Calc Top*/
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  .clb--1col .clbInner {
    padding-top: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--1col .clbInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--1col .clbInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--1col .clbInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--1col .clbInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--1col .clbInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--1col .clbInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--1col .clbInner {
    padding-left: calc(0px);
  }
}
.clb--2col .clbInner {
  /*Calc Top*/
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  .clb--2col .clbInner {
    padding-top: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--2col .clbInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--2col .clbInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--2col .clbInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--2col .clbInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--2col .clbInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--2col .clbInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--2col .clbInner {
    padding-left: calc(0px);
  }
}
.clb--2col .clbInner .content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -2.5%;
}
.clb--2col .clbInner .content .column {
  width: 45%;
  margin: 0 2.5% 1.5em;
  flex: 1 1 auto;
  min-width: 247px;
}
.clb--2col .clbInner .content .column:last-child {
  margin-bottom: 0;
}
.clb--2col-text_media {
  padding: 0;
}
.clb--2col-text_media .clbInner {
  /*Calc Top*/
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 60 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  .clb--2col-text_media .clbInner {
    padding-top: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--2col-text_media .clbInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--2col-text_media .clbInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--2col-text_media .clbInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--2col-text_media .clbInner {
    padding-bottom: calc(90px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--2col-text_media .clbInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .clb--2col-text_media .clbInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .clb--2col-text_media .clbInner {
    padding-left: calc(0px);
  }
}
.clb--2col-text_media .clbInner .content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -2.5%;
}
.clb--2col-text_media .clbInner .content .column {
  width: 45%;
  margin: 0 2.5%;
  flex: 1 1 auto;
  min-width: 247px;
}
.clb--2col-text_media .clbInner .content .textCol {
  margin-bottom: 1.5em;
}
.clb--2col-text_media .clbInner .content .textCol > *:last-child {
  margin-bottom: 0;
}
.clb--2col-text_media .clbInner .content .mediaCol {
  margin-bottom: 0;
}
.clb--2col-text_media .clbInner .content .mediaCol img {
  width: 100%;
  height: auto;
  display: block;
}
.clb--2col-text_media .clbInner .content .mediaCol video {
  width: 100%;
  height: auto;
  display: block;
}
.clb--2col-text_media.revOrder .content .textCol {
  order: 2;
  margin-bottom: 0;
}
.clb--2col-text_media.revOrder .content .mediaCol {
  order: 1;
  margin-bottom: 1.5em;
}

/*******************************************************************************
POSTS 
*******************************************************************************/
.featuredPost {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 8px;
  overflow: hidden;
}
.featuredPost .content {
  width: 40%;
  /*Calc Top*/
  padding-top: calc(20px + 25 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(20px + 25 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(20px + 25 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(20px + 25 * ((100vw - 320px) / 1120));
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  background: #dddddd;
}
@media only screen and (min-width: 1440px) {
  .featuredPost .content {
    padding-top: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .featuredPost .content {
    padding-top: calc(20px);
  }
}
@media only screen and (min-width: 1440px) {
  .featuredPost .content {
    padding-right: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .featuredPost .content {
    padding-right: calc(20px);
  }
}
@media only screen and (min-width: 1440px) {
  .featuredPost .content {
    padding-bottom: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .featuredPost .content {
    padding-bottom: calc(20px);
  }
}
@media only screen and (min-width: 1440px) {
  .featuredPost .content {
    padding-left: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .featuredPost .content {
    padding-left: calc(20px);
  }
}
.featuredPost .content a {
  text-decoration: none;
}
.featuredPost .content h3 {
  margin-bottom: 1em;
  width: 100%;
}
.featuredPost .content .readmore {
  font-size: calc(14px + 1 * ((100vw - 320px) / 1120));
  font-family: "Tungsten", sans-serif;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media only screen and (min-width: 1440px) {
  .featuredPost .content .readmore {
    font-size: calc(15px);
  }
}
@media only screen and (max-width: 320px) {
  .featuredPost .content .readmore {
    font-size: calc(14px);
  }
}
.featuredPost .content .readmore:after {
  content: "\f178";
  margin: 0 0 0 0.5em;
  font-size: 1em;
  font-family: "Font Awesome 5 Pro";
}
.featuredPost .content time {
  font-size: calc(14px + 1 * ((100vw - 320px) / 1120));
  font-family: "Tungsten", sans-serif;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media only screen and (min-width: 1440px) {
  .featuredPost .content time {
    font-size: calc(15px);
  }
}
@media only screen and (max-width: 320px) {
  .featuredPost .content time {
    font-size: calc(14px);
  }
}
.featuredPost .thumbnail {
  width: 60%;
  display: flex;
  align-items: stretch;
}
.featuredPost .thumbnail .image {
  display: block;
  width: 100%;
  padding-bottom: 65%;
  margin: 0 auto;
  background: center center no-repeat #282828 url(images/post-placeholder.jpg);
  background-size: cover;
  position: relative;
  overflow: hidden;
  border-radius: 0 8px 8px 0;
}
.featuredPost .thumbnail .image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  background-size: inhert;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms;
}
.featuredPost .thumbnail .image:hover:after {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media only screen and (max-width: 576px) {
  .featuredPost {
    flex-wrap: wrap;
  }
  .featuredPost .content {
    width: 100%;
    order: 2;
  }
  .featuredPost .thumbnail {
    width: 100%;
  }
  .featuredPost .thumbnail .image {
    border-radius: 8px 8px 0px 0px;
  }
}

.posts {
  overflow: hidden;
  max-width: 1170px;
  margin: 0 auto;
}
.posts .postsInner {
  margin: 0 -2.5%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.posts .postsInner .post {
  width: 45%;
  margin: 0 2.5% 4em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.posts .postsInner .post .thumbnail {
  /*Calc Top*/
  padding-top: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 35 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 35 * ((100vw - 320px) / 1120));
  position: relative;
}
@media only screen and (min-width: 1440px) {
  .posts .postsInner .post .thumbnail {
    padding-top: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .posts .postsInner .post .thumbnail {
    padding-top: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .posts .postsInner .post .thumbnail {
    padding-right: calc(50px);
  }
}
@media only screen and (max-width: 320px) {
  .posts .postsInner .post .thumbnail {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .posts .postsInner .post .thumbnail {
    padding-bottom: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .posts .postsInner .post .thumbnail {
    padding-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .posts .postsInner .post .thumbnail {
    padding-left: calc(50px);
  }
}
@media only screen and (max-width: 320px) {
  .posts .postsInner .post .thumbnail {
    padding-left: calc(15px);
  }
}
.posts .postsInner .post .thumbnail:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 15%;
  background: #dddddd;
  border-radius: 8px 8px 0 0;
}
.posts .postsInner .post .thumbnail .image {
  display: block;
  width: 100%;
  padding-bottom: 65%;
  margin: 0 auto;
  background: center center no-repeat #282828 url(images/post-placeholder.jpg);
  background-size: cover;
  position: relative;
  overflow: hidden;
  z-index: 2;
  border-radius: 8px;
}
.posts .postsInner .post .thumbnail .image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  background-size: inhert;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms;
}
.posts .postsInner .post .thumbnail .image:hover:after {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.posts .postsInner .post .content {
  flex: 1 1 auto;
  /*Calc Top*/
  padding-top: calc(20px + 25 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 35 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(20px + 25 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 35 * ((100vw - 320px) / 1120));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #dddddd;
  border-radius: 0 0 8px 8px;
}
@media only screen and (min-width: 1440px) {
  .posts .postsInner .post .content {
    padding-top: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .posts .postsInner .post .content {
    padding-top: calc(20px);
  }
}
@media only screen and (min-width: 1440px) {
  .posts .postsInner .post .content {
    padding-right: calc(50px);
  }
}
@media only screen and (max-width: 320px) {
  .posts .postsInner .post .content {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .posts .postsInner .post .content {
    padding-bottom: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .posts .postsInner .post .content {
    padding-bottom: calc(20px);
  }
}
@media only screen and (min-width: 1440px) {
  .posts .postsInner .post .content {
    padding-left: calc(50px);
  }
}
@media only screen and (max-width: 320px) {
  .posts .postsInner .post .content {
    padding-left: calc(15px);
  }
}
.posts .postsInner .post .content a {
  text-decoration: none;
}
.posts .postsInner .post .content h4 {
  margin-bottom: 1em;
}
.posts .postsInner .post .content .readmore {
  font-size: calc(14px + 1 * ((100vw - 320px) / 1120));
  font-family: "Tungsten", sans-serif;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media only screen and (min-width: 1440px) {
  .posts .postsInner .post .content .readmore {
    font-size: calc(15px);
  }
}
@media only screen and (max-width: 320px) {
  .posts .postsInner .post .content .readmore {
    font-size: calc(14px);
  }
}
.posts .postsInner .post .content .readmore:after {
  content: "\f178";
  margin: 0 0 0 0.5em;
  font-size: 1em;
  font-family: "Font Awesome 5 Pro";
}
@media only screen and (max-width: 576px) {
  .posts .postsInner .post {
    width: 97.5%;
  }
}

/*Main Layout*/
/* CSS Document */
/*Main Layout Responsive*/
.blockContent, .editor-styles-wrapper .wp-block {
  /*******************************************************************************
  BASIC BLOCK CONTENT STYLES
  *******************************************************************************/
  /*Color Classes*/
  /*Gutenberg Default Color Pallette*/
  /*Font Sizes*/
  /*Lists*/
  /*Gallery*/
  /*Embeds*/
  /*Block Quote*/
  /*Pull Quote*/
  /*Links and Buttons*/
  /*Content Area Header Overides*/
  /*Misc*/
  /*******************************************************************************
  BLOCK GROUPS
  *******************************************************************************/
  /*******************************************************************************
  CUSTOM BLOCKS
  *******************************************************************************/
}
.blockContent .primaryBG, .editor-styles-wrapper .wp-block .primaryBG {
  background: #282828;
}
.blockContent .secondaryBG, .editor-styles-wrapper .wp-block .secondaryBG {
  background: #83AC40;
}
.blockContent .neutralBG, .editor-styles-wrapper .wp-block .neutralBG {
  background: #dddddd;
}
.blockContent .has-white-background-color, .editor-styles-wrapper .wp-block .has-white-background-color {
  background-color: #fff;
}
.blockContent .has-white-color, .editor-styles-wrapper .wp-block .has-white-color {
  color: #fff;
}
.blockContent .has-very-light-gray-background-color, .editor-styles-wrapper .wp-block .has-very-light-gray-background-color {
  background-color: #eee;
}
.blockContent .has-very-light-gray-color, .editor-styles-wrapper .wp-block .has-very-light-gray-color {
  color: #eee;
}
.blockContent .has-light-gray-background-color, .editor-styles-wrapper .wp-block .has-light-gray-background-color {
  background-color: #ccc;
}
.blockContent .has-light-gray-color, .editor-styles-wrapper .wp-block .has-light-gray-color {
  color: #ccc;
}
.blockContent .has-gray-background-color, .editor-styles-wrapper .wp-block .has-gray-background-color {
  background-color: #999;
}
.blockContent .has-gray-color, .editor-styles-wrapper .wp-block .has-gray-color {
  color: #999;
}
.blockContent .has-dark-gray-background-color, .editor-styles-wrapper .wp-block .has-dark-gray-background-color {
  background-color: #666;
}
.blockContent .has-dark-gray-color, .editor-styles-wrapper .wp-block .has-dark-gray-color {
  color: #666;
}
.blockContent .has-black-background-color, .editor-styles-wrapper .wp-block .has-black-background-color {
  background-color: #000;
}
.blockContent .has-black-color, .editor-styles-wrapper .wp-block .has-black-color {
  color: #000;
}
.blockContent .has-small-font-size, .editor-styles-wrapper .wp-block .has-small-font-size {
  font-size: 0.875em;
}
.blockContent .has-normal-font-size, .blockContent .has-regular-font-size, .editor-styles-wrapper .wp-block .has-normal-font-size, .editor-styles-wrapper .wp-block .has-regular-font-size {
  font-size: 1em;
}
.blockContent .has-medium-font-size, .editor-styles-wrapper .wp-block .has-medium-font-size {
  font-size: 1.125em;
}
.blockContent .has-large-font-size, .editor-styles-wrapper .wp-block .has-large-font-size {
  font-size: 1.25em;
}
.blockContent .has-huge-font-size, .blockContent .has-larger-font-size, .editor-styles-wrapper .wp-block .has-huge-font-size, .editor-styles-wrapper .wp-block .has-larger-font-size {
  font-size: 1.375em;
}
.blockContent ul, .blockContent ol, .editor-styles-wrapper .wp-block ul, .editor-styles-wrapper .wp-block ol {
  margin: 0 0 1.5em 1em;
}
.blockContent ul li, .blockContent ol li, .editor-styles-wrapper .wp-block ul li, .editor-styles-wrapper .wp-block ol li {
  margin: 0 0 0.5em 0;
}
.blockContent ul li ul, .blockContent ul li ol, .blockContent ol li ul, .blockContent ol li ol, .editor-styles-wrapper .wp-block ul li ul, .editor-styles-wrapper .wp-block ul li ol, .editor-styles-wrapper .wp-block ol li ul, .editor-styles-wrapper .wp-block ol li ol {
  margin: 0.5em 0 0 1em;
}
.blockContent ul.blocks-gallery-grid, .editor-styles-wrapper .wp-block ul.blocks-gallery-grid {
  margin: 0;
}
.blockContent ul.blocks-gallery-grid li.blocks-gallery-item:before, .editor-styles-wrapper .wp-block ul.blocks-gallery-grid li.blocks-gallery-item:before {
  display: none;
}
.blockContent .wp-block-embed__wrapper iframe, .editor-styles-wrapper .wp-block .wp-block-embed__wrapper iframe {
  margin: 0 auto;
  display: block;
}
.blockContent blockquote.wp-block-quote, .editor-styles-wrapper .wp-block blockquote.wp-block-quote {
  margin: 0 0 1.5em 0;
  padding: 1em 2em 1em 3em;
  border: none;
  font-style: italic;
  color: #282828;
}
.blockContent blockquote.wp-block-quote p, .editor-styles-wrapper .wp-block blockquote.wp-block-quote p {
  font-size: 1.375em;
  line-height: 1.375;
  margin: 1em 0 0 0;
}
.blockContent blockquote.wp-block-quote p:first-child, .editor-styles-wrapper .wp-block blockquote.wp-block-quote p:first-child {
  margin: 0;
}
.blockContent blockquote.wp-block-quote cite, .editor-styles-wrapper .wp-block blockquote.wp-block-quote cite {
  text-align: right;
  display: block;
  color: #282828;
}
.blockContent figure.wp-block-pullquote, .editor-styles-wrapper .wp-block figure.wp-block-pullquote {
  margin: 3em 0 1.5em 0;
  padding: 2.5em;
  border: none;
  background: #282828;
  color: #fff;
  text-align: left;
}
.blockContent figure.wp-block-pullquote blockquote, .editor-styles-wrapper .wp-block figure.wp-block-pullquote blockquote {
  color: #fff;
  font-style: italic;
}
.blockContent figure.wp-block-pullquote blockquote p, .editor-styles-wrapper .wp-block figure.wp-block-pullquote blockquote p {
  font-size: 1.375em;
  line-height: 1.375;
  margin: 1em 0 0 0;
}
.blockContent figure.wp-block-pullquote blockquote p:first-child, .editor-styles-wrapper .wp-block figure.wp-block-pullquote blockquote p:first-child {
  margin: 0;
}
.blockContent figure.wp-block-pullquote blockquote cite, .editor-styles-wrapper .wp-block figure.wp-block-pullquote blockquote cite {
  text-align: right;
  display: block;
  color: #dddddd;
}
.blockContent a, .editor-styles-wrapper .wp-block a {
  color: #83AC40;
  text-decoration: underline;
}
.blockContent .wp-block-button.alignleft, .editor-styles-wrapper .wp-block .wp-block-button.alignleft {
  text-align: left;
}
.blockContent .wp-block-button.aligncenter, .editor-styles-wrapper .wp-block .wp-block-button.aligncenter {
  text-align: center;
}
.blockContent .wp-block-button.alignright, .editor-styles-wrapper .wp-block .wp-block-button.alignright {
  text-align: right;
}
.blockContent a.wp-block-button__link, .blockContent .wp-block-button__link, .editor-styles-wrapper .wp-block a.wp-block-button__link, .editor-styles-wrapper .wp-block .wp-block-button__link {
  background: #282828;
  color: #fff;
  text-decoration: none;
  border-radius: 0;
  margin-bottom: 1.5em;
}
.blockContent a.wp-block-button__link:hover, .blockContent .wp-block-button__link:hover, .editor-styles-wrapper .wp-block a.wp-block-button__link:hover, .editor-styles-wrapper .wp-block .wp-block-button__link:hover {
  opacity: 0.8;
}
.blockContent img[class*=wp-image], .blockContent div[class*=wp-image], .editor-styles-wrapper .wp-block img[class*=wp-image], .editor-styles-wrapper .wp-block div[class*=wp-image] {
  width: auto;
  height: auto;
  max-width: 100%;
  margin-bottom: 1.5em;
}
.blockContent img[class*=wp-image].aligncenter, .blockContent div[class*=wp-image].aligncenter, .editor-styles-wrapper .wp-block img[class*=wp-image].aligncenter, .editor-styles-wrapper .wp-block div[class*=wp-image].aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.blockContent img[class*=wp-image].alignleft, .blockContent div[class*=wp-image].alignleft, .editor-styles-wrapper .wp-block img[class*=wp-image].alignleft, .editor-styles-wrapper .wp-block div[class*=wp-image].alignleft {
  float: left;
  margin-right: calc(1vw + 1em);
  max-width: calc(50% - 0.5vw - 0.5em);
}
.blockContent img[class*=wp-image].alignright, .blockContent div[class*=wp-image].alignright, .editor-styles-wrapper .wp-block img[class*=wp-image].alignright, .editor-styles-wrapper .wp-block div[class*=wp-image].alignright {
  float: right;
  margin-left: calc(1vw + 1em);
  max-width: calc(50% - 0.5vw - 0.5em);
}
.blockContent figure.wp-block-image, .editor-styles-wrapper .wp-block figure.wp-block-image {
  /*Calc Top*/
  padding-top: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 30 * ((100vw - 320px) / 1120));
  margin: 0;
  max-width: 100%;
}
@media only screen and (min-width: 1440px) {
  .blockContent figure.wp-block-image, .editor-styles-wrapper .wp-block figure.wp-block-image {
    padding-top: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent figure.wp-block-image, .editor-styles-wrapper .wp-block figure.wp-block-image {
    padding-top: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent figure.wp-block-image, .editor-styles-wrapper .wp-block figure.wp-block-image {
    padding-right: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent figure.wp-block-image, .editor-styles-wrapper .wp-block figure.wp-block-image {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent figure.wp-block-image, .editor-styles-wrapper .wp-block figure.wp-block-image {
    padding-bottom: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent figure.wp-block-image, .editor-styles-wrapper .wp-block figure.wp-block-image {
    padding-bottom: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent figure.wp-block-image, .editor-styles-wrapper .wp-block figure.wp-block-image {
    padding-left: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent figure.wp-block-image, .editor-styles-wrapper .wp-block figure.wp-block-image {
    padding-left: calc(15px);
  }
}
.blockContent figure.wp-block-image img, .editor-styles-wrapper .wp-block figure.wp-block-image img {
  padding: 0 !important;
  margin: 0 !important;
}
.blockContent figure.wp-block-image figcaption, .editor-styles-wrapper .wp-block figure.wp-block-image figcaption {
  font-size: calc(13px + 2 * ((100vw - 320px) / 1120));
  margin: 1.5em 0 0 0;
  display: block;
}
@media only screen and (min-width: 1440px) {
  .blockContent figure.wp-block-image figcaption, .editor-styles-wrapper .wp-block figure.wp-block-image figcaption {
    font-size: calc(15px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent figure.wp-block-image figcaption, .editor-styles-wrapper .wp-block figure.wp-block-image figcaption {
    font-size: calc(13px);
  }
}
.blockContent div.wp-block-image, .editor-styles-wrapper .wp-block div.wp-block-image {
  margin: 0;
}
.blockContent div.wp-block-image figure, .editor-styles-wrapper .wp-block div.wp-block-image figure {
  /*Calc Top*/
  padding-top: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 30 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  .blockContent div.wp-block-image figure, .editor-styles-wrapper .wp-block div.wp-block-image figure {
    padding-top: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent div.wp-block-image figure, .editor-styles-wrapper .wp-block div.wp-block-image figure {
    padding-top: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent div.wp-block-image figure, .editor-styles-wrapper .wp-block div.wp-block-image figure {
    padding-right: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent div.wp-block-image figure, .editor-styles-wrapper .wp-block div.wp-block-image figure {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent div.wp-block-image figure, .editor-styles-wrapper .wp-block div.wp-block-image figure {
    padding-bottom: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent div.wp-block-image figure, .editor-styles-wrapper .wp-block div.wp-block-image figure {
    padding-bottom: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent div.wp-block-image figure, .editor-styles-wrapper .wp-block div.wp-block-image figure {
    padding-left: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent div.wp-block-image figure, .editor-styles-wrapper .wp-block div.wp-block-image figure {
    padding-left: calc(15px);
  }
}
.blockContent div.wp-block-image figure img, .editor-styles-wrapper .wp-block div.wp-block-image figure img {
  padding: 0 !important;
  margin: 0 !important;
}
.blockContent div.wp-block-image figure figcaption, .editor-styles-wrapper .wp-block div.wp-block-image figure figcaption {
  font-size: calc(13px + 2 * ((100vw - 320px) / 1120));
  margin: 1.5em 0 0 0;
  display: block;
}
@media only screen and (min-width: 1440px) {
  .blockContent div.wp-block-image figure figcaption, .editor-styles-wrapper .wp-block div.wp-block-image figure figcaption {
    font-size: calc(15px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent div.wp-block-image figure figcaption, .editor-styles-wrapper .wp-block div.wp-block-image figure figcaption {
    font-size: calc(13px);
  }
}
.blockContent div.wp-block-image figure.aligncenter, .editor-styles-wrapper .wp-block div.wp-block-image figure.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.blockContent div.wp-block-image figure.alignleft, .editor-styles-wrapper .wp-block div.wp-block-image figure.alignleft {
  float: left;
  margin-right: calc(1vw + 1em);
  margin-bottom: 1.5em;
  max-width: calc(50% - 0.5vw - 0.5em);
  padding: 0 !important;
}
.blockContent div.wp-block-image figure.alignright, .editor-styles-wrapper .wp-block div.wp-block-image figure.alignright {
  float: right;
  margin-left: calc(1vw + 1em);
  margin-bottom: 1.5em;
  max-width: calc(50% - 0.5vw - 0.5em);
  padding: 0 !important;
}
.blockContent h1.has-text-align-left, .blockContent h2.has-text-align-left, .blockContent h3.has-text-align-left, .blockContent h4.has-text-align-left, .blockContent h5.has-text-align-left, .blockContent h6.has-text-align-left, .editor-styles-wrapper .wp-block h1.has-text-align-left, .editor-styles-wrapper .wp-block h2.has-text-align-left, .editor-styles-wrapper .wp-block h3.has-text-align-left, .editor-styles-wrapper .wp-block h4.has-text-align-left, .editor-styles-wrapper .wp-block h5.has-text-align-left, .editor-styles-wrapper .wp-block h6.has-text-align-left {
  text-align: left;
}
.blockContent h1.has-text-align-center, .blockContent h2.has-text-align-center, .blockContent h3.has-text-align-center, .blockContent h4.has-text-align-center, .blockContent h5.has-text-align-center, .blockContent h6.has-text-align-center, .editor-styles-wrapper .wp-block h1.has-text-align-center, .editor-styles-wrapper .wp-block h2.has-text-align-center, .editor-styles-wrapper .wp-block h3.has-text-align-center, .editor-styles-wrapper .wp-block h4.has-text-align-center, .editor-styles-wrapper .wp-block h5.has-text-align-center, .editor-styles-wrapper .wp-block h6.has-text-align-center {
  text-align: center;
}
.blockContent h1.has-text-align-right, .blockContent h2.has-text-align-right, .blockContent h3.has-text-align-right, .blockContent h4.has-text-align-right, .blockContent h5.has-text-align-right, .blockContent h6.has-text-align-right, .editor-styles-wrapper .wp-block h1.has-text-align-right, .editor-styles-wrapper .wp-block h2.has-text-align-right, .editor-styles-wrapper .wp-block h3.has-text-align-right, .editor-styles-wrapper .wp-block h4.has-text-align-right, .editor-styles-wrapper .wp-block h5.has-text-align-right, .editor-styles-wrapper .wp-block h6.has-text-align-right {
  text-align: right;
}
.blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
  width: 100%;
  position: relative;
  /*Calc Top*/
  padding-top: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Top*/
  margin-top: calc(40px + 40 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  margin-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  margin-bottom: calc(40px + 40 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  margin-left: calc(0px + 0 * ((100vw - 320px) / 1120));
  overflow: hidden;
}
@media only screen and (min-width: 1440px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    padding-top: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    padding-top: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    padding-right: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    padding-bottom: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    padding-bottom: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    padding-left: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    padding-left: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    margin-top: calc(80px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    margin-top: calc(40px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    margin-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    margin-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    margin-bottom: calc(80px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    margin-bottom: calc(40px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    margin-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .wp-block-group, .editor-styles-wrapper .wp-block .wp-block-group {
    margin-left: calc(0px);
  }
}
.blockContent .wp-block-group .wp-block-group__inner-container, .editor-styles-wrapper .wp-block .wp-block-group .wp-block-group__inner-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.blockContent .wp-block-group .wp-block-group__inner-container > *:last-child, .editor-styles-wrapper .wp-block .wp-block-group .wp-block-group__inner-container > *:last-child {
  margin-bottom: 0;
}
.blockContent .wp-block-group.primaryBG, .editor-styles-wrapper .wp-block .wp-block-group.primaryBG {
  background: #282828;
}
.blockContent .wp-block-group.secondaryBG, .editor-styles-wrapper .wp-block .wp-block-group.secondaryBG {
  background: #83AC40;
}
.blockContent .wp-block-group.neutralBG, .editor-styles-wrapper .wp-block .wp-block-group.neutralBG {
  background: #dddddd;
}
.blockContent .wp-block-group.noTopMargin, .editor-styles-wrapper .wp-block .wp-block-group.noTopMargin {
  margin-top: 0;
}
.blockContent .wp-block-group.noBotMargin, .blockContent .wp-block-group.noBottomMargin, .editor-styles-wrapper .wp-block .wp-block-group.noBotMargin, .editor-styles-wrapper .wp-block .wp-block-group.noBottomMargin {
  margin-bottom: 0;
}
.blockContent .wp-block-group.xnarrow .wp-block-group__inner-container, .editor-styles-wrapper .wp-block .wp-block-group.xnarrow .wp-block-group__inner-container {
  max-width: 480px;
}
.blockContent .wp-block-group.narrow .wp-block-group__inner-container, .editor-styles-wrapper .wp-block .wp-block-group.narrow .wp-block-group__inner-container {
  max-width: 720px;
}
.blockContent .wp-block-group.wide .wp-block-group__inner-container, .editor-styles-wrapper .wp-block .wp-block-group.wide .wp-block-group__inner-container {
  max-width: 1200px;
}
.blockContent .wp-block-group.xwide .wp-block-group__inner-container, .editor-styles-wrapper .wp-block .wp-block-group.xwide .wp-block-group__inner-container {
  max-width: 1440px;
}
.blockContent .pageBanner, .editor-styles-wrapper .wp-block .pageBanner {
  background: right center no-repeat #282828;
  background-size: cover;
}
.blockContent .pageBanner:before, .editor-styles-wrapper .wp-block .pageBanner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #282828;
  opacity: 0.25;
  z-index: 1;
}
.blockContent .pageBanner .sectionInner, .editor-styles-wrapper .wp-block .pageBanner .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 70 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 74 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1440px) {
  .blockContent .pageBanner .sectionInner, .editor-styles-wrapper .wp-block .pageBanner .sectionInner {
    padding-top: calc(100px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .pageBanner .sectionInner, .editor-styles-wrapper .wp-block .pageBanner .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .pageBanner .sectionInner, .editor-styles-wrapper .wp-block .pageBanner .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .pageBanner .sectionInner, .editor-styles-wrapper .wp-block .pageBanner .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .pageBanner .sectionInner, .editor-styles-wrapper .wp-block .pageBanner .sectionInner {
    padding-bottom: calc(104px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .pageBanner .sectionInner, .editor-styles-wrapper .wp-block .pageBanner .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .pageBanner .sectionInner, .editor-styles-wrapper .wp-block .pageBanner .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .pageBanner .sectionInner, .editor-styles-wrapper .wp-block .pageBanner .sectionInner {
    padding-left: calc(0px);
  }
}
.blockContent .pageBanner .sectionInner .title, .editor-styles-wrapper .wp-block .pageBanner .sectionInner .title {
  width: 66%;
}
.blockContent .pageBanner .sectionInner .title h1, .editor-styles-wrapper .wp-block .pageBanner .sectionInner .title h1 {
  color: #fff;
}
.blockContent .customBlock, .editor-styles-wrapper .wp-block .customBlock {
  position: relative;
  /* CUSTOM BLOCK - Example */
  /* CUSTOM BLOCK - Full Width Image */
  /* CUSTOM BLOCK - 2 Column Half Image */
  /* CUSTOM BLOCK - 2 Column 2 Images */
}
.blockContent .customBlock--fullWidthImage, .editor-styles-wrapper .wp-block .customBlock--fullWidthImage {
  height: 100vw;
  max-height: 100vh;
  overflow: hidden;
}
.blockContent .customBlock--fullWidthImage img, .editor-styles-wrapper .wp-block .customBlock--fullWidthImage img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.blockContent .customBlock--fullWidthImage.imgRight img, .blockContent .customBlock--fullWidthImage.imageRight img, .editor-styles-wrapper .wp-block .customBlock--fullWidthImage.imgRight img, .editor-styles-wrapper .wp-block .customBlock--fullWidthImage.imageRight img {
  -o-object-position: 100% 50%;
     object-position: 100% 50%;
}
.blockContent .customBlock--fullWidthImage.imgLeft img, .blockContent .customBlock--fullWidthImage.imageLeft img, .editor-styles-wrapper .wp-block .customBlock--fullWidthImage.imgLeft img, .editor-styles-wrapper .wp-block .customBlock--fullWidthImage.imageLeft img {
  -o-object-position: 0% 50%;
     object-position: 0% 50%;
}
.blockContent .customBlock--2ColHalfImage, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.blockContent .customBlock--2ColHalfImage.primaryBG, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage.primaryBG {
  background: #282828;
  color: #ffffff;
}
.blockContent .customBlock--2ColHalfImage.secondaryBG, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage.secondaryBG {
  background: #83AC40;
  color: #ffffff;
}
.blockContent .customBlock--2ColHalfImage.neutralBG, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage.neutralBG {
  background: #dddddd;
}
.blockContent .customBlock--2ColHalfImage.imgLeft .contentCol, .blockContent .customBlock--2ColHalfImage.imageLeft .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage.imgLeft .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage.imageLeft .contentCol {
  order: 3;
  justify-content: flex-start;
}
.blockContent .customBlock--2ColHalfImage .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol {
  width: 50%;
  min-width: 320px;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  /*Calc Top*/
  padding-top: calc(40px + 40 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(15px + 30 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(40px + 40 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(15px + 30 * ((100vw - 320px) / 1120));
  flex: 1 1 auto;
}
@media only screen and (min-width: 1440px) {
  .blockContent .customBlock--2ColHalfImage .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol {
    padding-top: calc(80px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .customBlock--2ColHalfImage .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol {
    padding-top: calc(40px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .customBlock--2ColHalfImage .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol {
    padding-right: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .customBlock--2ColHalfImage .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol {
    padding-right: calc(15px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .customBlock--2ColHalfImage .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol {
    padding-bottom: calc(80px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .customBlock--2ColHalfImage .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol {
    padding-bottom: calc(40px);
  }
}
@media only screen and (min-width: 1440px) {
  .blockContent .customBlock--2ColHalfImage .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol {
    padding-left: calc(45px);
  }
}
@media only screen and (max-width: 320px) {
  .blockContent .customBlock--2ColHalfImage .contentCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol {
    padding-left: calc(15px);
  }
}
.blockContent .customBlock--2ColHalfImage .contentCol .content, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .contentCol .content {
  width: 100%;
}
.blockContent .customBlock--2ColHalfImage .imageCol, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .imageCol {
  width: 50%;
  overflow: hidden;
  order: 2;
  flex: 1 1 auto;
  min-width: 320px;
}
.blockContent .customBlock--2ColHalfImage .imageCol img, .editor-styles-wrapper .wp-block .customBlock--2ColHalfImage .imageCol img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.blockContent .customBlock--2Col2Image, .editor-styles-wrapper .wp-block .customBlock--2Col2Image {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.blockContent .customBlock--2Col2Image .imageCol, .editor-styles-wrapper .wp-block .customBlock--2Col2Image .imageCol {
  width: 50%;
  overflow: hidden;
  flex: 1 1 auto;
}
.blockContent .customBlock--2Col2Image .imageCol img, .editor-styles-wrapper .wp-block .customBlock--2Col2Image .imageCol img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

/*Block Content Layout and Responsive*/
/*******************************************************************************
HEADER
*******************************************************************************/
#header {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  background: #282828;
  overflow: visible;
  z-index: 99999;
  transition: right 200ms linear, background 100ms, -webkit-transform 200ms;
  transition: transform 200ms, right 200ms linear, background 100ms;
  transition: transform 200ms, right 200ms linear, background 100ms, -webkit-transform 200ms;
}
#header .sectionInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0 7px;
  position: relative;
  max-width: 1170px;
}
#header .sectionInner .logoWrap {
  width: 30%;
  max-width: 172px;
  min-width: 125px;
}
#header .sectionInner .logoWrap img {
  width: 100%;
  height: auto;
  display: block;
}
#header .sectionInner .navWrap .nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#header .sectionInner .navWrap .nav .menu > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
}
#header .sectionInner .navWrap .nav .menu > ul > li {
  position: relative;
}
#header .sectionInner .navWrap .nav .menu > ul > li > a {
  padding: 1em;
  color: #fff;
  font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
  font-family: "Tungsten", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 100ms;
}
@media only screen and (min-width: 1440px) {
  #header .sectionInner .navWrap .nav .menu > ul > li > a {
    font-size: calc(16px);
  }
}
@media only screen and (max-width: 320px) {
  #header .sectionInner .navWrap .nav .menu > ul > li > a {
    font-size: calc(14px);
  }
}
#header .sectionInner .navWrap .nav .menu > ul > li > a:hover {
  color: #83AC40;
}
#header .sectionInner .navWrap .nav .menu > ul > li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 50%;
  overflow: visible;
  min-width: 100%;
  -webkit-transform: translateY(-2em) translateX(-50%);
          transform: translateY(-2em) translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease-in-out 0ms, visibility 0ms linear 300ms;
}
#header .sectionInner .navWrap .nav .menu > ul > li ul li {
  border-bottom: 1px solid rgba(131, 172, 64, 0.7);
  background: #fff;
}
#header .sectionInner .navWrap .nav .menu > ul > li ul li a {
  font-size: calc(13px + 2 * ((100vw - 320px) / 1120));
  font-family: "Tungsten", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  padding: 0.5em 10px;
  display: block;
  white-space: nowrap;
  transition: opacity 200ms;
  text-align: center;
  background: #83AC40;
  color: #fff;
}
@media only screen and (min-width: 1440px) {
  #header .sectionInner .navWrap .nav .menu > ul > li ul li a {
    font-size: calc(15px);
  }
}
@media only screen and (max-width: 320px) {
  #header .sectionInner .navWrap .nav .menu > ul > li ul li a {
    font-size: calc(13px);
  }
}
#header .sectionInner .navWrap .nav .menu > ul > li ul li a:hover {
  opacity: 0.8;
}
#header .sectionInner .navWrap .nav .menu > ul > li ul li:last-child {
  border: none;
}
#header .sectionInner .navWrap .nav .menu > ul > li ul:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: calc(50% - 0.66em);
  width: 0;
  height: 0;
  border-left: 0.66em solid transparent;
  border-right: 0.66em solid transparent;
  border-bottom: 0.66em solid #83AC40;
}
#header .sectionInner .navWrap .nav .menu > ul > li.current-menu-item > a {
  color: #83AC40;
}
#header .sectionInner .navWrap .nav .menu > ul > li.menu-item-type-custom.current-menu-item > a {
  color: #fff;
}
#header .sectionInner .navWrap .nav .menu > ul > li.hasDrop:hover ul {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(-50%);
          transform: translateY(0) translateX(-50%);
  transition-delay: 0ms, 0ms;
}
#header .sectionInner .navWrap .nav .social {
  margin: 0 0 0 0.5em;
  line-height: 1;
}
#header .sectionInner .navWrap .nav .social a {
  font-size: calc(20px + -2 * ((100vw - 768px) / 672));
  color: #fff;
  margin: 0 0 0 0.5em;
  transition: color 100ms;
}
@media only screen and (min-width: 1440px) {
  #header .sectionInner .navWrap .nav .social a {
    font-size: calc(18px);
  }
}
@media only screen and (max-width: 768px) {
  #header .sectionInner .navWrap .nav .social a {
    font-size: calc(20px);
  }
}
#header .sectionInner .navWrap .nav .social a:hover {
  color: #83AC40;
}
#header .sectionInner .navWrap .nav .donate {
  margin: 0 0 0 1.5em;
}
#header .sectionInner .navWrap .nav .donate .btn {
  margin: 0;
  padding-left: 1.25em;
  padding-right: 1.25em;
}
#header .sectionInner .navWrap .nav .respNavBtn {
  display: none;
  font-size: calc(14px + 4 * ((100vw - 320px) / 1120));
  width: 2.5em;
  height: 2.5em;
  margin: 0 0 0 1em;
  justify-content: center;
  align-items: center;
  background: #424242;
  flex: 0 0 auto;
  cursor: pointer;
  border: 1px solid #a8a8a8;
}
@media only screen and (min-width: 1440px) {
  #header .sectionInner .navWrap .nav .respNavBtn {
    font-size: calc(18px);
  }
}
@media only screen and (max-width: 320px) {
  #header .sectionInner .navWrap .nav .respNavBtn {
    font-size: calc(14px);
  }
}
#header .sectionInner .navWrap .nav .respNavBtn i {
  font-size: 1.5em;
  color: #fff;
}

#header.nav-hide {
  -webkit-transform: translateY(-105%);
          transform: translateY(-105%);
}

/*******************************************************************************
RESPONSIVE NAV
*******************************************************************************/
#respNav {
  position: fixed;
  right: 0;
  top: 0;
  width: 255px;
  height: 100%;
  background: #282828;
  padding: 0;
  -webkit-transform: translateX(255px);
          transform: translateX(255px);
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
  z-index: 99999;
}
#respNav:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.75);
  z-index: 2;
  pointer-events: none;
}
#respNav .menu {
  position: relative;
  z-index: 1;
}
#respNav .menu ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  list-style: none;
}
#respNav .menu ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#respNav .menu ul > li a {
  background: #282828;
  padding: 15px 10px;
  color: #fff;
  font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
  font-family: "Tungsten", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 100ms;
}
@media only screen and (min-width: 1440px) {
  #respNav .menu ul > li a {
    font-size: calc(16px);
  }
}
@media only screen and (max-width: 320px) {
  #respNav .menu ul > li a {
    font-size: calc(14px);
  }
}
#respNav .menu ul > li a:hover {
  color: #83AC40;
}
#respNav .menu ul > li ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#respNav .menu ul > li ul li a {
  padding: 8px 10px;
  font-size: calc(12px + 2 * ((100vw - 320px) / 1120));
  background: #424242;
}
@media only screen and (min-width: 1440px) {
  #respNav .menu ul > li ul li a {
    font-size: calc(14px);
  }
}
@media only screen and (max-width: 320px) {
  #respNav .menu ul > li ul li a {
    font-size: calc(12px);
  }
}
#respNav .social {
  padding: 12px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#respNav .social a {
  font-size: calc(21px + 3 * ((100vw - 320px) / 1120));
  color: #fff;
  margin: 0 12px;
  display: block;
  line-height: 1;
  transition: color 100ms;
}
@media only screen and (min-width: 1440px) {
  #respNav .social a {
    font-size: calc(24px);
  }
}
@media only screen and (max-width: 320px) {
  #respNav .social a {
    font-size: calc(21px);
  }
}
#respNav .social a:hover {
  color: #83AC40;
}
#respNav .donate .btn {
  margin: 0;
  width: 100%;
  font-size: calc(16px + 2 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #respNav .donate .btn {
    font-size: calc(18px);
  }
}
@media only screen and (max-width: 320px) {
  #respNav .donate .btn {
    font-size: calc(16px);
  }
}

/*******************************************************************************
RESPONSIVE
*******************************************************************************/
/*Changes below this width*/
@media only screen and (max-width: 1080px) {
  #header .sectionInner .navWrap .nav .menu {
    display: none;
  }
  #header .sectionInner .navWrap .nav .respNavBtn {
    display: flex;
  }
  body.navOpen #respNav {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  body.navOpen #header {
    right: 255px;
  }
  body.navOpen main {
    -webkit-transform: translateX(-255px);
            transform: translateX(-255px);
  }
  body.navOpen #footer {
    -webkit-transform: translateX(-255px);
            transform: translateX(-255px);
  }
}
/*Header & Nav Layout and Responsive*/
/*******************************************************************************
FOOTER
*******************************************************************************/
#footer {
  background: #282828;
}
#footer .sectionInner {
  /*Calc Top*/
  padding-top: calc(30px + 30 * ((100vw - 320px) / 1120));
  /*Calc Right*/
  padding-right: calc(0px + 0 * ((100vw - 320px) / 1120));
  /*Calc Bot*/
  padding-bottom: calc(30px + 30 * ((100vw - 320px) / 1120));
  /*Calc Left*/
  padding-left: calc(0px + 0 * ((100vw - 320px) / 1120));
  max-width: 1290px;
}
@media only screen and (min-width: 1440px) {
  #footer .sectionInner {
    padding-top: calc(60px);
  }
}
@media only screen and (max-width: 320px) {
  #footer .sectionInner {
    padding-top: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #footer .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #footer .sectionInner {
    padding-right: calc(0px);
  }
}
@media only screen and (min-width: 1440px) {
  #footer .sectionInner {
    padding-bottom: calc(60px);
  }
}
@media only screen and (max-width: 320px) {
  #footer .sectionInner {
    padding-bottom: calc(30px);
  }
}
@media only screen and (min-width: 1440px) {
  #footer .sectionInner {
    padding-left: calc(0px);
  }
}
@media only screen and (max-width: 320px) {
  #footer .sectionInner {
    padding-left: calc(0px);
  }
}
#footer .sectionInner .columns {
  margin: 0 -2.5%;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
#footer .sectionInner .columns .column {
  width: 28.33%;
  margin: 0 2.5%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#footer .sectionInner .columns .logo {
  width: 100%;
  max-width: 210px;
}
#footer .sectionInner .columns .logo img {
  width: 100%;
  height: auto;
  display: block;
}
#footer .sectionInner .columns .contactInfo {
  color: #fff;
  font-size: calc(13px + 2 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #footer .sectionInner .columns .contactInfo {
    font-size: calc(15px);
  }
}
@media only screen and (max-width: 320px) {
  #footer .sectionInner .columns .contactInfo {
    font-size: calc(13px);
  }
}
#footer .sectionInner .columns .contactInfo .address {
  margin-bottom: 1.5em;
}
#footer .sectionInner .columns .contactInfo .contact {
  margin-bottom: 1.5em;
}
#footer .sectionInner .columns .contactInfo .social {
  font-size: calc(30px + -6 * ((100vw - 320px) / 1120));
}
@media only screen and (min-width: 1440px) {
  #footer .sectionInner .columns .contactInfo .social {
    font-size: calc(24px);
  }
}
@media only screen and (max-width: 320px) {
  #footer .sectionInner .columns .contactInfo .social {
    font-size: calc(30px);
  }
}
#footer .sectionInner .columns .contactInfo .social a {
  margin: 0 0.33em;
}
#footer .sectionInner .columns .signup {
  max-width: 360px;
}
#footer .sectionInner .columns .signup h6 {
  color: #dddddd;
}
#footer .sectionInner .columns .signup .btn {
  margin: 0;
}

/*******************************************************************************
RESPONSIVE
*******************************************************************************/
@media only screen and (max-width: 672px) {
  #footer .sectionInner .columns {
    flex-wrap: wrap;
  }
  #footer .sectionInner .columns .column {
    width: 95%;
  }
  #footer .sectionInner .columns .logo {
    width: 40%;
    max-width: 160px;
    margin-bottom: 1.5em;
  }
  #footer .sectionInner .columns .contactInfo {
    margin-bottom: 1.5em;
  }
}
/*******************************************************************************
SRG FOOTER LINK
*******************************************************************************/
.srgLink {
  width: 100%;
  max-width: 125px;
  margin: 0 auto;
  display: block;
}
.srgLink .inner {
  width: 100%;
  padding-bottom: 31.33%;
  position: relative;
}
.srgLink .inner .srgSlide {
  background: url(images/srg.png) center top no-repeat;
  background-size: auto 400%;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.srgLink .inner .startSlide {
  width: 100%;
  background-position: center 0%;
  transition: width 0.5s 0.5s;
}
.srgLink .inner .endSlide {
  width: 0;
  background-position: center 33.33%;
  transition: width 0.5s;
}
.srgLink .inner:hover .startSlide {
  width: 0;
  transition: width 0.5s;
}
.srgLink .inner:hover .endSlide {
  width: 100%;
  background-position: center 33.33%;
  transition: width 0.5s 0.5s;
}
.srgLink-white .inner .startSlide {
  background-position: center 66.66%;
}
.srgLink-white .inner .endSlide {
  background-position: center 100%;
}
.srgLink-white .inner:hover .endSlide {
  background-position: center 100%;
}

/*Footer Layout and Responsive*/

/*# sourceMappingURL=style.css.map */