/* Generated by less 2.5.1 */
/* base */
* {
  margin: 0;
  padding: 0;
  font: normal 1rem/1 sans-serif;
  vertical-align: baseline;
  text-align: left;
  position: relative;
}
a,
a:hover,
a:visited,
a:link {
  text-decoration: none;
  color: inherit;
}
@font-face {
  font-family: 'makinas';
  src: url('../../lib/Makinas-Scrap-5.otf') format('opentype');
}
body {
  padding-top: 2em;
}
* {
  font-family: makinas;
}
h1 {
  font-size: 0;
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
}
h1:before {
  content: "";
  display: block;
  background: url(../img/coconut_logo.svg) no-repeat center;
  background-size: contain;
  padding-top: 68.57142857%;
}
.lead {
  padding-top: 2.5em;
}
.lead p {
  font-size: 9vw;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.2em;
  text-align: justify;
  padding: 0 2%;
}
dl {
  margin-top: 3em;
  border-top: 1px solid #FF8200;
  border-bottom: 1px solid #FF8200;
}
dl * {
  text-align: center;
}
dl dt {
  font-size: 7vw;
  font-weight: bold;
  color: #FF8200;
  padding-top: 1em;
  padding-bottom: 1em;
}
dl dd {
  font-size: 5vw;
  padding-bottom: 1em;
}
address p {
  font-size: 6vw;
  text-align: center;
  padding: .5em 0;
}
address p a {
  font-family: inherit;
  font-size: inherit;
}
address p a:before {
  content: "";
  display: block;
  position: absolute;
  top: 45%;
  left: 0;
  z-index: -1;
  width: 0;
  height: 25%;
  background: #FF8200;
  transition: width .2s ease;
}
address p a:hover:before {
  width: 100%;
}
p.copyright {
  border-top: 1px solid #FF8200;
  font-size: .75em;
  font-weight: normal;
  text-align: center;
  padding: 2em 0;
}