/* HTML element (SMACSS base) rules */
@import url(normalize.css);
/* Layout rules */
@import url(layouts/responsive.css);
/* Component (SMACSS module) rules */
@import url(components/misc.css);
/* Optionally, add your own components here. */
@import url(print.css);
/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */
/* basic elements */
img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

/* fonts style */
body {
  font-family: 'DIN Next W01 Regular', 'DIN Next W01 Regular Face', 'Helvetica', sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #6a6a6a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-strong,
h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: 'DINNextW01-CondensedBol', 'DINNextW01-CondensedBol Face', 'Arial Narrow', 'Helvetica', sans-serif;
  font-size: 110%;
  font-weight: normal;
  line-height: 95%;
  letter-spacing: .01em;
}

.font-helvetica {
  font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
}

.highlight {
  font-family: 'DIN Next W01 Light', 'DIN Next W01 Light Face', 'Helvetica', sans-serif;
  font-weight: normal;
  font-size: 260%;
  line-height: 125%;
}

.headline {
  font-family: 'DIN Next W01 Light', 'DIN Next W01 Light Face', 'Helvetica', sans-serif;
  font-weight: normal;
  font-size: 225%;
  line-height: 130%;
  color: #494748;
}

.small-title {
  font-family: 'DIN Next W01 Light', 'DIN Next W01 Light Face', 'Helvetica', sans-serif;
  font-weight: normal;
  font-size: 150%;
  line-height: 100%;
  margin-bottom: 28px;
  color: #494748;
}

.medium-text {
  font-family: 'DIN Next W01 Light', 'DIN Next W01 Light Face', 'Helvetica', sans-serif;
  font-weight: normal;
  font-size: 140%;
  line-height: 120%;
}

.medium-text-bold {
  font-size: 140%;
  line-height: 120%;
}

.small-text {
  font-size: 90%;
  line-height: 140%;
}

.tiny-text {
  font-size: 75%;
  line-height: 150%;
}

.letter-spaced {
  letter-spacing: 1px;
}

.bold {
  font-weight: bold;
}

.medium-text a,
.medium-text-bold a {
  text-decoration: underline;
}

/* displays */
.inline-block {
  display: inline-block;
}

.display-block {
  display: block;
}

.table {
  display: table;
}

.table-row {
  display: table-row;
}

.table .table-cell {
  display: table-cell !important;
}

.table-cell {
  display: table-cell;
}

.mobile-only {
  display: none;
}

/* position */
.position-absolute {
  position: absolute;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

/* aligns */
.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-justify {
  text-align: justify;
}

.two-column {
  max-width: 924px;
  margin: 0 auto;
  padding-bottom: 40px;
  padding-top: 40px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  -o-column-gap: 25px;
  column-gap: 25px;
}

.tab {
  display: inline-block;
  width: 30px;
}

/* backgrounds and colors */
.bg-gray {
  background-color: #f2f2f2;
}

.bg-lightgray {
  background-color: #eeeeee;
}

.bg-grid {
  background-image: url(../himacs-img/bg-grid.png);
  background-repeat: repeat;
}

.inverted {
  color: white;
}

.inverted a {
  color: inherit;
  text-decoration: none;
}

.inverted .headline,
.inverted .small-title,
.inverted .medium-text,
.inverted .medium-text-bold {
  color: inherit;
}

.white {
  color: white;
}

::selection {
  color: white;
  background-color: #4a4a4a;
}

::-moz-selection {
  color: white;
  background-color: #4a4a4a;
}

::-webkit-selection {
  color: white;
  background-color: #4a4a4a;
}

:-webkit-selection {
  color: white;
  background-color: #4a4a4a;
}

.inverted ::selection {
  color: #4a4a4a;
  background-color: #dadada;
}

.inverted ::-moz-selection {
  color: #4a4a4a;
  background-color: #dadada;
}

.inverted ::-webkit-selection {
  color: #4a4a4a;
  background-color: #dadada;
}

.inverted :-webkit-selection {
  color: #4a4a4a;
  background-color: #dadada;
}

/* boxes */
.block {
  margin-bottom: 0;
  padding: inherit inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.border-bottom {
  border-bottom: 1px solid lightgray;
}

.box-shadow {
  -webkit-box-shadow: 4px 4px 0 rgba(231, 236, 230, 0.8);
  -moz-box-shadow: 4px 4px 0 rgba(231, 236, 230, 0.8);
  -o-box-shadow: 4px 4px 0 rgba(231, 236, 230, 0.8);
  box-shadow: 4px 4px 0 rgba(231, 236, 230, 0.8);
}