@font-face {
  font-family: 'Fjalla One';
  src: url('/common/font/fjallaone-regular.eot');
  src: url('/common/font/fjallaone-regular.eot?#iefix') format('embedded-opentype'), url('/common/font/fjallaone-regular.woff') format('woff'), url('/common/font/fjallaone-regular.ttf') format('truetype'), url('/common/font/fjallaone-regular.svg#fjalla_oneregular') format('svg');
}
/* ==========================================================================
   Company
   ========================================================================== */
/* Adjust
  ========================================================================== */
.mod-page-title {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  body:not(.non-responsive) .mod-page-title {
    margin-top: 20px;
  }
}
/* Company menu
  ========================================================================== */
.company-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.company-menu li {
  width: 24.9%;
  margin: 1px 0 0 1px;
  line-height: 1.3;
  font-size: 1.6em;
  text-align: center;
}
.company-menu li:nth-child(-n+4) {
  margin-top: 0;
}
.company-menu li a,
.company-menu li p {
  display: block;
  padding: 20px 4px;
  background-color: #a1a3ab;
  color: #fff;
  vertical-align: middle;
}
.company-menu li a:hover,
.company-menu li a.current,
.company-menu li p.current {
  background-color: #111;
}
@media screen and (max-width: 768px) {
  body:not(.non-responsive) .company-menu li {
    width: 50%;
    margin: 0;
    padding: 1px 0 0 1px;
    font-size: 1.4em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body:not(.non-responsive) .company-menu li:nth-child(2n+1) {
    clear: left;
  }
  body:not(.non-responsive) .company-menu li a,
  body:not(.non-responsive) .company-menu li p {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}