input {
  -webkit-appearance: none;
  font-size: 1.2rem;
}

body {
  font-family: 'Signika';
  font-size: 1.2rem;
  color: #224;
  line-height: 1.5;
  background-color: #ddc;
  margin: 0;
}

#banner {
  position: relative;
  height: calc(100vw - 50vh);
  min-height: 150px;
  max-height: 500px;
}

#banner img {
  position: absolute;
  bottom: 0;
  width: 100%;
}

#banner .title {
  position: absolute;
  color: white;
  top: 40px;
  left: 40px;
  line-height: 1;
}

#banner h1, #banner p {
  margin: 0;
  text-shadow: 2px 2px black;
}

#banner h1 a {
  text-decoration: none;
  color: white;
}

#banner p {
  color: #fe0;
  font-weight: bold;
}

#blog {
  overflow: hidden;
}

#blog, .one .post {
  max-width: 70ch;
  padding: 0 2ch 2ch 2ch;
  margin: auto;
}

#blog .attached {
  display: none;
}

h4 {
  color: #379;
  margin: 12px 0 0 0;
  text-transform: uppercase;
  line-height: 0.9rem;
}

h3 {
  margin-top: 0;
}

h3 a {
  color: #402;
  text-decoration: none;
  font-size: 2.2rem;
}

.break {
  padding: 40px;
  text-align: center;
}

.attached {
  margin-bottom: 60px;
}

.p-summary {
  font-size: 1.6rem;
}

.e-content img {
  max-width: 100%;
}

.graphic img {
  box-shadow: 8px 6px 0 0 #997;
  border: solid 1px #559;
  width: 100%;
  margin: 20px 0;
}

footer a.u-url {
  color: #997;
  font-weight: bold;
  text-decoration: none;
}

blockquote {
  background-color: #e5f5ff;
  border: solid 4px #402;
  color: #446;
  margin: 0;
  padding: 20px;
}

blockquote p {
  margin: 20px;
}

hr {
  border: solid 4px #402;
}

/* signika font */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika Regular'), local('Signika-Regular'), url("/fonts/signika-400x.woff2") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika Regular'), local('Signika-Regular'), url("/fonts/signika-400.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  src: local('Signika Bold'), local('Signika-Bold'), url("/fonts/signika-700x.woff2") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  src: local('Signika Bold'), local('Signika-Bold'), url("/fonts/signika-700.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}