/*
Fonts:

font-family: 'Antic Slab', serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Adamina', serif;

*/


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


body, html {
  width: 100%;
}


body {
  background: hsla(240, 62.6%, 22.76%, 1);
  font: 92%/1.5em 'Adamina', serif;
}


img, video {
  max-width: 100%;
  width: 100%;
}


label, input {
  font-family: 'Titillium Web', sans-serif;
}


p {
  font: 118%/1.7em 'Adamina', serif;
  color: hsla(240, 25%, 62%, 1);
  color: hsla(240, 18%, 42%, 1);
  margin-top: 2em;
}


h1, h2, h3, h4, h5, h6 {
  font: 100%/1.3em 'Titillium Web', sans-serif;
  color: hsla(240, 62.6%, 22.76%, 1);
  text-align: center;
}


h1 {
  font-size: 218%;
}


h2 {
  font-size: 164%;
}


h3 {
  font-size: 145%;
}


h4 {
  font-size: 118%;
}


a:link,
a:visited,
a:hover,
a:active {
  color: hsla(240, 25%, 62%, 1);
 
}


a:link,
a:visited {
  text-decoration: none;
}


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


.actions a {
  color: #fff;
}


h1.api-text {
  font-size: 300%;
}


p.api-text {
  text-align: center;
}


.mast {
  position: relative;
  text-align: center;
  width: 100%;
}


.mast .logo {
  max-width: 380px;
  margin: 1em auto 1.75em auto;
}


.page {
  border-top: 6px solid hsla(240, 62.6%, 22.76%, 1);
  display: block;
  width: 100%;
  height: 100%;
  background: #eee;
}


.page .content {
  margin: 0 auto;
  max-width: 800px;
  min-height: 100px;
  padding: 0 1.2em;
}


.page-footer {
  margin-top: 16em;
  min-height: 10em;
  width: 100%;
  background: #eee;
}


.page-footer p {
  font-family: 'Titillium Web', sans-serif;
  padding: 1em;
  text-align: center;
  color: hsla(240, 18%, 55%, 1);
}