/* colors */
/* base overrides */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  background-color:#FFF;
  color: #666666;
  font-size: 62.5%;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}
body {
  font-size: 1.6rem;
}
h1 {
  font-size: 10rem;
}
h2 {
  font-size: 2rem;
}
button,
a.button {
  border: none;
  border-radius: 15px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 2rem;
  padding: 1rem 3rem;
  text-decoration: none;
}
button.secondary,
a.button-secondary {
  background-color: #666666;
}
a:not([class^='button']),
a:visited:not([class^='button']),
a:hover:not([class^='button']),
a:active:not([class^='button']) {
  color: #eeeee;
}
/* header styles */
header .saved-image {
  display: none;
}
header .bottom-overlap {
  position: absolute;
  left: 50%;
  bottom: 0rem;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
}
header div.content {
  text-align: center;
  padding: 2rem;
  position: relative;
}
header.has-demo-img div.content {
  padding: 3rem 3rem;
}
header.has-demo-img .saved-image {
  display: block;
  margin: 0 auto;
  padding-top: 9rem;
}
header.has-demo-img .saved-image img {
  border: 3px solid #ffffff;
  border-radius: 11px;
  max-width: 100%;
}