html {
  font-size: 15pt;
  line-height: 1.6;
}

body {
  background: #000304 url('./../img/circuit.svg') no-repeat 0 40px;
  background-attachment: fixed;
}

h1, h2, h3 {
  line-height: 1.3;
}

h1 {
  font-size: 1.6rem;
}

header .container {
  padding-top: 0;
  padding-bottom: 0;
}
header .logo {
  display: block;
  padding-top: 1.6rem;
}
header img {
  width: 512px;
}

.container {
  padding: .4rem 1.6rem;
}

section {
  padding: 3.2rem 0;
}

footer {
  padding: .8rem 0;
}

.fadein .container {
  background: rgba(0, 3, 4, 1);
  position: relative;
}
.fadein .container:after,
.fadein .container:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 240px;
}

.fadein .container:after {
  background: linear-gradient(90deg, rgba(0, 3, 4, 1) 0%, rgba(0, 3, 4, 0) 100%);
  right: -240px;
}

.fadein .container:before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 3, 4, 1) 100%);
  left: -240px;
}

.widget .donate-btn,
.button-74 {
  line-height: 2.1rem;
  padding: 0 1.4rem;
}

#contact {
  margin-bottom: 60px;
}

/* hero */
#hero {
  height: 240px;
  margin-bottom: 12px;
}
#hero .wrap .container,
#hero .wrap {
  height: 100%;
}
#hero .container > * {
  position: relative;
  z-index: 9;
}
#hero .fadein .container {
  background: rgba(0, 3, 4, .5);
}
#hero .fadein .container:after {
  background: linear-gradient(90deg, rgba(0, 3, 4, .5) 0%, rgba(0, 3, 4, 0) 100%);
}

#hero .fadein .container:before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 3, 4, .5) 100%);
}
#typed-wrapper {
  display: block;
  font-size: 1.3rem;
  margin-top: 1.6rem;
  max-width: 640px;
  padding: .4rem 0;
}

.showcase .grow {
  min-width: 420px;
  max-width: 420px;
  width: 420px;
}