*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}
html,
body {
  height: 100%;
  margin: 0;
  color: #111;
  font-size: 16px;
}
@media screen and (min-width: 2561px) {
  html,
  body {
    font-size: 32px;
  }
}
body {
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
  text-decoration: none;
}
ol,
ul {
  list-style-type: none;
}
.required {
  color: #f00;
}
.hideme {
  display: none;
}
.grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: #808080 /* IE 6-9 */;
}
.site_nav {
  grid-area: nav;
}
.site_header {
  grid-area: header;
}
.site_main {
  grid-area: main;
}
.site_content {
  grid-area: content;
}
.site_aside {
  grid-area: aside;
}
.site_footer {
  grid-area: footer;
}
.site_footer {
  width: 100%;
  background-color: #000;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  color: #fff;
}
.site_footer .container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .site_footer .container {
    width: 100%;
  }
}
.site_footer .container .footer_copyright {
  font-size: 0.8rem;
  text-align: left;
}
.site_footer .container .footer_links {
  text-align: right;
}
.site_footer .container .footer_links .fa {
  font-size: 1.7rem;
}
.site_footer .container .footer_links a + a {
  margin-left: 0.8rem;
}
.site_footer .container a {
  color: #164b78;
}
.site_footer .container a:hover {
  color: #f1f1f1;
  text-decoration: underline;
}
body {
  display: grid;
  grid-template-rows: 4rem 20rem auto 4.5rem;
  grid-template-areas: 'nav' 'header' 'main' 'footer';
}
.site_nav {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-height: 400px) {
  .site_nav {
    position: initial;
  }
}
.site_nav .container {
  height: 4rem;
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .site_nav .container {
    width: 100%;
  }
}
.site_nav .container a {
  color: #000;
  font-weight: 800;
}
.site_nav .container .nav {
  margin-left: auto;
  text-align: right;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.site_nav .container .nav .fa {
  font-size: 1.7rem;
}
@media screen and (max-width: 768px) {
  .site_nav .container .nav .fa {
    margin-right: 1rem;
  }
}
.site_nav .container .nav .nav_checkbox_label {
  display: none;
}
@media screen and (max-width: 768px) {
  .site_nav .container .nav .nav_checkbox_label {
    display: block;
    cursor: pointer;
    padding: 1rem 0.5rem;
    height: 100%;
  }
  .site_nav .container .nav .nav_checkbox_label span,
  .site_nav .container .nav .nav_checkbox_label span::before,
  .site_nav .container .nav .nav_checkbox_label span::after {
    content: '';
    display: block;
    height: 3px;
    width: 1.75rem;
    border-radius: 3px;
    background-color: #000;
    -webkit-transition: -webkit-transform ease-in-out 500ms;
    -moz-transition: -moz-transform ease-in-out 500ms;
    -ms-transition: -ms-transform ease-in-out 500ms;
    transition: transform ease-in-out 500ms;
  }
  .site_nav .container .nav .nav_checkbox_label span::before {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  .site_nav .container .nav .nav_checkbox_label span::after {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
  }
}
.site_nav .container .nav ul {
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .site_nav .container .nav ul {
    z-index: 100;
    position: absolute;
    top: 4rem;
    right: 0;
    padding: 0;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    background-color: #fff;
    border-left: 1px solid #d9d9d9;
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    -moz-transition: -moz-transform 500ms ease-in-out;
    -ms-transition: -ms-transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
  }
}
.site_nav .container .nav ul li {
  display: inline-block;
  margin-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .site_nav .container .nav ul li {
    text-align: left;
    display: block;
    margin-left: 0;
    border-bottom: 1px solid #d9d9d9;
  }
}
.site_nav .container .nav ul li a {
  -webkit-transition: color 200ms, background-color 200ms;
  -moz-transition: color 200ms, background-color 200ms;
  -ms-transition: color 200ms, background-color 200ms;
  transition: color 200ms, background-color 200ms;
  padding: 0.3rem 1rem;
}
@media screen and (max-width: 768px) {
  .site_nav .container .nav ul li a {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    padding: 1.5rem 3rem;
    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    -ms-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
  }
}
.site_nav .container .nav ul li a:hover,
.site_nav .container .nav ul li a.active_link {
  color: #f1f1f1;
  background-color: #111;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .site_nav .container .nav ul li a:hover,
  .site_nav .container .nav ul li a.active_link {
    border-radius: 0;
  }
}
.site_nav .container .nav .nav_checkbox {
  position: absolute !important;
  top: -999px !important;
  left: -999px !important;
}
.site_nav .container .nav .nav_checkbox:checked ~ ul {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
.site_nav .container .nav .nav_checkbox:checked ~ ul a {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 250ms ease-in-out 250ms;
  -moz-transition: opacity 250ms ease-in-out 250ms;
  -ms-transition: opacity 250ms ease-in-out 250ms;
  transition: opacity 250ms ease-in-out 250ms;
}
.site_nav .container .nav .nav_checkbox:checked ~ ul ~ label span {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.site_nav .container .nav .nav_checkbox:checked ~ ul ~ label span::before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.site_nav .container .nav .nav_checkbox:checked ~ ul ~ label span::after {
  -webkit-transform: translateY(-3px) rotate(-90deg);
  -moz-transform: translateY(-3px) rotate(-90deg);
  -ms-transform: translateY(-3px) rotate(-90deg);
  transform: translateY(-3px) rotate(-90deg);
}
.site_header {
  display: block;
  background-color: #fff;
  width: 100%;
}
.site_header .container {
  max-width: 80rem;
  margin: 0 auto;
  position: relative;
  text-align: left;
  line-height: 10rem;
  padding: 2rem 1.5rem;
  height: 20rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-items: left;
}
@media screen and (max-width: 768px) {
  .site_header .container {
    width: 100%;
  }
}
.site_header .container img {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.site_header .container h1 {
  z-index: 20;
  position: absolute;
  left: 1rem;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  font-family: 'Cookie', cursive;
  font-size: 8rem;
  color: #b85b3f;
  text-shadow: 3px 3px #e8e3c7;
}
.site_main {
  width: 100%;
}
.site_main .container {
  max-width: 80rem;
  margin: 0 auto;
  line-height: 2rem;
}
@media screen and (max-width: 768px) {
  .site_main .container {
    width: 100%;
  }
}
.site_main .container > p:first-letter {
  font-size: 2rem;
}
.site_main .container > p ~ p:first-letter {
  font-size: 1rem;
}
body {
  display: grid;
  grid-template-rows: 4rem auto 4.5rem;
  grid-template-areas: 'nav' 'main' 'footer';
}
.site_main .container {
  padding-top: 0.5rem;
}
.site_main .container h1 {
  display: block;
  margin-bottom: 1.5rem;
}
.site_main .container .posts {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.site_main .container .posts .excerpt {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.05);
  -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.05);
  box-shadow: 0 1px 7px rgba(0,0,0,0.05);
  width: 32%;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.site_main .container .posts .excerpt:nth-child(1),
.site_main .container .posts .excerpt:nth-child(2) {
  width: 49%;
}
@media screen and (max-width: 639px) {
  .site_main .container .posts .excerpt {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .site_main .container .posts .excerpt:nth-child(n) {
    width: 100%;
  }
  .site_main .container .posts .excerpt:nth-child(1) {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.site_main .container .posts .excerpt .excerpt_head {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  min-width: 10rem;
  width: 100%;
}
.site_main .container .posts .excerpt .excerpt_body {
  padding: 0 1rem;
  width: 100%;
}
.site_main .container .posts .excerpt .excerpt_body .categories,
.site_main .container .posts .excerpt .excerpt_body .tags {
  font-size: 0.8rem;
}
.site_main .container .posts .excerpt .excerpt_body .categories span + span,
.site_main .container .posts .excerpt .excerpt_body .tags span + span {
  margin-left: 0.5rem;
}
.site_main .container .posts .excerpt .excerpt_body .content {
  font-size: 1rem;
  padding: 1rem 0;
}
.site_main .container .posts .excerpt img {
  width: 100%;
}
.site_main .container .posts .excerpt h1 {
  font-size: 1.7rem;
  margin: 5px 0;
}
.site_main .container .page_nav {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 1rem 0;
  padding: 1rem 0;
  border-top: 1px solid #e7e9ee;
  border-bottom: 1px solid #e7e9ee;
}
.site_main .container .page_nav .page_nav_next,
.site_main .container .page_nav .page_nav_current {
  margin-left: auto;
}
.site_main .container .page_nav .fa {
  margin: 0 0.5rem;
}
.site_main .container {
  padding: 1rem;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 4fr minmax(15rem, 1fr);
  grid-template-areas: 'content aside';
}
@media screen and (max-width: 768px) {
  .site_main .container {
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    grid-template-areas: 'content' 'aside';
  }
}
.site_main .site_content .post {
  font-size: 0.8rem;
}
.site_main .site_content .post .post_title h1 {
  font-size: 2.2rem;
}
.site_main .site_content .post .post_coverimage {
  width: 100%;
}
.site_main .site_content .post .post_meta {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 1rem;
}
.site_main .site_content .post .post_meta .meta_author_img {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.site_main .site_content .post .post_meta .meta_author_img img {
  width: 3.5rem;
  border-radius: 50%;
  border: 1px solid #000;
  margin-right: 0.5rem;
  display: block;
  vertical-align: middle;
}
.site_main .site_content .post .post_meta .meta_date_comment {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.site_main .site_content .post .post_meta .fa {
  font-size: 1rem;
  margin-right: 0.5rem;
  padding: 0;
}
.site_main .site_content .post .post_meta .meta_comment::before {
  content: '\2022';
  margin: 0 0.8rem;
}
.site_main .site_content .post .post_content {
  font-size: 1rem;
}
.site_main .site_content .post .post_share_top,
.site_main .site_content .post .post_share_down {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.site_main .site_content .post .post_share_top .share_facebook,
.site_main .site_content .post .post_share_down .share_facebook {
  color: #3a559f;
}
.site_main .site_content .post .post_share_top .share_twitter,
.site_main .site_content .post .post_share_down .share_twitter {
  color: #1bb2e9;
}
.site_main .site_content .post .post_share_top .share_whatsapp,
.site_main .site_content .post .post_share_down .share_whatsapp {
  color: #00e676;
}
.site_main .site_content .post .post_share_top .share_pinterest,
.site_main .site_content .post .post_share_down .share_pinterest {
  color: #cb2027;
}
.site_main .site_content .post .post_share_top .share_xing,
.site_main .site_content .post .post_share_down .share_xing {
  color: #1e8687;
}
.site_main .site_content .post .post_share_top .share_linkedin,
.site_main .site_content .post .post_share_down .share_linkedin {
  color: #0077b5;
}
.site_main .site_content .post .post_share_top strong,
.site_main .site_content .post .post_share_down strong {
  font-size: 1rem;
}
.site_main .site_content .post .post_share_top a,
.site_main .site_content .post .post_share_down a {
  font-size: 1.7rem;
  padding-left: 0.6rem;
}
.site_main .site_content .post .post_share_top {
  margin-bottom: 1rem;
}
.site_main .site_content .post .post_share_down {
  margin-top: 1rem;
}
.site_main .site_content .post .fa {
  margin-right: 0.3rem;
}
.site_main .site_content .post .google_photo_album {
  padding: 1rem 0;
  text-align: center;
}
.site_main .site_content .post .google_photo_album .photos {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.site_main .site_content .post .google_photo_album .photos a {
  margin: 0.2rem 0;
}
@media screen and (min-width: 2561px) {
  .site_main .site_content .post .google_photo_album .photos {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media screen and (max-width: 768px) {
  .site_main .site_content .post .google_photo_album .photos {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media screen and (max-width: 639px) {
  .site_main .site_content .post .google_photo_album .photos {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media screen and (max-width: 300px) {
  .site_main .site_content .post .google_photo_album .photos {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.site_main .site_content .post img {
  max-width: 100%;
}
.site_main .site_content .post .embed_pdf embed {
  width: 100%;
  min-height: 30rem;
}
.site_main .site_content .comments {
  max-width: 100%;
}
.site_main .site_aside .wrapper {
  border-left: 1px solid #e7e9ee;
  padding: 0 1rem;
}
.site_main .site_aside .wrapper .sidebar_toc {
  display: block;
}
@media screen and (max-width: 768px) {
  .site_main .site_aside .wrapper {
    border: 0;
    padding: 0;
  }
  .site_main .site_aside .wrapper .sidebar_toc {
    display: none;
  }
}
.site_main .site_aside .wrapper div {
  display: block;
}
.site_main .site_aside .wrapper div strong {
  display: block;
  text-transform: uppercase;
}
.site_main .site_aside .wrapper .sidebar_toc .toc {
  padding: 0;
  margin: 0;
}
.site_main .site_aside .wrapper .sidebar_toc .toc .toc-number {
  font-size: 0.8rem;
  color: #111;
}
.site_main .site_aside .wrapper .sidebar_toc .toc .toc-child {
  padding-left: 0.8rem;
}
.site_main .site_aside .wrapper .sidebar_category ul,
.site_main .site_aside .wrapper .sidebar_category li {
  padding: 0;
  margin: 0;
}
.site_main .site_aside .wrapper .sidebar_category .category-list-count {
  font-size: 0.8rem;
  padding-left: 0.5rem;
}
.site_main .site_aside .wrapper .sidebar_category .category-list-count::before {
  content: '(';
}
.site_main .site_aside .wrapper .sidebar_category .category-list-count::after {
  content: ')';
}
.site_main .site_aside .wrapper .sidebar_tagcloud .tagcloud {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.site_main .site_aside .wrapper .sidebar_tagcloud .tagcloud a {
  text-decoration: underline;
}
.site_main .site_aside .wrapper .sidebar_tagcloud .tagcloud a::before {
  content: '#';
}
.site_main .site_aside .wrapper .sidebar_tagcloud .tagcloud a:not(:last-child) {
  margin-right: 0.4rem;
}
.site_main .site_aside .wrapper .sidebar_toc::after,
.site_main .site_aside .wrapper .sidebar_category::after {
  content: '';
  display: block;
  border-top: 1px solid #e7e9ee;
  margin-top: 1rem;
  padding-top: 1rem;
}
body {
  display: grid;
  grid-template-rows: 4rem 20rem auto 4.5rem;
  grid-template-areas: 'nav' 'header' 'main' 'footer';
}