﻿
/* LAYOUT */
.hrow {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .hrow::before, .hrow::after {
    content: ' ';
    display: table; }
  .hrow::after {
    clear: both; }
  .hrow.collapse > .column, .hrow.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .hrow .hrow {
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    @media screen and (min-width: 40em) {
      .hrow .hrow {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem; } }
    .hrow .hrow.collapse {
      margin-left: 0;
      margin-right: 0; }
  .hrow.expanded {
    max-width: none; }

.column, .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left; }
  @media screen and (min-width: 40em) {
    .column, .columns {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; } }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.hrow.hrow, .hrow.hrow.columns {
  float: none; }
  .hrow .column.hrow.hrow, .hrow .hrow.hrow.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

  .small-12 {
  width: 100%; }

@media screen and (min-width: 40em) {
    .medium-2 {
    width: 16.66667%; }
    .medium-3 {
    width: 25%; }
    .medium-4 {
    width: 33.33333%; }
    .medium-5 {
    width: 41.66667%; }
    .medium-6 {
    width: 50%; }
    .medium-7 {
    width: 58.33333%; }
    .medium-8 {
    width: 66.66667%; }
}

@media screen and (min-width: 64em) {
    .large-3 {
    width: 25%; }
    .large-4 {
    width: 33.33333%; }
    .large-5 {
    width: 41.66667%; }
    .large-6 {
    width: 50%; }
    .large-7 {
    width: 58.33333%; }
    .large-8 {
    width: 66.66667%; }
}

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table; }

.clearfix::after {
  clear: both; }

/* HEADER */
header {
    /*background: url('../images/header-bg.png') repeat-x left top #f9f9f9;*/
    min-height:116px;
    /*border-bottom:1px solid #e6e6e6;*/
    padding:0 3%;
}
header .siteLogo {
    padding:38px 0.5em 16px;
    text-align:left;
}
header .partnerLogos {
    margin:2em 0 0;
}
header .partnerLogos a {
    display:block;
    margin:0 0 0 2em;
    float:right;
}
header .partnerLogos a.steelforlife {
    margin-top:15px !important;
}
header .partnerLogos a.sci {
    margin-top:20px !important;
}
header .partnerLogos a:last-child {
    margin:0;
}
header .siteTitle {
    text-align:center;
}
header .siteTitle p {
    margin:1.5em auto 0;
    font-family:Rockwell,Consolas,"Courier New",Courier,monospace;
    font-size:2rem;
    color:#878787;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
    header .siteLogo {
        text-align:center;
        margin:0 auto;
        padding:38px 0.5em 0;
    }
    header .partnerLogos {
        margin:0 auto 1em;
        width:170px;
    }
    header .partnerLogos a {
        margin:0;
    }
    header .partnerLogos a img {
        width:70%;
    }
    header .partnerLogos a.steelforlife {
        margin-top:10px !important;
    }
    header .partnerLogos a.sci {
        margin-top:15px !important;
    }
    header .siteTitle p {
        font-size:1.5rem;
        font-weight:bold 
        /*margin:1rem auto 1.5rem;*/
    }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    header .partnerLogos a {
        margin:0;
    }
    header .partnerLogos a img {
        width:70%;
    }
    header .partnerLogos a.steelforlife {
        margin-top:10px !important;
    }
    header .partnerLogos a.sci {
        margin-top:15px !important;
    }
    header .siteTitle p {
        font-size:1.5rem;
        font-weight:bold 
    }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 89.9375em) {
    header .siteTitle p {
        font-size:1.75rem;
        font-weight:bold 
    }
}
/* XLarge only */
@media screen and (min-width: 90em) {
    header .siteTitle p {
        /*margin:0.9em auto 0;*/
        font-size:2.4rem;
        font-weight:bold 
    }
}