@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");
.box-cta {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', helvetica, sans-serif;
  padding: 4rem 0 0; }
  @media (min-width: 768px) {
    .box-cta {
      flex-direction: row;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 1120px;
      padding: 4rem 0; } }
  .box-cta__box {
    box-sizing: border-box;
    color: white;
    padding: 2rem;
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .box-cta__box {
        flex-basis: 25%;
        margin-right: 1rem; } }
  .box-cta__box-copy {
    margin-bottom: 0; }
  .box-cta__box-heading, .box-cta__copy-heading {
    font-weight: 300;
    margin: 0; }
  .box-cta__box-heading-heading {
    background: inherit;
    margin: .75rem 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .box-cta__box-heading-title {
    z-index: 1; }
  .box-cta__box-heading-price {
    font-weight: bold;
    font-style: italic;
    margin-top: .25rem; }
  .box-cta__copy {
    padding: 0 1rem; }
    @media (min-width: 768px) {
      .box-cta__copy {
        flex-basis: 60%; } }
  @media (min-width: 768px) {
    .box-cta__wrapper {
      flex-basis: 75%; } }

footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', helvetica, sans-serif;
  padding: 1rem; }
  footer .cdc-logo {
    max-width: 2.75rem;
    padding-right: .5rem; }
  footer .mcphd-logo {
    max-width: 6rem;
    padding-left: .5rem; }
  @media (min-width: 768px) {
    footer {
      padding: 2rem; } }

.footer-main {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%; }
  @media (min-width: 768px) {
    .footer-main {
      flex-direction: row; } }
  .footer-main__facebook {
    margin-top: 1rem;
    max-width: 2rem; }
    .footer-main__facebook svg {
      fill: #648b33;
      max-width: 2rem; }
  .footer-main__logo {
    display: flex;
    flex-direction: column;
    margin-right: 2rem; }
    .footer-main__logo img {
      max-width: 200px; }
  .footer-main__logo-address {
    padding-top: 1rem;
    text-transform: uppercase; }
  .footer-main__nav a {
    color: #757575;
    font-size: 1.3125rem;
    text-decoration: none; }
  .footer-main__nav li {
    list-style: none; }
    @media (max-width: 768px) {
      .footer-main__nav li {
        list-style: none;
        margin: .1rem 1rem; } }
  @media (max-width: 768px) {
    .footer-main__nav-main ul, .footer-main__nav-secondary ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }
  @media (min-width: 768px) {
    .footer-main__nav-main, .footer-main__nav-secondary {
      border-left: 1px #757575 solid;
      padding-left: .5rem; } }

.footer-secondary {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .footer-secondary__legal > a {
    color: inherit;
    text-decoration: none; }
  .footer-secondary__logos {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem; }

.hours {
  background: #648b33;
  font-family: 'Roboto', helvetica, sans-serif;
  padding: 2rem 1rem; }
  .hours__address {
    color: #25390c;
    text-align: center; }
    @media (min-width: 768px) {
      .hours__address {
        text-align: inherit; } }
  .hours__address-address {
    color: white; }
  .hours__copy {
    color: white;
    text-align: center; }
    .hours__copy p {
      margin-bottom: 0; }
  .hours__hours {
    display: flex;
    flex-direction: column;
    text-align: center; }
    @media (min-width: 600px) {
      .hours__hours {
        flex-direction: row;
        text-align: inherit; } }
    .hours__hours > span {
      font-weight: 300; }
  .hours__hours, .hours__address {
    font-size: 1.15rem; }
  .hours__hours-column > span {
    display: block;
    margin-bottom: .5rem; }
  .hours__hours-column-heading {
    color: #25390c; }
  @media (min-width: 600px) {
    .hours__hours-column--1 {
      padding-right: 1rem; } }
  @media (min-width: 600px) {
    .hours__hours-column--2 {
      padding-left: 1rem; } }
  .hours__hours-hours {
    color: white; }
  .hours__title {
    border: 1px solid black;
    color: #bed89d;
    font-size: 2.5rem;
    margin-bottom: 1rem;
    padding: .75rem; }
    @media (min-width: 768px) {
      .hours__title {
        margin-bottom: inherit;
        margin-right: 1rem; } }

.hours-contain {
  display: flex;
  flex-direction: column; }
  .hours-contain__copy {
    font-size: 1.25rem; }
  .hours-contain__info {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .hours-contain__info {
        flex-direction: row; } }

.copy {
  font-family: 'Roboto', helvetica, sans-serif;
  padding: 4rem 1rem; }
  .copy .centerstdlist {
    padding-left: 2rem; }
  .copy .stdcharthed {
    color: white;
    font-weight: bold; }

.icon-with-copy {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  margin: 0 auto;
  max-width: 1120px;
  padding: 4rem 1rem; }
  @media (max-width: 768px) {
    .icon-with-copy img {
      margin-bottom: 1.75rem; } }
  @media (min-width: 768px) {
    .icon-with-copy {
      align-items: flex-start;
      flex-direction: row; } }
  .icon-with-copy__copy {
    font-weight: 300;
    padding: 0 1rem; }
    @media (min-width: 768px) {
      .icon-with-copy__copy {
        flex-direction: row;
        padding: 0 0 0 2rem; } }
  .icon-with-copy__copy-headline {
    font-size: 1.5rem; }
    @media (min-width: 768px) {
      .icon-with-copy__copy-headline {
        padding-bottom: 2rem; } }

.icon-with-links {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', helvetica, sans-serif;
  font-size: 1.25rem;
  margin: 0 auto;
  max-width: 1120px;
  padding: 4rem 1rem; }
  @media (min-width: 768px) {
    .icon-with-links {
      align-items: flex-start;
      flex-direction: row; } }
  .icon-with-links__links {
    display: flex;
    flex-direction: column;
    margin-left: 2rem; }
    .icon-with-links__links h3 {
      margin-bottom: 0; }
  .icon-with-links ul {
    font-size: 1.25rem;
    list-style: none;
    margin-top: .5rem; }
    @media (min-width: 768px) {
      .icon-with-links ul {
        padding: 0; } }
  .icon-with-links li:not(:last-of-type) {
    margin-bottom: .5rem; }
  .icon-with-links svg {
    fill: currentColor;
    width: 12px; }

.info-split-cta {
  background: #648b33;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', helvetica, sans-serif;
  height: 500px; }
  @media (min-width: 768px) {
    .info-split-cta {
      flex-direction: row;
      height: 400px; } }
  .info-split-cta a {
    text-decoration: none; }
  .info-split-cta__callout {
    color: white;
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    font-size: 2rem;
    font-weight: 300;
    max-width: 450px;
    justify-content: center; }
    @media (min-width: 768px) {
      .info-split-cta__callout {
        font-size: 2.5rem; } }
    .info-split-cta__callout p {
      margin: 0; }
  .info-split-cta__callout-headline {
    font-size: 2.5rem; }
  .info-split-cta__callout-subheadline, .info-split-cta__callout-link {
    font-size: 1.5rem; }
  .info-split-cta__callout-headline, .info-split-cta__callout-subheadline {
    font-weight: 300;
    margin: 0; }
  .info-split-cta__callout-link {
    color: white; }
  .info-split-cta__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem; }
    @media (min-width: 768px) {
      .info-split-cta__content {
        font-size: 2.5rem;
        padding: 4rem; } }
  .info-split-cta__image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-basis: 50%; }

.split-cta {
  background: #648b33;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', helvetica, sans-serif;
  height: 500px; }
  @media (min-width: 768px) {
    .split-cta {
      flex-direction: row;
      height: 400px; } }
  @media (min-width: 1025px) {
    .split-cta {
      flex-direction: row;
      height: 500px; } }      
  .split-cta a {
    color: inherit;
    text-decoration: none; }
  .split-cta__content {
    color: white;
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    font-size: 2rem;
    font-weight: 300;
    max-width: 450px;
    justify-content: center;
    padding: 2rem; }
    @media (min-width: 768px) {
      .split-cta__content {
        font-size: 2.5rem;
        padding: 4rem; } }
    .split-cta__content p {
      margin: 0; }
  .split-cta__content-button {
    margin-top: 1rem; }
  .split-cta__image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-basis: 50%; }

.large-copy {
  font-family: 'Roboto', helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 768px;
  padding: 4rem 1rem; }
  @media (min-width: 768px) {
    .large-copy {
      padding: 4rem 0; } }

.icon-grid {
  font-family: 'Roboto', helvetica, sans-serif; }
  .icon-grid > h3 {
    font-size: 2rem;
    text-align: center; }
  .icon-grid__contain {
    display: flex;
    flex-wrap: wrap; }
  .icon-grid--two .icon-grid__item {
    padding: 2rem; }
    @media (min-width: 768px) {
      .icon-grid--two .icon-grid__item {
        flex-basis: 50%; } }
  .icon-grid--three .icon-grid__item {
    padding: 1rem; }
    @media (min-width: 768px) {
      .icon-grid--three .icon-grid__item {
        flex-basis: 33%; } }
  .icon-grid__item {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-basis: 100%;
    flex-direction: column; }
    @media (min-width: 768px) {
      .icon-grid__item {
        flex-direction: row; } }
    @media (max-width: 768px) {
      .icon-grid__item img {
        margin: 0 auto 1rem; } }
  @media (min-width: 768px) {
    .icon-grid__item-content {
      padding-left: 2rem; } }
  .icon-grid__item-content-headline {
    font-weight: 300;
    margin: 0 0 1rem; }
  .icon-grid__item-content-destination {
    color: #f04d0c;
    text-decoration: none; }

.recent-news {
  background: #eaf2e0;
  font-family: 'Roboto', helvetica, sans-serif; }
  .recent-news__articles {
    display: flex;
    flex-direction: column; }
    .recent-news__articles article {
      flex-basis: 33%; }
      .recent-news__articles article:nth-of-type(even) {
        padding: 4rem 0; }
      @media (min-width: 768px) {
        .recent-news__articles article:nth-of-type(even) {
          padding: 0 2rem; } }
      .recent-news__articles article h2 {
        font-size: 2rem;
        font-weight: 300;
        margin: .5rem 0; }
      .recent-news__articles article p {
        color: #74878d;
        line-height: 1.5; }
      .recent-news__articles article img {
        width: 100%; }
      .recent-news__articles article a {
        color: #f04d0c;
        text-decoration: none; }
    @media (min-width: 768px) {
      .recent-news__articles {
        flex-direction: row; } }
  .recent-news__see-more {
    color: #25390c;
    display: flex;
    font-size: 26px;
    justify-content: center;
    margin-top: 2rem; }
  .recent-news__title {
    color: #25390c;
    font-size: 40px;
    font-weight: 300;
    margin-top: 0; }

.community-partners {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly; }
  .community-partners__partner {
    display: block;
    margin: 1rem 0; }
    .community-partners__partner img {
      width: 200px; }

.community-partners-contain {
  font-family: 'Roboto', helvetica, sans-serif;
  font-size: 2rem;
  text-align: center; }

.hero-slider {
  font-family: 'Roboto', helvetica, sans-serif;
  height: 100%; }
  .hero-slider__headline {
    font-size: 3rem;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 12px #fff;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .hero-slider__headline {
        font-size: 5rem;
        max-width: 50vw; } }
  .hero-slider__subheadline {
    font-size: 1.75rem;
    font-weight: 300;
    text-shadow: 2px 2px 12px #fff; }
    @media (min-width: 850px) {
      .hero-slider__subheadline {
        font-size: 2.5rem;
        max-width: 35vw; } }
  .hero-slider__wrapper {
    padding: 4rem; }
    @media (min-width: 768px) {
      .hero-slider__wrapper {
        padding: 4rem 8rem; } }
  .hero-slider .swiper-slide {
    background-size: cover;
    height: auto; }

.events {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: 'Roboto', helvetica, sans-serif;
  padding: 4rem 1rem; }
  .events__event {
    align-items: flex-start;
    display: flex;
    flex-basis: 100%;
    margin-bottom: 5rem; }
    @media (min-width: 768px) {
      .events__event {
        flex-basis: 50%; } }
    @media (min-width: 968px) {
      .events__event {
        flex-basis: 33%; } }
  .events__view-more {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    justify-content: center; }
    .events__view-more a {
      color: #648b33;
      font-size: 1.25rem; }
    @media (min-width: 768px) {
      .events__view-more {
        flex-basis: 33%; } }
  .events__event-date {
    margin-right: 1rem;
    text-align: center; }
  .events__event-date-date {
    background: #648b33;
    color: white;
    font-weight: 600;
    padding: .5rem 1rem; }
  .events__event-date-date-day {
    font-size: 3rem;
    line-height: 1; }
  .events__event-details-time {
    font-weight: bold;
    padding-top: .5rem; }
  .events__event-details-title {
    color: #648b33;
    margin: 0; }

.staff {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-family: 'Roboto', helvetica, sans-serif;
  padding: 0 1rem; }
  @media (min-width: 768px) {
    .staff {
      flex-direction: row; } }
  .staff__member {
    align-items: flex-start;
    display: flex;
    flex-basis: 100%;
    flex-direction: row;
    padding-bottom: 6rem; }
    @media (min-width: 768px) {
      .staff__member {
        flex-basis: 50%; } }
  .staff__member-info {
    padding: 0 2rem 0 1rem; }
  .staff__member-info-name {
    font-size: 1.5rem;
    margin: 0 0 .5rem; }
  .staff__member-info-title {
    margin: 0 0 2rem; }
  .staff__member-info-name, .staff__member-info-title {
    font-weight: 300; }
  .staff__member-info-phone, .staff__member-info-title {
    font-size: 1rem; }
  .staff__member-info-phone {
    color: #f04d0c;
    text-decoration: none; }
  .staff__member-info-title {
    color: #498494;
    text-transform: uppercase; }
  .staff__member-photo {
    max-width: 150px; }
    @media (min-width: 500px) {
      .staff__member-photo {
        max-width: 200px; } }

.staff-intro {
  align-items: flex-start;
  display: flex;
  font-family: 'Roboto', helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.5;
  margin: 0 auto;
  padding-bottom: 4rem; }
  .staff-intro__copy {
    margin: 0;
    max-width: 768px;
    padding-left: 3rem; }

.hero-banner {
  background-size: cover;
  background-position: right;
  font-family: 'Roboto', helvetica, sans-serif;
  min-height: 350px;
  position: relative; }
  @media (min-width: 1300px) {
    .hero-banner {
      min-height: 400px; } }
  .hero-banner__callout {
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    font-size: 2rem;
    font-weight: 300;
    max-width: 450px;
    justify-content: center; }
  .hero-banner__callout-headline {
    font-weight: 400;
    font-size: 2.5rem;
    margin: 0; }
  .hero-banner__callout-subheadline {
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0; }
  .hero-banner__title {
    bottom: .5rem;
    font-size: 3rem;
    font-weight: 300;
    margin: 0;
    padding: 0 1rem;
    position: absolute;
    text-transform: uppercase; }
    .hero-banner__title p {
      margin: 0; }
    @media (min-width: 768px) {
      .hero-banner__title {
        font-size: 5rem; } }

.std-basics {
  font-family: 'Roboto', helvetica, sans-serif;
  display: flex;
  flex-direction: column;
  max-width: 960px;
  padding: 4rem 1rem; }
  @media (min-width: 768px) {
    .std-basics {
      flex-direction: row; } }

@media (min-width: 768px) {
  .std-basics-column__list {
    padding-left: 1rem; } }

.std-basics-column__list h2 {
  align-items: center;
  display: flex;
  font-size: 1.75rem;
  font-weight: 300;
  height: 3.5rem;
  margin: 0; }
  @media (min-width: 768px) {
    .std-basics-column__list h2 {
      font-size: 2rem; } }

.std-basics-column__list ul {
  font-size: 1rem;
  list-style: none;
  padding-left: 0; }
  @media (min-width: 768px) {
    .std-basics-column__list ul {
      font-size: 1.5rem; } }
  .std-basics-column__list ul li:not(:last-of-type) {
    margin-bottom: .5rem; }

.std-basics-column__headline {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 768px) {
    .std-basics-column__headline {
      flex-direction: row;
      align-items: flex-start; } }

.std-basics-column:nth-of-type(2) {
  margin: 2rem 0 0; }
  @media (min-width: 768px) {
    .std-basics-column:nth-of-type(2) {
      margin: 0 0 0 4rem; } }

.std-fact-sheet {
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', helvetica, sans-serif; }
  @media (min-width: 768px) {
    .std-fact-sheet {
      flex-direction: row; } }
  .std-fact-sheet__content {
    padding: 0 1rem; }
    @media (min-width: 768px) {
      .std-fact-sheet__content {
        flex-basis: 70%; } }
  .std-fact-sheet__sidebar {
    padding: 0 1rem; }
    @media (min-width: 768px) {
      .std-fact-sheet__sidebar {
        flex-basis: 25%;
        padding: 0 2rem; } }
    .std-fact-sheet__sidebar h2 {
      font-weight: 300; }
    .std-fact-sheet__sidebar ul {
      font-size: 1.25rem;
      list-style: none; }
    .std-fact-sheet__sidebar li:not(:last-of-type) {
      margin-bottom: .5rem; }

.button {
  background: white;
  border-radius: 8px;
  color: #182c32;
  font-size: 1rem;
  font-weight: bold;
  padding: .5rem; }
  @media (min-width: 768px) {
    .button {
      font-size: 1.5rem; } }

.header {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-family: "Roboto", helvetica, sans-serif;
  font-size: 1.3125rem;
  justify-content: space-between;
  padding: 1rem;
  position: absolute;
  width: 100%;
  z-index: 9; }
  @media (min-width: 768px) {
    .header {
      padding: 1rem 2rem; } }

.header-nav--desktop {
  display: none;
  font-size: .8rem;
  max-width: 65.625em; }
  .header-nav--desktop ul {
    display: flex;
    flex-direction: row;
    padding-left: 0; }
    .header-nav--desktop ul li {
      border-left: #757575 2px solid;
      list-style: none;
      padding-left: 0.5rem;
      text-transform: uppercase; }
      .header-nav--desktop ul li:not(:first-of-type) {
        margin-left: 1.5rem; }
  .header-nav--desktop a {
    color: #757575;
    font-weight: 900;
    text-decoration: none; }
  @media (min-width: 1170px) {
    .header-nav--desktop {
      display: flex; } }

.header-nav--mobile {
  background: #757575;
  font-family: "Roboto", helvetica, sans-serif;
  display: flex;
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  transition: all .3s ease;
  visibility: hidden;
  opacity: 0; }
  .header-nav--mobile.active {
    visibility: visible;
    opacity: 1; }
  .header-nav--mobile ul {
    flex-direction: column;
    font-weight: bold;
    letter-spacing: 1px;
    list-style: none;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
  .header-nav--mobile li:not(:first-of-type) {
    margin-top: 1.25rem; }
  .header-nav--mobile li a {
    color: white;
    text-decoration: none; }
  @media (min-width: 1100px) {
    .header-nav--mobile {
      display: none; } }

.header-nav__hamburger {
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 9; }
  @media (min-width: 1100px) {
    .header-nav__hamburger {
      display: none; } }

.header-nav-logo {
  max-width: 250px; }
  @media (min-width: 400px) {
    .header-nav-logo {
      max-width: 300px; } }

.header-nav-toggle {
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: 1rem; }

.icon {
  max-width: 3.5rem; }

a {
  color: #799ca7;
  transition: color ease 0.5s; }
  a:hover {
    color: #757575; }

body {
  margin: 0; }
  body.active {
    overflow-y: hidden; }

button {
  font-family: "Roboto", helvetica, sans-serif; }

.wrapper {
  margin: 0 auto;
  max-width: 1120px; }

.module {
  padding: 4rem 0; }

.card table {
  margin-top: 4rem;
  width: 100%; }

.card tbody tr:nth-of-type(even) {
  background: #ccc; }

.card tr th {
  width: 200px; }

.card .bg-secondary th {
  background: #739b32;
  color: white;
  font-size: 2rem;
  padding: 0.75rem 0; }

.card ul {
  padding-left: 2rem; }

.std-risks-table > table {
  width: 100%; }

.std-risks-table > table > tbody > tr > td {
  border: 1px solid #ccc;
  padding: 1rem; }

.std-risks-table .heading {
  padding: 1rem;
  background: #739b32;
  color: white;
  font-size: 1.5rem; }