body {
  font-family: "baron_neuebold_60", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: none;
  padding: 0 50px;
  line-height: 30px;
}

.show { display: inherit; }

a {
  text-decoration: none;
  padding: 3px;
  white-space: nowrap;
}

.beige2 { background: #D6C7B8; color: #000; }
.beige2 .logo path { fill: #000; }
.beige2 a { background-color: #000; color: #d6c7b8; }

.beige { background: #EDEBBD; color: #d62828; }
.beige .logo path { fill: #d62828; }
.beige a { background-color: #d62828; color: #edebbd; }

.yellow { background: #f3e03b; color: #000; }
.yellow .logo path { fill: #000; }
.yellow a { background-color: #000; color: #f3e03b; }

.blue { background: #00A3DD; color: #fff; }
.blue .logo path { fill: #fff; }
.blue a { background-color: #fff; color: #00A3DD; }

.blue2 { background: #003F49; color: #D6C7B8; }
.blue2 .logo path { fill: #D6C7B8; }
.blue2 a { background-color: #D6C7B8; color: #003F49; }

svg.logo  { width: 100%; height: 400px; margin-top: 100px; }

p.intro {
  max-width: 800px;
  text-align: center;
  width: 60%;
  margin:0px auto;
}

@media (max-width: 768px) {
  p.intro {
    font-size: 80%;
    margin-top: -100px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  svg.logo  { margin-top: 0px; }
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}