@import url("https://fonts.googleapis.com/css?family=Josefin+Slab");
/*
 :::  Reset
-------------------------------------------------- */
html {
  box-sizing: border-box;
  overflow-y: -moz-scrollbars-vertical;
  overflow-y: scroll; }

*, *::before, *::after {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  box-sizing: inherit;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
      text-size-adjust: 100%; }

article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, subhead, summary {
  display: block; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*-------------------------------------------------- */
/*
 :::  Variables
-------------------------------------------------- */
/*
:::  mixins and functions
-------------------------------------------------- */
/*
:::  Basics
-------------------------------------------------- */
::-moz-selection {
  background: grey;
  color: #fff;
  text-shadow: none; }
::selection {
  background: grey;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: grey;
  color: #fff;
  text-shadow: none; }

body,
input,
select,
button,
textarea {
  font-family: "Josefin Slab", sans-serif;
  font-size: 1.25em;
  line-height: 1.3333333;
  font-weight: 400;
  color: black; }

h1,
h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

strong {
  font-weight: 600; }

em {
  font-style: italic; }

hr {
  display: block;
  border-top: 1px solid grey; }

img {
  border: none;
  vertical-align: middle; }

a {
  color: grey; }
  a:focus, a:hover, a:active {
    text-decoration: underline; }

/*
 :::  Header
-------------------------------------------------- */
header {
  padding: 16.9017%;
  padding-bottom: 5%;
}
  header h1 {
    text-align: center; }
    header h1 img {
      width: 80%; }

/*
 :::  Main
-------------------------------------------------- */
main {
  padding: 5.6339%; }

/*
 :::  Section
-------------------------------------------------- */
section {
  /*padding: 11.2678%;*/
  text-align: center;
}
section a {
  text-decoration: none;
  color: black;
}
section a:focus, section a:hover, section a:active {
  text-decoration: none;
  color: grey;
}

section svg {
  transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

section a:focus svg, section a:hover svg, section a:active svg {
        -webkit-transform: translateY(.2em);
                transform: translateY(.2em); }

/*
 :::  Footer
-------------------------------------------------- */
footer {
  padding: 5.6339%;
  text-align: center; }
  footer h1 {
    font-size: 1.3em;
    margin-bottom: 1em; }
  footer .icon {
    position: relative;
    top: .2em;
    margin-right: .3em;
    -webkit-transition: -webkit-transform 200ms ease-out;
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }
  footer .org {
    font-weight: 600; }
  footer .co {
    color: grey; }
  footer .mail {
    margin-right: 2em; }
  footer .contact {
    margin-top: 2em; }
    footer .contact a {
      color: #676767;
      text-decoration: none; }
    footer .contact span {
      white-space: nowrap; }
      footer .contact span:focus .icon-mail, footer .contact span:hover .icon-mail, footer .contact span:active .icon-mail {
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg); }
      footer .contact span:focus .icon-power, footer .contact span:hover .icon-power, footer .contact span:active .icon-power {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
  footer .legaldreck {
    margin-top: 5em;
    font-size: .5em; }
  footer h2 {
    display: inline;
    font-weight: 600;
    margin-left: 1em; }

/*
 :::  SVG
-------------------------------------------------- */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor; }
/*# sourceMappingURL=do_not_edit_this.css.map */