/**
  * default less template startingpoint
  * author: Frank Fuchs BrainSellers Mediendesign
  * @brainseller http://frankfuchs.net
**/
/* ------------------------------------- *\
            variables
\* ------------------------------------- */
/* ======== colors ======== */
/* ======== sizes ======== */
/* ------------------------------------- *\
          mixins (CSS3 Helpers)
\* ------------------------------------- */
/* ========== responsive breakpoint =========== */
/*  ============= retina ============== */
/* ======== rounded corners ======== */
/* ======== box shadow ======== */
/* ======== transition ======== */
/* ======== transform ======== */
/* ======== top-to-bottom gradient ======== */
/* ======== left-to-right gradient ======== */
/* ======== top-to-bottom 3 stop gradient ======== */
/* ======== left-to-right 3 stop gradient ======== */
/* ======== top-to-bottom 4 stop gradient ======== */
/* ======== left-to-right 4 stop gradient ======== */
/* ------------------------------------- *\
            CSS document
            Basics and typography
\* ------------------------------------- */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  color: #333;
  background-color: #e0e0e0;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto Slab", Georgia, serif;
  font-weight: bold;
  max-width: 100%;
  overflow: scroll;
}
a {
  color: #008D98;
}
a:hover {
  color: #00bccb;
}
img,
canvas,
iframe,
video,
svg {
  max-width: 100%;
}
/* ------------------------------------- *\
            elements
\* ------------------------------------- */
.container {
  width: 90%;
  max-width: 840px;
  margin: auto;
}
.button {
  display: inline-block;
  font-size: 1.125em;
  padding: .4em .8em;
  border-radius: .4em;
  border: 1px solid #333;
  background: #808080;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4), transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), transparent);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.4), transparent);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.4), transparent);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255, 255, 255, 0.4), endColorstr=transparent)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255, 255, 255, 0.4), endColorstr=transparent)";
  background-image: -ms-linear-gradient(top, transparent, transparent);
  background-color: #008D98;
  box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.5);
  color: #fff;
  text-shadow: 0 -0.05em 0.05em rgba(0, 0, 0, 0.5);
  text-decoration: none;
}
.button:hover {
  color: #eee;
  background-color: #00bccb;
}
.seperator {
  clear: both;
  display: block;
  margin: 1em 0;
}
/* ------------------------------------- *\
            sections
\* ------------------------------------- */
.siteTitle {
  padding: 32px 0 0 64px;
  background: url(../images/fox.png) left center no-repeat;
  background-size: auto 100%;
  display: block;
  height: 80px;
}
.fullWidth {
  padding: 16px 0;
}
#logoNegative {
  background-color: #1a1a1a;
}
/*# sourceMappingURL=pnutStyle.css.map */