@import url(../fonts/geomanist_regular/stylesheet.css);
@import url(../fonts/geomanist_black/stylesheet.css);
html {
  font-size: 18px; }

body {
  font-family: 'Source Serif Pro', Georgia, serif;
  font-size: 1rem;
  line-height: 1.61111rem;
  color: #26200d; }

header {
  height: 11.27778rem;
  padding: 0 3.05556rem;
  background: #fbf0ce; }
  header .logo {
    position: relative;
    top: 0.22222rem;
    display: inline-block;
    height: 2.98354rem;
    width: 10.27778rem;
    margin-top: 4.83333rem;
    background: url("../img/logo.png") no-repeat center/contain; }
  header nav {
    float: right;
    margin-top: 6.44444rem;
    font-family: "geomanist-regular", Helvetica, "Open Sans", Arial, sans-serif;
    font-size: 1.16667rem; }
    header nav ul {
      margin: 0;
      list-style-type: none; }
      header nav ul li {
        display: inline-block;
        padding: 0.33333rem 0.38889rem; }
        header nav ul li.current {
          border-bottom: 3px solid #eec953; }
          header nav ul li.current a {
            color: #00199e; }
        header nav ul li a {
          color: #6b5b25; }
          header nav ul li a:focus, header nav ul li a:hover {
            color: #b79b3f;
            text-decoration: none; }

footer {
  margin-top: 3.22222rem;
  padding: 1.61111rem 0;
  background: #26200d; }
  footer p {
    font-size: 0.77778rem;
    color: #fbf0ce;
    margin: 0; }

hr {
  border-color: #fbf0ce;
  text-align: center;
  margin: 4.02778rem 0; }
  hr:after {
    content: '';
    position: relative;
    top: -0.77778rem;
    display: inline-block;
    width: 8.05556rem;
    height: 1.61111rem;
    padding: 0 1.61111rem;
    background: url("../img/hexa.svg") repeat-x center/contain, #ffffff; }

h1 {
  margin: 0;
  font-family: "geomanistblack", Helvetica, "Open Sans", Arial, sans-serif;
  font-size: 2.61111rem;
  color: #67645d;
  text-transform: uppercase; }

h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700; }

p {
  margin: 1.61111rem 0 0 0; }

a {
  color: #6b5b25; }
  a:focus, a:hover {
    color: #b79b3f;
    text-decoration: none; }

.home a {
  color: #b79b3f; }
  .home a:hover, .home a:active {
    text-decoration: underline; }

.home .intro {
  background: url("../img/bees.jpg") no-repeat center/cover;
  margin-top: 3.22222rem;
  padding: 3.22222rem;
  color: #ffffff; }

.home .company {
  margin-top: 3.22222rem; }

.products .summary p {
  margin-top: 3.22222rem; }

.products article img {
  max-width: 100%;
  margin-top: 3.22222rem; }

.products article h2 {
  margin-top: 3.22222rem; }

.gallery .gallery-wrap {
  margin-top: 1.61111rem; }
  .gallery .gallery-wrap .image-wrap {
    height: 12.88889rem;
    margin-top: 1.61111rem;
    overflow: hidden; }
    .gallery .gallery-wrap .image-wrap img {
      width: 100%; }
    @media (max-width: 767px) {
      .gallery .gallery-wrap .image-wrap {
        float: none;
        width: 100%;
        height: auto; }
        .gallery .gallery-wrap .image-wrap img {
          display: block;
          width: auto;
          max-width: 100%;
          margin: 0 auto; } }

.quality-policy p:last-of-type {
  margin-bottom: 1.61111rem; }

.quality-policy article {
  margin-top: 1.61111rem; }

.contact {
  min-height: 60vh; }
  .contact h1 {
    margin-bottom: 1.61111rem; }

@media (max-width: 991px) {
  html {
    font-size: 14px; }
  header {
    height: auto; }
    header nav {
      float: none;
      margin: 0;
      padding: 1.61111rem 0; }
    header .logo {
      margin-top: 3.22222rem; }
    header ul {
      padding: 0; }
    header nav ul li {
      padding: 5px; }
  hr {
    margin: 3.22222rem 0; }
  .home .intro {
    margin-top: 1.61111rem; }
  .contact {
    min-height: 0; } }

@media (max-width: 991px) and (max-width: 767px) {
  header nav ul li {
    width: 100%;
    padding: 8px 0; }
    header nav ul li.current {
      border-bottom-width: 1px; } }