/**
 * Fix for vw, vh, vmin, vmax on iOS 7.
 * http://caniuse.com/#feat=viewport-units
 *
 * This fix works by replacing viewport units with px values on known screen sizes.
 *
 * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
 * Target devices running iOS 8+ will incidentally execute the media query,
 * but this will still produce the expected result; so this is not a problem.
 *
 * As an example, replace:
 *
 *   height: 50vh;
 *   font-size: 5vmin;
 *
 * with:
 *
 *   @include viewport-unit(height, 50vh);
 *   @include viewport-unit(font-size, 5vmin);
 */
.block-psymetrik-header {
  clear: both;
}
body.path-frontpage .block-psymetrik-header {
  min-height: 14.2857vw;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  body.path-frontpage .block-psymetrik-header {
    min-height: 109.714176px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  body.path-frontpage .block-psymetrik-header {
    min-height: 146.285568px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  body.path-frontpage .block-psymetrik-header {
    min-height: 45.71424px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  body.path-frontpage .block-psymetrik-header {
    min-height: 68.57136px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  body.path-frontpage .block-psymetrik-header {
    min-height: 45.71424px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  body.path-frontpage .block-psymetrik-header {
    min-height: 81.142776px;
  }
}
.block-psymetrik-header .line {
  background: #FB2;
  background-image: linear-gradient(to bottom, #FB2 0%, #F07000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFBB22", endColorstr="#FFF07000", GradientType=0);
  background-repeat: repeat-x;
  color: #FFF;
  font-size: 1.6em;
  letter-spacing: 0.08em;
  line-height: 1.2em;
  text-align: center;
  padding: 20px;
  clear: both;
}
.block-psymetrik-header .single-col {
  width: 14.2857%;
  float: left;
  position: relative;
  z-index: 1;
}
.block-psymetrik-header .single-col img {
  max-width: 100%;
  height: auto;
}
.block-psymetrik-header .single-col .overlay-1 {
  height: 10px;
}
.block-psymetrik-header .single-col#letter-A .overlay-1 {
  background: #F80;
}
.block-psymetrik-header .single-col#letter-C .overlay-1 {
  background: #900;
}
.block-psymetrik-header .single-col#letter-E .overlay-1 {
  background: #909;
}
.block-psymetrik-header .single-col#letter-I .overlay-1 {
  background: #46C;
}
.block-psymetrik-header .single-col#letter-R .overlay-1 {
  background: #0AA;
}
.block-psymetrik-header .single-col#letter-S .overlay-1 {
  background: #9C0;
}
.block-psymetrik-header .single-col#letter-Z .overlay-1 {
  background: #EC0;
}