@font-face {
  font-family: "Josefin Sans";
  src: url(../fonts/JosefinSans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Josefin Sans";
  src: url(../fonts/JosefinSans-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: "Josefin Sans";
  src: url(../fonts/JosefinSans-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }
:root, html {
  background-color: #B9120F;}
body {
  font-family: "Josefin Sans", Roboto, sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  -webkit-background-size: cover;
  background-size: cover;
  background: url("../img/background_01_small.jpg") fixed; }

h1 {
  font-family: "Josefin Sans", Roboto, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  word-spacing: 1.5rem;
  text-shadow: 5px 3px 0 #006280;
  margin: 0; }
  @media (max-width: 960px) {
    h1 {
      font-size: 1.5rem;
      text-shadow: 3px 2px 0 #006280; } }

h2, h3, h4, h5 {
  font-family: "Josefin Sans", Roboto, sans-serif; }

header {
  display: block;
  position: relative;
  z-index: 25;
  width: 100%;
  height: auto;
  padding: 20px 0;
  text-align: center;
  background-color: #B9120F;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); }

section.cd-article {
  width: 100%;
  display: grid;
  grid-template-columns: 50% auto;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  align-items: center;
  padding: 15vh 0;
  color: white;
  background-color: rgba(0, 98, 128, 0.81); }
  @media (max-width: 960px) {
    section.cd-article {
      grid-template-columns: 100%; }
      section.cd-article h2, section.cd-article h4 {
        text-align: center; } }
  section.cd-article div {
    display: block;
    padding: 15vw; }
    @media (max-width: 960px) {
      section.cd-article div {
        padding: 0 5vw; } }
    section.cd-article div img {
      width: 500px;
      max-width: 80%;
      -webkit-box-shadow: -3px -3px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: -3px -3px 25px rgba(0, 0, 0, 0.5);
      box-shadow: -3px -3px 25px rgba(0, 0, 0, 0.5); }
      @media (max-width: 960px) {
        section.cd-article div img {
          margin-bottom: 50px; } }
    section.cd-article div div.cd-link {
      display: block;
      width: 100%;
      text-align: center; }
    section.cd-article div div.download-button-wrapper {
      display: inline-block;
      width: 100%;
      padding: 0;
      margin: 15px 0 0 15px; }
      @media (max-width: 960px) {
        section.cd-article div div.download-button-wrapper {
          text-align: center;
          margin: 15px 0 0 0; } }
    section.cd-article div a.download-button {
      display: inline-block;
      line-height: 2rem;
      height: 2rem;
      font-size: 1rem;
      padding: 0 50px;
      margin: 0;
      border-radius: 1.5rem;
      background-color: #B9120F;
      color: white;
      font-weight: 700;
      text-decoration: none;
      -webkit-box-shadow: -1px -1px 8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: -1px -1px 8px rgba(0, 0, 0, 0.5);
      box-shadow: -1px -1px 8px rgba(0, 0, 0, 0.5);
      -webkit-transition: 200ms;
      -moz-transition: 200ms;
      -ms-transition: 200ms;
      -o-transition: 200ms;
      transition: 200ms; }
    section.cd-article div a.download-button:hover {
      -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.5);
      box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.5);
      -webkit-transform: translate(1px, 1px);
      -moz-transform: translate(1px, 1px);
      -ms-transform: translate(1px, 1px);
      -o-transform: translate(1px, 1px);
      transform: translate(1px, 1px);
      -webkit-transition: 50ms;
      -moz-transition: 50ms;
      -ms-transition: 50ms;
      -o-transition: 50ms;
      transition: 50ms; }
    section.cd-article div ul {
      list-style: none;
      padding-left: 0;
      counter-reset: track-counter; }
      section.cd-article div ul li {
        display: inline-block; }
      section.cd-article div ul li::before {
        content: counter(track-counter,decimal-leading-zero);
        counter-increment: track-counter;
        font-weight: 700;
        color: #B9120F;
        padding: 0 5px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
  section.cd-article div:first-child {
    text-align: center;
    padding: 0; }
  section.cd-article div.intro {
    grid-column: span 2;
    padding: 0 20%; }
    @media (max-width: 960px) {
      section.cd-article div.intro {
        grid-column: span 1;
        padding: 0 5%; } }
  section.cd-article small {
    font-weight: 400;
    vertical-align: bottom;
    padding-left: 0.5rem; }

footer {
  padding: 5vh 0;
  text-align: center;
  background-color: rgba(0, 98, 128, 0.81);
  line-height: 2.5rem;
  color: white;
  font-weight: 400; }
  @media (max-width: 960px) {
    footer {
      font-size: 0.8rem; } }
  footer span {
    display: inline-block;
    padding: 0 20px; }
  footer img {
    height: 2.5rem;
    vertical-align: -0.7rem;
    padding: 0 5px; }
    @media (max-width: 960px) {
      footer img {
        height: 2rem; } }

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