.site {
  padding: 2rem 3rem; }

.site__title {
  font-size: 35px;
  margin-bottom: 1rem;
  position: relative; }
  .site__title.site__title--separator:after {
    position: absolute;
    border-bottom: 3px solid #F79E77;
    width: 40%;
    content: '';
    left: 0;
    bottom: -1.3rem; }

.site__description {
  color: #c1bfbf;
  font-size: 1.2rem;
  font-weight: 200;
  padding-top: 1rem;
  z-index: 1; }
  .site__description:nth-child(1) {
    margin-top: auto; }

.site__label {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 1px;
  color: #c1bfbf; }

.site__secondary_title {
  display: none;
  color: black;
  margin: 2rem 5rem 0 5rem;
  font-size: 1.2rem;
  font-family: 'Source Sans Pro', sans-serif; }

.site__navigation {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
  z-index: 1; }
  .site__navigation:hover .site__navigation_items {
    text-decoration: none; }
  .site__navigation * {
    transition: .5s ease-out; }
  .site__navigation .site__navigation_items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem; }
    .site__navigation .site__navigation_items label {
      text-transform: uppercase;
      letter-spacing: 1px; }
    .site__navigation .site__navigation_items h4 {
      margin: 0;
      font-size: 1.2rem;
      line-height: 1.5rem;
      font-family: 'Source Sans Pro', sans-serif;
      font-weight: 800;
      color: white; }
  .site__navigation .site__navigation_items--right {
    background-color: #F79E77;
    padding-left: 5rem;
    text-align: right; }
    .site__navigation .site__navigation_items--right label {
      color: #f15917; }
    .site__navigation .site__navigation_items--right:hover {
      background-color: #f15917; }
      .site__navigation .site__navigation_items--right:hover label {
        color: #692406; }
  .site__navigation .site__navigation_items--left {
    background-color: #7CCDB9;
    padding-right: 5rem; }
    .site__navigation .site__navigation_items--left label {
      color: #3fa48b; }
    .site__navigation .site__navigation_items--left:hover {
      background-color: #3fa48b; }
      .site__navigation .site__navigation_items--left:hover label {
        color: #14362d; }
  .site__navigation .part--selected {
    background-color: inherit !important;
    padding-right: 5rem; }
    .site__navigation .part--selected label {
      color: #F7F7F6 !important; }
    .site__navigation .part--selected:hover {
      background-color: inherit !important; }
      .site__navigation .part--selected:hover label {
        color: #7e7e70 !important; }

#site__bg {
  display: none; }

.site_h7_equivalent {
  color: #1C1F2A;
  display: block;
  font-size: 0.67em;
  -webkit-margin-before: 2.33em;
  -webkit-margin-after: 2.33em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold; }

.illustrate {
  margin-bottom: 45px; }
  .illustrate .illu_bg {
    position: relative;
    margin-top: 64px; }
    .illustrate .illu_bg img {
      width: 100%;
      webkit-box-shadow: 15px 15px 80px 0px rgba(100, 100, 100, 0.5);
      -moz-box-shadow: 15px 15px 80px 0px rgba(100, 100, 100, 0.5);
      -o-box-shadow: 15px 15px 80px 0px rgba(100, 100, 100, 0.5);
      box-shadow: 15px 15px 80px 0px rgba(100, 100, 100, 0.5);
      position: relative; }
    .illustrate .illu_bg:after {
      content: "";
      width: 50%;
      height: 100%;
      display: block;
      position: absolute;
      top: -32px;
      left: -32px;
      z-index: -2;
      background-image: linear-gradient(to right, #F79E77 0%, #ffc7af 100%); }
    .illustrate .illu_bg:before {
      content: "";
      width: 50%;
      height: 100%;
      display: block;
      position: absolute;
      bottom: 0;
      right: -32px;
      top: 32px;
      z-index: -1;
      /* background-image: linear-gradient(to right, #F79E77 0%, #ffc7af 100%); */
      background-image: linear-gradient(to right, #3fa48b 0%, #7ccdb9 100%); }
  .illustrate figcaption {
    font-family: 'Rufina', serif;
    margin-top: 7px; }

.summary {
  font-size: .8rem;
  list-style-type: none; }
  .summary * {
    list-style-type: none; }
  .summary a:hover {
    text-decoration: none; }

.tooltip {
  border-bottom: 1px dashed #1c1f2a;
}