@font-face {
    font-family: 'okomitoregular';
    src: url('fonts/okomito-regular-webfont.woff2') format('woff2'),
         url('fonts/okomito-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'okomitomedium';
    src: url('fonts/okomito-medium-webfont.woff2') format('woff2'),
         url('fonts/okomito-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
  box-sizing: border-box;
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
  position: fixed;
  /*bottom: 0;*/
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  /*overflow: hidden;*/
  /*height: 4rem;*/
  background-color: transparent;
  padding-left: 100%;
  box-sizing: content-box;
  /*border-bottom: solid 2px black;
  border-top: solid 2px black;*/


}
.ticker-wrap .ticker {
  display: inline-block;
  /*height: 4rem;*/
  line-height: 4rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
}
.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 2rem;
  font-size: 2rem;
  color: white;
}



h3 {
  font-family: 'okomitoregular', Helvetica, sans-serif;
  font-size: 90px;
  line-height: 0px;
  text-transform: none;
  font-weight: normal;
  color: #000000;
  text-align: left;
  margin-bottom: 4%;
}
/*
.header {
  display: inline;
  position: fixed;
  width: 100%;
  height: 200px;
  column-count: 2;
  margin-top: 0px;
  z-index: 2000;
}

.header-about {
  display: inline;
  position: fixed;
  width: 100%;
  column-count: 2;
  margin-top: 0px;
  z-index: 2000;
}

.site-title {
  width: 50%;
  text-align: left;
  margin-left: 5%;
  margin-top: 3%
}

.email {
  width: 50%;
  text-align: left;
  margin-left: 5%;
}

.site-title a {
  text-decoration: none;
  color: #000000;
}

.site-title a:hover {
  color: #00ff00;
}

.site-title-white {
  width: 30%;
  text-align: left;
  padding-right: 100px;
}

.site-title-white a {
  text-decoration: none;
  color: #000000;
}

.site-title-white a:hover {
  color: #00ff00;;
}

.nav {
  float: right;
  width: 50%;
  text-align: right;
  margin-right: 5%;
}

.social {
  float: right;
  width: 50%;
  text-align: right;
  margin-right: 5%;
  margin-bottom: 5%;
  height: 38px;
}
@-moz-document url-prefix() {
    .nav {
      padding-top:0px;
    }
}


.nav li {
  display: inline-block;

}

.nav a {
  text-decoration: none;
  color: #000000;
  padding-left: 0px;
}

.nav a:hover {
  color: #00ff00;
  cursor: pointer;
}

.nav-mob {
  display: none;
  float: right;
  width: 50%;
  text-align: right;
  padding-top: 1px;
  margin-right: 7px;
}

.nav-mob li {
  display: inline-block;

}

.nav-mob a {
  text-decoration: none;
  color: #000000;
  padding-left: 0px;
}

.nav-mob a:hover {
  color: #00ff00;
  cursor: pointer;
}

.nav-white {
  float: right;
  width: 60%;
  text-align: right;
  padding-top: 1px;
}

.social-mob {
  display: none;
  float: right;
  width: 85%;
  text-align: right;
  padding-top: 1px;
  margin-right: 7px;
}

.social-mob li {
  display: inline-block;

}

.social-mob a {
  text-decoration: none;
  color: #000000;
  padding-left: 0px;
}

.social-mob a:hover {
  color: #00ff00;
  cursor: pointer;
}
@-moz-document url-prefix() {
    .nav-white {
      padding-top:0px;
    }
}

.nav-white li {
  display: inline-block;

}

.nav-white a {
  text-decoration: none;
  color: #000000;
  padding-left: 0px;
}

.nav-white a:hover {
  color: #00ff00;
  cursor: pointer;
}
*/

@media screen and (max-width: 800px) {

  h5 {
  font-size: 45px;
  line-height: 40px;
  }
    
}