body {
  /*background-color:#eee;*/
  background-color: #ebe3d9;
  font-family: 'Oswald', sans-serif;
  margin: 0; }
  body a {
    text-decoration: none;
    color: #666; }

@media (max-width: 700px) {
  body {
    font-size: 3.3em; }
  .header-content .header-text {
    display: block;
    margin: 0 15% 0 5%;
    max-width: 70%; }
  .header-content .author-bigscreen {
    display: none; }
  .current-language {
    display: none; }
  .fa-angle-down.fa {
    display: none; }
  .fa-globe.fa {
    font-size: 150%;
    text-align: right; }
  .language-shown {
    position: absolute;
    right: .2em; }
  .language-dropdown {
    display: none;
    position: relative;
    right: -2%; }
  .wrapper {
    width: 90%;
    margin: 0 5% 10% 5%; }
  .wrapper.de {
    font-size: 80%; } }

@media (min-width: 700px) {
  body {
    font-size: 5em; }
  .header-text {
    width: 65%;
    margin: 0 10% 0 10%;
    display: block; }
    .header-text .author-smallscreen {
      display: none; }
  .language-shown {
    top: .4em;
    right: 2em; }
  .wrapper {
    width: 80%;
    margin: 0 10% 10% 10%; }
  .wrapper.de {
    font-size: 80%; } }

@media (max-width: 533px) {
  .language-shown {
    top: 1.3em; } }

@media (min-width: 534px) and (max-width: 699px) {
  .language-shown {
    top: .7em; } }

div.megawrapper {
  margin: 0 auto; }

div.header-bar {
  background-color: #d0c3b2;
  width: 100%;
  margin: 0 auto;
  position: relative; }
  div.header-bar .header-content {
    padding: 0.3em 0 0.6em 0;
    font-size: .35em;
    color: #666;
    font-weight: 200;
    margin-bottom: .4em; }
    div.header-bar .header-content .sitename {
      font-weight: 400; }
    div.header-bar .header-content .author {
      color: #968e84; }
      div.header-bar .header-content .author a {
        color: #968e84;
        border-bottom: 1px solid #968e84; }
    div.header-bar .header-content .language-shown {
      font-size: .9em;
      position: absolute;
      font-weight: 200;
      cursor: pointer; }
      div.header-bar .header-content .language-shown:hover {
        color: #222; }
      div.header-bar .header-content .language-shown .fa {
        padding: 0 0.3em; }
  div.header-bar a:hover {
    color: #222; }

div.wrapper .randomized-text #intro {
  display: inline;
  color: #666; }

div.wrapper #design-item {
  font-weight: 400;
  color: #BB493E;
  display: inline; }

div.wrapper #constraint {
  font-weight: 400;
  color: #2B7182;
  display: inline; }

div.wrapper .de-temp {
  color: #2B7182; }

div.button {
  margin-top: 2em;
  padding: 0.4em 0.6em;
  font-size: .5em;
  display: inline;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-right: 2em;
  background-color: #2B7182;
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

div.button:hover {
  background-color: #215563; }

div.language-dropdown {
  margin: 0 2em 0 0;
  font-size: .9em;
  background-color: #d0c3b3;
  display: block;
  font-weight: 200;
  text-align: right; }
  div.language-dropdown ul {
    list-style-type: none;
    margin: 0; }
    div.language-dropdown ul li {
      display: block; }
    div.language-dropdown ul li.current {
      display: none; }