/* Text Elements */

h1.heading-white-46-1 {
  color: #fff;
  letter-spacing: .006521739130434782em;
  font-weight: 300;
  font-size: 46px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-white-46-2 {
  color: #fff;
  letter-spacing: .006521739130434782em;
  font-weight: 300;
  font-size: 46px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-black-40-1 {
  color: #141414;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-black-40-2 {
  color: #141414;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-black-46-1 {
  color: #141414;
  letter-spacing: .006521739130434782em;
  font-weight: 300;
  font-size: 46px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-black-46-2 {
  color: #141414;
  letter-spacing: .006521739130434782em;
  font-weight: 300;
  font-size: 46px;
  font-family: 'Roboto', sans-serif;
}

h2.heading-black-40-1 {
  color: #141414;
  text-transform: none;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

h2.heading-black-34-1 {
  color: #141414;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 34px;
  font-family: 'Roboto', sans-serif;
}

h2.heading-black-30-1 {
  color: #141414;
  font-weight: 300;
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
}

h2.heading-black-34-2 {
  color: #141414;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 34px;
  font-family: 'Roboto', sans-serif;
}

h2.heading-black-26-1 {
  color: #141414;
  font-weight: 300;
  font-size: 26px;
  font-family: 'Roboto', sans-serif;
}

h2.heading-white-30-1 {
  color: #fff;
  font-weight: 300;
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
}

h3.heading-black-28-1 {
  color: #141414;
  font-weight: 300;
  font-size: 28px;
  font-family: 'Roboto', sans-serif;
}

h3.heading-black-40-1 {
  color: #141414;
  text-transform: none;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

h3.heading-black-34-1 {
  color: #141414;
  text-transform: none;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 34px;
  font-family: 'Roboto', sans-serif;
}

h3.heading-white-40-1 {
  color: #fff;
  text-transform: none;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

h3.heading-black-32-1 {
  color: #141414;
  font-weight: 300;
  font-size: 32px;
  font-family: 'Roboto', sans-serif;
}

h3.heading-black {
  color: #141414;
  text-transform: none;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 34px;
  font-family: 'Roboto', sans-serif;
}

h3.heading-black-30-1 {
  position: static;
  display: block;
  -ms-flex-order: 1;
  color: #141414;
  vertical-align: middle;
  text-align: center;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
  -webkit-column-fill: balance;
     -moz-column-fill: balance;
          column-fill: balance;
  -webkit-column-rule-style: none;
     -moz-column-rule-style: none;
          column-rule-style: none;

  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
}

h3.heading-black-30-2 {
  position: static;
  display: block;
  -ms-flex-order: 1;
  color: #141414;
  vertical-align: middle;
  text-align: left;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
  -webkit-column-fill: balance;
     -moz-column-fill: balance;
          column-fill: balance;
  -webkit-column-rule-style: none;
     -moz-column-rule-style: none;
          column-rule-style: none;

  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
}

h3.heading-black-24-1 {
  color: #141414;
  font-weight: 300;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
}

h3.heading-notice-1 {
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: .02em;
  font-weight: 300;
  font-size: 16px;
  font-family: 'Roboto', cursive;
  line-height: 1.2;
}

h3 a.heading-text-notice-1 {
  color: #fff;
}

h3 a.heading-text-notice-1:hover {
  text-decoration: underline;
}

h4.heading-home-2 {
  color: #141414;
  text-align: center;
  text-transform: capitalize;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 34px;
  font-family: 'Roboto', sans-serif;
}

h4.heading-about-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #ffe41e;
  letter-spacing: .010714em;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}

h4.heading-seafreight-1 {
  color: #fff;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

h4.heading-white-40-1 {
  color: #fff;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

h4.heading-black-34-1 {
  color: #141414;
  font-weight: 300;
  font-size: 34px;
  font-family: 'Roboto', sans-serif;
}

h4.heading-black-40-1 {
  color: #141414;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

h4.heading-black-30-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #141414;
  letter-spacing: .010714em;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}

h4.heading-black-18-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #141414;
  letter-spacing: .010714em;
  font-weight: 300;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

h4.heading-white-40-2 {
  color: #fff;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

h4.heading-white-26-1 {
  color: #fff;
  font-weight: 300;
  font-size: 26px;
  font-family: 'Roboto', sans-serif;
}

h4.heading-black-24-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #141414;
  letter-spacing: .010714em;
  font-weight: 300;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
}

h5.heading-home-1 {
  -ms-flex-order: 2;
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  color: #ffe41e;
  letter-spacing: .010714em;
  font-weight: 300;
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.2;

  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
}

h5.heading-black-28-1 {
  padding-left: 0;
  border-left: .45454545454545453em none #ffe41e;
  color: #141414;
  text-transform: capitalize;
  letter-spacing: .013636363636363636em;
  font-weight: 300;
  font-size: 28px;
  font-family: 'Roboto', sans-serif;
}

h5.heading-black-40-1 {
  -ms-flex-order: 2;
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  color: #141414;
  letter-spacing: .010714285714285714em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.2;

  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
}

h5.heading-white-40-1 {
  -ms-flex-order: 2;
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  letter-spacing: .010714285714285714em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.2;

  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
}

h5.heading-yellow-40-1 {
  -ms-flex-order: 2;
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  color: #ffe41e;
  letter-spacing: .010714285714285714em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.2;

  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
}

h5.heading-black-34-1 {
  padding-left: 0;
  border-left: .45454545454545453em none #ffe41e;
  color: #141414;
  text-transform: capitalize;
  letter-spacing: .013636363636363636em;
  font-weight: 300;
  font-size: 34px;
  font-family: 'Roboto', sans-serif;
}

h6.heading-home-2 {
  margin: 7px 0;
  color: #141414;
  letter-spacing: .011538461538461537em;
  font-weight: 300;
  font-size: 1.375em;
  font-family: 'Roboto', sans-serif;
}

h6.heading-black-40-1 {
  margin-right: 0;
  margin-left: 0;
  color: #141414;
  letter-spacing: .0075em;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

p.paragraph.paragraph-title-2 {
  position: absolute;
  top: auto;
  bottom: 0;
  display: inline-block;
  float: none;
  margin-top: 0;
  margin-bottom: .8333333333333334em;
  margin-left: 1%;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  color: #fff;
  vertical-align: middle;
  font-size: .75em;
  font-family: 'Roboto', sans-serif;
}

p.paragraph a.paragraph-text-white-1 {
  color: #ffe41e;
}

p.paragraph.paragraph-home-1 {
  margin-top: .4666666666666667em;
  color: #141414;
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
}

p.paragraph.paragraph-services-1 {
  display: block;
  float: none;
  margin-top: .4666666666666667em;
  color: #141414;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal;
  font-size: .9375em;
  font-family: 'Montserrat', sans-serif;
}

p.paragraph.paragraph-services-3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #141414;
  text-align: center;
  letter-spacing: .0075em;
  font-weight: 300;
  font-style: normal;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

p.paragraph.paragraph-services-4 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #141414;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .028571em;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

p.paragraph.paragraph-services-5 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #141414;
  text-align: center;
  letter-spacing: .1em;
  font-weight: 300;
  font-style: normal;
  font-size: 40px;
  font-family: 'Roboto', sans-serif;
}

p.paragraph span.paragraph-text-title-1 {
  color: #141414;
  font-weight: 600;
}

p.paragraph.paragraph-resources-1 {
  margin-top: .4666666666666667em;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: .028571em;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

p.paragraph.paragraph-title-4 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #808080;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .028571em;
  font-weight: 300;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

p.paragraph a.paragraph-text-2 {
  color: #141414;
  font-weight: 700;
}

p.paragraph span.paragraph-text-1 {
  color: #141414;
  font-weight: 700;
}

p.paragraph a.paragraph-text-orange-1 {
  color: #feab29;
}

p.paragraph.paragraph-img-1 {
  -ms-flex-order: 2;
  float: none;
  clear: none;
  margin-top: .2777777777777778em;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;

  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
          align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
}

p.paragraph.paragraph-subnav-1 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 5px;
  padding-bottom: 0;
  padding-left: 5px;
  color: #373737;
  font-style: normal;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.7;
}

p.paragraph.paragraph-careers-1 {
  font-weight: 300;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

p.paragraph.paragraph-careers-2 {
  margin-top: 17px;
  margin-bottom: 10px;
  color: #2a2a2a;
  text-align: center;
  font-weight: 300;
  font-style: italic;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

p.paragraph span.paragraph-text-4 {
  font-weight: 700;
}

p.paragraph.paragraph-seafreight-2 {
  margin-top: 17px;
  margin-bottom: 26px;
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

p.paragraph.paragraph-white-22-1 {
  margin-top: .45em;
  margin-bottom: .8em;
  color: #fff;
  font-weight: 300;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

p.paragraph.paragraph-black-18-1 {
  margin-top: 17px;
  margin-bottom: 26px;
  color: #2a2a2a;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

p.paragraph.paragraph-black-16-em-1 {
  -ms-flex-order: 2;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;

  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
}

p.paragraph.paragraph-black-16-1 {
  margin-bottom: 10px;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

p.paragraph.paragraph-white-18-1 {
  margin-top: 17px;
  margin-bottom: 26px;
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

p.paragraph.paragraph-white-22-2 {
  margin-top: .45em;
  margin-bottom: .8em;
  color: #fff;
  font-weight: 300;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

p.paragraph.paragraph-white-20-1 {
  margin-top: 17px;
  margin-bottom: 26px;
  color: #fff;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

p.paragraph.paragraph-black-20-1 {
  margin: .75em auto .8em;
  max-width: none;
  color: #141414;
  text-align: center;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

p.paragraph.paragraph-black-22-1 {
  margin-top: .45em;
  margin-bottom: 12px;
  color: #141414;
  font-weight: 300;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

p.paragraph.paragraph-grey-16-em-1 {
  -ms-flex-order: 2;
  color: #808080;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;

  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
}

p.paragraph.paragraph-black-14-em-1 {
  -ms-flex-order: 2;
  margin-top: 17px;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #141414;
  font-weight: 300;
  font-style: italic;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;

  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
}

p.paragraph a.paragraph-text-black-1 {
  color: #141414;
  text-decoration: underline;
}

p.paragraph.paragraph-chart-1 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 6px 4px;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.2;
}

p.paragraph.paragraph-black-22-2 {
  margin-top: .45em;
  margin-bottom: .8em;
  color: #141414;
  font-weight: 300;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

p.paragraph.paragraph-grey-16-1 {
  -ms-flex-order: 2;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #808080;
  text-align: left;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;

  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
}

p.paragraph.paragraph-faqs-18-1 {
  margin-top: 10px;
  margin-bottom: 7px;
  color: #2a2a2a;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

p.paragraph span.paragraph-text-em-1 {
  font-style: italic;
}

p.paragraph.paragraph-white-20-2 {
  margin-top: 17px;
  margin-bottom: 26px;
  color: #fff;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

p.paragraph span.paragraph-text-contact-1 {
  font-size: .8181818181818182em;
}

p.paragraph.paragraph-contact-20-1 {
  margin-top: .45em;
  margin-bottom: .8em;
  color: #141414;
  font-weight: 300;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

p.paragraph.paragraph-black-20-2 {
  margin-top: 17px;
  margin-bottom: 26px;
  color: #141414;
  font-weight: 300;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

p.paragraph.paragraph-black-24-1 {
  margin-top: .45em;
  margin-bottom: 0;
  color: #141414;
  font-weight: 300;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

p.paragraph.paragraph-black-24-2 {
  margin-top: .45em;
  margin-bottom: 0;
  color: #141414;
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

p.paragraph.paragraph-black-34-1 {
  margin-top: .45em;
  margin-bottom: 0;
  color: #141414;
  font-weight: 300;
  font-size: 34px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

p.paragraph span.paragraph-text-orange-1 {
  color: #feab29;
}

p.paragraph.paragraph-black-18-2 {
  margin-top: 17px;
  margin-bottom: 0;
  color: #2a2a2a;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

p.paragraph a.paragraph-text-white-1:hover {
  text-decoration: underline;
}

p.paragraph a.paragraph-text-2:hover {
  text-decoration: underline;
}

p.paragraph a.paragraph-text-orange-1:hover {
  color: #feab29;
  text-decoration: underline;
}

p.paragraph a.paragraph-text-black-1:hover {
  color: #505050;
  text-decoration: underline;
}

ul.unorder-list.unordered-list-1 {
  margin-top: 0;
  margin-bottom: 35px;
  padding-right: 0;
  padding-left: 5%;
  list-style-position: outside;
  list-style-type: disc;
}

ol.order-list.ordered-list-1 {
  margin-top: 0;
  margin-bottom: 45px;
  padding-left: 5%;
  list-style-position: outside;
}

blockquote.blockquote-title-1 {
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  max-width: 700px;
  width: 60%;
  color: #fff;
  vertical-align: middle;
  text-align: right;
  font-weight: 300;
  font-style: normal;
  font-size: 26px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
}

/* Interaction Elements */

a.link-button.button-link-nav-1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 0;
  background-color: #feb915;
  color: #141414;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-nav-2 {
  float: right;
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5714285714285714em 1.7857142857142858em;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 500;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.link-button span.button-link-text-nav-1 {
  color: #ffe41e;
  font-weight: 500;
}

a.link-button.button-link-nav-3 {
  float: right;
  clear: both;
  margin-top: 1.4285714285714286em;
  margin-bottom: 0;
  padding: .5714285714285714em 1.7857142857142858em;
  background-color: transparent;
  color: #feab29;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 500;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.link-button.button-link-nav-4 {
  float: right;
  clear: both;
  margin-top: 0;
  margin-bottom: 1.4285714285714286em;
  padding: .5714285714285714em 1.7857142857142858em;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 500;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.link-button.button-link-nav-5 {
  float: right;
  clear: both;
  margin-top: .8333333333333334em;
  margin-bottom: 0;
  padding: .5714285714285714em 1.7857142857142858em;
  background-color: transparent;
  color: #c8c8c8;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 500;
  font-size: .75em;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-nav-6 {
  float: left;
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5714285714285714em 1.7857142857142858em;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 500;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.link-button.button-link-nav-7 {
  margin-top: 0;
  margin-bottom: 0;
  padding: .5714285714285714em 1.7857142857142858em .5714285714285714em 1.5714285714285714em;
  border-radius: 0;
  background-color: transparent;
  color: #141414;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: .028571em;
  font-weight: 700;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-yellow-1 {
  margin-right: 2%;
  margin-left: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 0;
  background-color: #ffe41e;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-footer-1 {
  margin-top: 0;
  margin-bottom: 0;
  padding: .571429em 2.5em;
  border-radius: 0;
  background-color: transparent;
  color: #141414;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 700;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-footer-2 {
  display: block;
  float: left;
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 0;
  border-radius: 0;
  background-color: transparent;
  color: #141414;
  vertical-align: middle;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: .02142857142857143em;
  font-weight: 300;
  font-size: 1.0625em;
  font-family: 'Roboto', sans-serif;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.link-button.button-link-title-1 {
  margin-right: 2%;
  margin-left: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 0;
  background-color: #ffe41e;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 700;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-title-2 {
  margin-right: 2%;
  margin-left: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 0;
  background-color: #fcc700;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 700;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-nav-8 {
  display: none;
  float: right;
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5714285714285714em 1.7857142857142858em;
  background-color: transparent;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 500;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-nav-9 {
  float: right;
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5714285714285714em 1.7857142857142858em;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 500;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.link-button.button-link-black-1 {
  border-radius: 0;
  background-color: #141414;
  text-transform: uppercase;
  letter-spacing: .028571em;
  font-weight: 700;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-nav-10 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 20px;
  border-radius: 0;
  background-color: transparent;
  color: #373737;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 500;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.link-button.button-link-nav-11 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 20px 5px 0;
  border-radius: 0;
  background-color: transparent;
  color: #373737;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 500;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.link-button.button-link-orange-1 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 0;
  background-color: #feb915;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 700;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-yellow-3 {
  margin-right: 0;
  margin-left: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 0;
  background-color: #ffe41e;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: .028571em;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-orange-2 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 0;
  background-color: #feb915;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 700;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-orange-3 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 14px;
  padding-bottom: 13px;
  border-radius: 0;
  background-color: #feb915;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 700;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-seafreight-1 {
  margin-right: 0;
  margin-left: 0;
  padding-top: .5714285714285714em;
  padding-bottom: .5714285714285714em;
  border-radius: 0;
  background-color: #ffe41e;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 700;
  font-size: .875em;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-yellow-2 {
  margin-right: 2%;
  margin-left: 0;
  padding: 40px 20px;
  min-height: 0;
  width: 48%;
  border-radius: 0;
  background-color: #ffe41e;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-grey-1 {
  margin: 0 10px 10px 0;
  padding: 9px 0;
  min-width: 58px;
  border-radius: 0;
  background-color: #d7d7d7;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: .028571428571428574em;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-sitemap-1 {
  display: inline-block;
  float: left;
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 10px;
  border-radius: 0;
  background-color: transparent;
  color: #141414;
  vertical-align: middle;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: .02142857142857143em;
  font-weight: 300;
  font-size: 1.0625em;
  font-family: 'Roboto', sans-serif;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.link-button.button-link-nav-1:hover {
  padding-top: 9px;
  padding-bottom: 9px;
  background-color: #feab29;
}

a.link-button.button-link-nav-2:hover {
  padding-right: 2.142857142857143em;
  color: #ffe41e;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-nav-3:hover {
  padding-right: 2.142857142857143em;
  color: #feb915;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-nav-4:hover {
  padding-right: 2.142857142857143em;
  color: #ffe41e;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-nav-5:hover {
  padding-right: 1.75em;
  color: #ffe41e;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-nav-6:hover {
  padding-right: 1.7857142857142858em;
  padding-left: 2.142857142857143em;
  color: #ffe41e;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-nav-7:hover {
  padding-top: .5714285714285714em;
  padding-bottom: .5714285714285714em;
  background-color: #feb915;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-yellow-1:hover {
  background-color: #feb915;
}

a.link-button.button-link-footer-1:hover {
  padding-top: .5714285714285714em;
  padding-bottom: .5714285714285714em;
  background-color: transparent;
  color: #808080;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-footer-2:hover {
  padding-right: 0;
  padding-left: 4px;
  color: #808080;
}

a.link-button.button-link-title-1:hover {
  background-color: #feb915;
}

a.link-button.button-link-title-2:hover {
  background-color: #feb915;
}

a.link-button.button-link-nav-8:hover {
  padding-right: 2.142857142857143em;
  color: #ffe41e;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-nav-9:hover {
  padding-right: 2.142857142857143em;
  color: #ffe41e;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-black-1:hover {
  background-color: #feab29;
  color: #141414;
}

a.link-button.button-link-nav-10:hover {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: transparent;
  color: #808080;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-nav-11:hover {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: transparent;
  color: #808080;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

a.link-button.button-link-orange-1:hover {
  background-color: #feab29;
}

a.link-button.button-link-yellow-3:hover {
  background-color: #feb915;
}

a.link-button.button-link-orange-2:hover {
  background-color: #feab29;
}

a.link-button.button-link-orange-3:hover {
  background-color: #feab29;
}

a.link-button.button-link-seafreight-1:hover {
  background-color: #feb915;
}

a.link-button.button-link-yellow-2:hover {
  background-color: #feb915;
}

a.link-button.button-link-grey-1:hover {
  background-color: #ffe41e;
}

a.link-button.button-link-sitemap-1:hover {
  padding-right: 5em;
  padding-left: 15px;
  color: #808080;
}

input[type=text].search-1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 199;
  display: none;
  margin: 7.466667em 5% 0 0;
  padding-right: .571429em;
  padding-left: .571429em;
  max-width: 21.333333em;
  border-width: .35714285714285715em;
  border-color: #ffe41e;
  vertical-align: bottom;
  font-weight: 300;
  font-size: .9375em;
  font-family: 'Roboto', sans-serif;
}

/* Layout Elements */

body > .row.row-nav-1 {
  position: absolute;
  z-index: 101;
  overflow: visible;
  max-width: none;
  width: 100%;
}

body > .row > [class*='coffee-span-'].column-nav-1 {
  padding-right: 0;
  padding-left: 0;
  min-height: 3.125em;
}

body > .row > [class*='coffee-span-'].column-title-1 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  float: none;
  clear: none;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  min-height: 3.125em;
  height: 100%;
}

body > .row.row-title-1 {
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: block;
  margin-top: 0;
  max-width: none;
  height: 100%;
}

body > .row.row-home-1 {
  display: block;
  overflow: hidden;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
  max-width: 1600px;
  width: 92%;
  height: auto;
  text-align: left;
}

body > .row > [class*='coffee-span-'].column-home-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
  height: 100%;
  vertical-align: middle;
  text-align: left;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-tile-1 {
  overflow: hidden;
  min-height: 3.125em;
  max-width: none;
  width: auto;
  height: auto;
  background-color: #000;
  background-image: none;
  background-attachment: fixed;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

body > .row > [class*='coffee-span-'].column-tile-1 {
  position: static;
  display: block;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: stretch;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  min-height: 3.125em;
  max-height: none;
  height: 100%;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
          align-content: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
}

body > .row > [class*='coffee-span-'].column-home-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  padding-right: 0;
  padding-left: 0;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

body > .row > [class*='coffee-span-'].column-img-1 {
  display: block;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  float: none;
  -ms-flex-align: center;
  padding: 0;
  height: 100%;
  background-color: transparent;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

body > .row.row-img-1 {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  max-width: none;
  height: auto;
  background-image: url('https://www.championfreight.co.nz/uploads/new_zealand_01_2000.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body > .row.row-yellow-1 {
  max-width: none;
  background-color: transparent;
  background-image: url('https://www.championfreight.co.nz/uploads/new_zealand_01_2000.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-yellow-1 {
  padding: 0;
  min-height: 3.125em;
  background-color: rgba(255, 228, 30, .85);
}

body > .row.row-home-2 {
  margin-top: 100px;
  margin-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
  min-width: 0;
  max-width: 1600px;
  background-color: transparent;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

body > .row > [class*='coffee-span-'].column-home-3 {
  display: block;
  -ms-flex-pack: center;
  -ms-flex-align: start;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

body > .row.row-footer-1 {
  max-width: none;
}

body > .row > [class*='coffee-span-'].column-footer-1 {
  padding-right: 0;
  padding-left: 0;
}

body > .row.row-home-4 {
  display: block;
  overflow: hidden;
  margin-top: 110px;
  margin-bottom: 110px;
  padding-right: 0;
  padding-left: 0;
  max-width: 1600px;
  width: 92%;
  height: auto;
  text-align: left;
}

body.grid-1 {
  background-color: transparent;
}

body > .row.row-services-1 {
  display: table;
  margin-top: 110px;
  margin-bottom: 110px;
  max-width: 1600px;
  width: 92%;
}

body > .row > [class*='coffee-span-'].column-services-1 {
  display: table-cell;
  float: none;
  padding-right: 0;
  padding-left: 0;
  vertical-align: middle;
  text-align: center;
}

body > .row > [class*='coffee-span-'].column-services-2 {
  position: static;
  display: table-cell;
  -ms-flex-pack: center;
  float: none;
  -ms-flex-align: center;
  padding-right: 0;
  padding-left: 0;
  height: 100%;
  vertical-align: middle;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

body > .row > [class*='coffee-span-'].column-title-2 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  float: none;
  clear: none;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  min-height: 3.125em;
  height: 100%;
}

body > .row.row-boxes-1 {
  max-width: none;
}

body > .row > [class*='coffee-span-'].column-boxes-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  padding-right: 5px;
  padding-left: 5px;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

body > .row.row-services-3 {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  max-width: none;
  height: auto;
  background-image: url('https://www.championfreight.co.nz/uploads/office_03_2000.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body > .row > [class*='coffee-span-'].column-services-4 {
  display: block;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  float: none;
  -ms-flex-align: center;
  padding: 0;
  height: 100%;
  background-color: transparent;
  text-align: left;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

body > .row.row-title-2 {
  padding-right: 0;
  max-width: 1000px;
  width: 92%;
  border-right: .0625em solid #e8e8e8;
  border-bottom: .0625em solid #e8e8e8;
  border-left: .0625em solid #e8e8e8;
}

body > .row > [class*='coffee-span-'].column-title-3 {
  padding-right: 4%;
  padding-bottom: 37px;
  padding-left: 4%;
}

body > .row.row-grid-1 {
  margin-top: 110px;
  margin-bottom: 110px;
  padding-right: 7px;
  padding-left: 7px;
  max-width: none;
  background-color: #f5f5f5;
}

body > .row > [class*='coffee-span-'].column-grid-1 {
  padding: 14px 7px 28px;
}

body > .row > [class*='coffee-span-'].column-grid-2 {
  padding: 14px 7px 28px;
}

body > .row > [class*='coffee-span-'].column-grid-3 {
  padding: 14px 7px 28px;
}

body > .row.row-resources-1 {
  display: table;
  margin-top: 110px;
  margin-bottom: 110px;
  max-width: none;
  width: 92%;
}

body > .row > [class*='coffee-span-'].column-resources-1 {
  display: table-cell;
  float: none;
  padding-right: 0;
  padding-left: 0;
  vertical-align: middle;
  text-align: center;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: .4s;
     -moz-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
}

body > .row.row-services-4 {
  display: table;
  margin-top: 110px;
  margin-bottom: 110px;
  max-width: none;
  width: 92%;
}

body > .row > [class*='coffee-span-'].column-services-5 {
  display: table-cell;
  float: none;
  padding-right: 0;
  padding-left: 0;
  vertical-align: middle;
  text-align: center;
}

body > .row.row-img-2 {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  max-width: none;
  height: auto;
  background-image: url('https://www.championfreight.co.nz/uploads/office_01_2000.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body > .row > [class*='coffee-span-'].column-img-2 {
  display: block;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  float: none;
  -ms-flex-align: center;
  padding: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

body > .row.row-about-3 {
  overflow: hidden;
  min-height: 3.125em;
  max-width: none;
  width: auto;
  height: auto;
  background-color: #000;
  background-image: none;
  background-attachment: fixed;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

body > .row > [class*='coffee-span-'].column-about-3 {
  position: static;
  display: block;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: stretch;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  min-height: 3.125em;
  max-height: none;
  height: 100%;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
          align-content: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
}

body > .row.row-about-4 {
  margin-top: 100px;
  margin-bottom: 100px;
  max-width: 1600px;
  width: 92%;
}

body > .row > [class*='coffee-span-'].column-about-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  padding-right: 0;
  padding-left: 0;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
          align-content: stretch;
}

body > .row.row-about-5 {
  display: block;
  overflow: hidden;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
  max-width: 1600px;
  width: 92%;
  height: auto;
  text-align: left;
}

body > .row > [class*='coffee-span-'].column-about-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
  height: 100%;
  vertical-align: middle;
  text-align: left;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-title-3 {
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: block;
  margin-top: 0;
  max-width: none;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/office_06_2000.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row.row-video-1 {
  max-width: none;
  height: 600px;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_10_2000.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-video-1 {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  float: none;
  -ms-flex-align: stretch;
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  height: 600px;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
}

body > .row.row-banner-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_12_2000.jpg');
  background-attachment: scroll;
  background-position: center 60%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-banner-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-subnav-1 {
  max-width: none;
  width: 100%;
  background-color: #f2f2f2;
}

body > .row > [class*='coffee-span-'].column-subnav-1 {
  display: block;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
  min-height: 50px;

  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-champion-1 {
  max-width: none;
}

body > .row > [class*='coffee-span-'].column-champion-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  padding-right: 5px;
  padding-left: 5px;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

body > .row.row-champion-2 {
  margin-top: 110px;
  margin-bottom: 110px;
  max-width: 1000px;
  width: 92%;
}

body > .row > [class*='coffee-span-'].column-champion-2 {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

body > .row.row-community-1 {
  display: block;
  overflow: hidden;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
  max-width: 1600px;
  width: 92%;
  height: auto;
  text-align: left;
}

body > .row > [class*='coffee-span-'].column-community-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
  height: 100%;
  vertical-align: middle;
  text-align: left;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-banner-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/crowd_01_2000.jpg');
  background-attachment: scroll;
  background-position: center 20%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row.row-community-2 {
  margin-top: 110px;
  margin-bottom: 110px;
  padding-right: 7px;
  padding-left: 7px;
  max-width: none;
  background-color: #f5f5f5;
}

body > .row > [class*='coffee-span-'].column-community-3 {
  padding: 14px 7px 28px;
}

body > .row > [class*='coffee-span-'].column-community-4 {
  padding: 14px 7px 28px;
}

body > .row > [class*='coffee-span-'].column-community-5 {
  padding: 14px 7px 28px;
}

body > .row > [class*='coffee-span-'].column-banner-2 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .5);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

body > .row.row-banner-3 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/office_07_2000.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row.row-careers-1 {
  display: block;
  overflow: hidden;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
  max-width: 1600px;
  width: 92%;
  height: auto;
  text-align: left;
}

body > .row > [class*='coffee-span-'].column-careers-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: start;
  float: left;
  -ms-flex-align: start;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
  height: 100%;
  vertical-align: middle;
  text-align: left;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}

body > .row.row-careers-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/office_08_2000.jpg');
  background-attachment: fixed;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-careers-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(0, 0, 0, .4);
}

body > .row.row-seafreight-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_11_2000.jpg');
  background-attachment: scroll;
  background-position: center 70%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-seafreight-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 35, 151, .1);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-seafreight-3 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/containers_06_2000.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-seafreight-3 {
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}

body > .row.row-seafreight-4 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/car_01_2000.jpg');
  background-attachment: fixed;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-seafreight-4 {
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(0, 0, 0, .3);
}

body > .row.row-maintext-1 {
  display: block;
  overflow: hidden;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
  max-width: 1600px;
  width: 92%;
  height: auto;
  text-align: left;
}

body > .row > [class*='coffee-span-'].column-maintext-1 {
  display: block;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: end;
  float: right;
  -ms-flex-align: center;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
  height: 100%;
  vertical-align: middle;
  text-align: left;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

body > .row.row-airfreight-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/plane_03_2000.jpg');
  background-attachment: scroll;
  background-position: center 20%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-airfreight-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .1);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-airfreight-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/plane_04_2000.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-airfreight-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(0, 0, 0, .4);
}

body > .row.row-landfreight-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/truck_03_2000.jpg');
  background-attachment: scroll;
  background-position: center 77%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-landfreight-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .1);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-landfreight-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/forklift_01_2000.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-landfreight-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(0, 0, 0, .35);
}

body > .row.row-customs-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/port_01_2000.jpg');
  background-attachment: scroll;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-customs-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-customs-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/new_zealand_01_2000.jpg');
  background-attachment: fixed;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-customs-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}

body > .row.row-documentation-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/documents_01_2000.jpg');
  background-attachment: scroll;
  background-position: center 70%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-documentation-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 35, 151, .1);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-documentation-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_15_2000.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-documentation-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}

body > .row.row-warehousing-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/warehouse_03_2000.jpg');
  background-attachment: scroll;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-warehousing-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .5);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-warehousing-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/truck_04_2000.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-warehousing-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(0, 0, 0, .35);
}

body > .row.row-projectfreight-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/project_freight_02_2000.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-projectfreight-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .5);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-projectfreight-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/road_01_2000.jpg');
  background-attachment: fixed;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-projectfreight-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(0, 0, 0, .2);
}

body > .row.row-packing-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/forklift_03_2000.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-packing-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .4);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-packing-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/truck_05_2000.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-packing-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(0, 0, 0, .1);
}

body > .row.row-consultation-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_16_2000.jpg');
  background-attachment: scroll;
  background-position: center 25%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-consulation-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .2);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-consultation-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/port_02_2000.jpg');
  background-attachment: fixed;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-consultation-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}

body > .row.row-consultation-3 {
  display: block;
  overflow: hidden;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
  max-width: 1600px;
  width: 92%;
  height: auto;
  text-align: left;
}

body > .row > [class*='coffee-span-'].column-consultation-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
  height: 100%;
  vertical-align: middle;
  text-align: left;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-schedules-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_17_2000.jpg');
  background-attachment: scroll;
  background-position: center 39%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-schedules-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-schedules-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/port_03_2000.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-schedules-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(0, 0, 0, .2);
}

body > .row.row-reports-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_19_2000.jpg');
  background-attachment: scroll;
  background-position: center 82%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-reports-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-reports-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_20_2000.jpg');
  background-attachment: fixed;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-report-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}

body > .row.row-white-1 {
  max-width: 900px;
  width: 92%;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-white-1 {
  margin-top: 117px;
  padding: 100px 0 130px;
  min-height: 500px;
}

body > .row.row-subnav-2 {
  max-width: none;
  width: 100%;
  background-color: #f2f2f2;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-subnav-2 {
  display: block;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  min-height: 50px;

  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row > [class*='coffee-span-'].column-white-2 {
  margin-top: 0;
  padding: 100px 0 130px;
  min-height: 500px;
}

body > .row.row-containers-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/containers_08_2000.jpg');
  background-attachment: scroll;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-containers-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-containers-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_20_2000.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-containers-2 {
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}

body > .row.row-news-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_21_2000.jpg');
  background-attachment: scroll;
  background-position: center 25%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-news-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

body > .row.row-article-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/containers_09_2000.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-article-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .5);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

body > .row.row-trees-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/trees_02_2000.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-trees-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

body > .row.row-trees-2 {
  display: table;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  max-width: none;
  width: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/trees_03_2000.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-trees-2 {
  display: table-cell;
  float: none;
  padding: 150px 0;
  background-color: rgba(0, 0, 0, .3);
  vertical-align: middle;
  text-align: center;
}

body > .row.row-about-6 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/trees_03_2000.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-about-6 {
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(0, 0, 0, .3);
}

body > .row.row-champion-3 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/port_02_2000.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-champion-3 {
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}

body > .row.row-champion-4 {
  display: block;
  overflow: hidden;
  margin-top: 110px;
  margin-bottom: 110px;
  padding-right: 0;
  padding-left: 0;
  max-width: 1600px;
  width: 92%;
  height: auto;
  text-align: left;
}

body > .row > [class*='coffee-span-'].column-champion-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  padding-right: 0;
  padding-left: 0;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

body > .row.row-contact-1 {
  display: block;
  overflow: hidden;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
  max-width: 1400px;
  width: 92%;
  height: auto;
  text-align: left;
}

body > .row.row-contact-2 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/containers_07_2000.jpg');
  background-attachment: scroll;
  background-position: left 75%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-contact-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

body > .row.row-bol-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_23_2000.jpg');
  background-attachment: scroll;
  background-position: center 45%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-bol-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .1);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-tipping-01 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/rugby_03_2000.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-tipping-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .2);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

body > .row.row-knowledge-1 {
  max-width: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_30_2000.jpg');
  background-attachment: scroll;
  background-position: right bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

body > .row > [class*='coffee-span-'].column-knowledge-1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  float: left;
  -ms-flex-align: center;
  margin-top: 117px;
  padding-right: 0;
  padding-left: 0;
  height: 483px;
  background-color: rgba(0, 0, 0, .2);
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

body > .row.row-home-2.outofview {
  padding-top: 100px;
  opacity: 0;
}

body > .row > [class*='coffee-span-'].column-champion-2.outofview {
  margin-top: 100px;
  opacity: 0;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-nav-1 {
  display: inline-block;
  float: left;
  padding-right: 0;
  padding-left: 0;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-nav-2 {
  position: static;
  display: block;
  float: right;
  margin-top: 40px;
  padding-right: 0;
  padding-left: 0;
  min-height: 0;
  height: auto;
  text-align: right;
}

.subgrid > .row.subgrid-row-nav-1 {
  position: static;
  display: block;
  padding-right: 0;
  padding-left: 0;
  max-width: none;
  width: 92%;
  background-color: transparent;
}

.subgrid > .row.subgrid-row-nav-2 {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 100;
  display: none;
  padding-right: 1.875em;
  padding-left: 1.875em;
  max-width: none;
  background-color: #141414;
  opacity: 1;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-nav-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  float: left;
  padding-right: 0;
  padding-left: 0;
  min-height: 50px;
  height: 100%;
  text-align: left;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-nav-4 {
  display: block;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  float: right;
  padding-right: 0;
  padding-left: 0;
  min-height: 3.125em;
  height: 100%;
  text-align: left;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.subgrid > .row.subgrid-row-tile-1 {
  max-width: none;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-tile-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: stretch;
  padding-right: 0;
  padding-left: 0;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
}

.subgrid > .row.subgrid-row-img-1 {
  position: static;
  top: 0;
  bottom: 0;
  display: table;
  padding: 0;
  max-width: 1600px;
  height: 100%;
  vertical-align: middle;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-img-1 {
  position: static;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: table-cell;
  float: none;
  clear: none;
  padding-right: 2.5em;
  padding-left: 0;
  max-height: none;
  height: 100%;
  vertical-align: middle;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-img-2 {
  display: table-cell;
  float: none;
  padding-left: 1.875em;
  height: 100%;
  vertical-align: middle;
}

.subgrid > .row.subgrid-row-yellow-1 {
  max-width: 75em;
}

.subgrid > .row.subgrid-row-yellow-2 {
  margin-top: .625em;
  max-width: 75em;
  text-align: center;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-yellow-2 {
  display: inline-block;
  float: left;
  margin-right: auto;
  margin-left: auto;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-home-1 {
  display: inline-block;
  float: left;
  margin-right: auto;
  margin-left: auto;
  padding: 1.25em;
}

.subgrid > .row.subgrid-row-home-1 {
  margin-right: auto;
  margin-left: auto;
  max-width: none;
  width: 92%;
}

.subgrid > .row.subgrid-row-footer-1 {
  max-width: none;
  background-color: #f2f2f2;
}

.subgrid > .row.subgrid-row-footer-2 {
  max-width: none;
}

.subgrid > .row.subgrid-row-footer-3 {
  margin-top: 1.875em;
  margin-bottom: 6.25em;
  max-width: 68.75em;
  width: 92%;
}

.subgrid > .row.subgrid-row-footer-4 {
  max-width: none;
  background-color: #222;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-footer-1 {
  float: none;
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  min-height: 0;
  height: auto;
  text-align: center;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-footer-2 {
  float: none;
  margin-right: auto;
  margin-left: auto;
  padding: 3.75em 0 .3125em;
  min-height: 0;
  vertical-align: middle;
  text-align: center;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-footer-7 {
  margin-right: auto;
  margin-left: auto;
  padding: 1.875em 0 100px;
  text-align: center;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-footer-6 {
  float: left;
  text-align: left;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-home-2 {
  display: inline-block;
  float: left;
  margin-right: auto;
  margin-left: auto;
  padding: 1.25em;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-home-3 {
  display: inline-block;
  float: left;
  margin-right: auto;
  margin-left: auto;
  padding: 1.25em;
}

.subgrid.subgrid-img-1 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.subgrid.subgrid-services-1 {
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 250px;
  padding-bottom: 250px;
  max-width: 1200px;
  width: 92%;
}

.subgrid > .row.subgrid-row-services-1 {
  position: static;
  top: 0;
  bottom: 0;
  display: table;
  padding: 0;
  max-width: none;
  height: auto;
  vertical-align: middle;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-services-1 {
  position: static;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: table-cell;
  float: none;
  clear: none;
  padding-right: 0;
  padding-left: 0;
  max-height: none;
  height: 100%;
  vertical-align: middle;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-services-2 {
  display: table-cell;
  float: none;
  padding-right: 60px;
  padding-left: 0;
  height: 100%;
  vertical-align: middle;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-resources-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  -ms-flex-align: stretch;
  padding-right: 0;
  padding-left: 0;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
}

.subgrid > .row.subgrid-row-resources-1 {
  max-width: none;
}

.subgrid > .row.subgrid-row-resources-2 {
  padding-top: 0;
  max-width: 1400px;
}

.subgrid.subgrid-resources-1 {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.subgrid.subgrid-services-2 {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.subgrid > .row.subgrid-row-services-2 {
  max-width: none;
}

.subgrid > .row.subgrid-row-services-3 {
  padding-top: 0;
  max-width: 1400px;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-services-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  -ms-flex-align: stretch;
  padding-right: 0;
  padding-left: 0;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
}

.subgrid > .row.subgrid-row-about-1 {
  max-width: none;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-about-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: stretch;
  padding-right: 0;
  padding-left: 0;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
}

.subgrid.subgrid-about-1 {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-resources-1 {
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-services-3 {
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

.subgrid.subgrid-trees-1 {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.subgrid > .row.subgrid-row-trees-1 {
  max-width: none;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-trees-1 {
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

.subgrid > .row.subgrid-row-trees-2 {
  padding-top: 0;
  max-width: 900px;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-trees-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  -ms-flex-align: stretch;
  padding-right: 0;
  padding-left: 0;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-resources-1.outofview {
  padding-top: 100px;
  opacity: 0;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-resources-2.outofview {
  padding-top: 100px;
  opacity: 0;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-services-3.outofview {
  padding-top: 100px;
  opacity: 0;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-services-4.outofview {
  padding-top: 100px;
  opacity: 0;
}

.container.container-services-1 {
  display: block;
  margin-bottom: 0;
  vertical-align: middle;
}

.container.container-title-2 {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  padding: 0;
  min-height: 50px;
  background-color: transparent;
  text-align: left;

  mix-blend-mode: normal;
}

.container.container-nav-services {
  display: block;
}

.container.container-boxes-1 {
  -ms-flex-order: 1;
  overflow: hidden;
  margin: 5px;
  min-height: 450px;
  max-height: none;
  height: 450px;
  opacity: 1;
  -webkit-transition-delay: 0s, 0s;
     -moz-transition-delay: 0s, 0s;
       -o-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
  -webkit-transition-timing-function: ease, ease;
     -moz-transition-timing-function: ease, ease;
       -o-transition-timing-function: ease, ease;
          transition-timing-function: ease, ease;
  -webkit-transition-duration: .4s, .4s;
     -moz-transition-duration: .4s, .4s;
       -o-transition-duration: .4s, .4s;
          transition-duration: .4s, .4s;
  -webkit-transition-property: padding, all;
     -moz-transition-property: padding, all;
       -o-transition-property: padding, all;
          transition-property: padding, all;
  -webkit-transform: scaleX(1) scaleY(1);
     -moz-transform: scaleX(1) scaleY(1);
       -o-transform: scaleX(1) scaleY(1);
          transform: scaleX(1) scaleY(1);
  -webkit-column-count: auto;
     -moz-column-count: auto;
          column-count: auto;

  -webkit-box-flex: 1;
  -webkit-flex: 1 26%;
     -moz-box-flex: 1;
      -ms-flex: 1 26%;
          flex: 1 26%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
}

.container.container-boxes-1c {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  min-height: 0;
  height: auto;
  background-color: #ffe41e;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  -webkit-filter: opacity(1);
          filter: opacity(1);

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
          align-self: stretch;
  mix-blend-mode: normal;
  background-blend-mode: normal;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-boxes-1b {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  margin-bottom: 15px;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_06_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  background-blend-mode: normal;
}

.container.container-boxes-2b {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  margin-bottom: 15px;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/truck_02_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  background-blend-mode: normal;
}

.container.container-boxes-3b {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  margin-bottom: 15px;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/plane_02_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  background-blend-mode: normal;
}

.container.container-boxes-4b {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  margin-bottom: 15px;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/customs_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  background-blend-mode: normal;
}

.container.container-boxes-5b {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  margin-bottom: 15px;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/documents_02_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  background-blend-mode: normal;
}

.container.container-boxes-6b {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  margin-bottom: 15px;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/warehouse_02_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  background-blend-mode: normal;
}

.container.container-boxes-7b {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  margin-bottom: 15px;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/meeting_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  background-blend-mode: normal;
}

.container.container-boxes-8b {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  margin-bottom: 15px;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/project_freight_03_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  background-blend-mode: normal;
}

.container.container-boxes-9b {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  margin-bottom: 15px;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/containers_03_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  background-blend-mode: normal;
}

.container.container-boxes-7 {
  -ms-flex-order: 1;
  overflow: hidden;
  margin: 5px;
  min-height: 450px;
  max-height: none;
  height: 450px;
  -webkit-transition-delay: 0s, 0s;
     -moz-transition-delay: 0s, 0s;
       -o-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
  -webkit-transition-timing-function: ease, ease;
     -moz-transition-timing-function: ease, ease;
       -o-transition-timing-function: ease, ease;
          transition-timing-function: ease, ease;
  -webkit-transition-duration: .4s, .4s;
     -moz-transition-duration: .4s, .4s;
       -o-transition-duration: .4s, .4s;
          transition-duration: .4s, .4s;
  -webkit-transition-property: padding, all;
     -moz-transition-property: padding, all;
       -o-transition-property: padding, all;
          transition-property: padding, all;
  -webkit-column-count: auto;
     -moz-column-count: auto;
          column-count: auto;

  -webkit-box-flex: 1;
  -webkit-flex: 1 26%;
     -moz-box-flex: 1;
      -ms-flex: 1 26%;
          flex: 1 26%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
}

.container.container-services-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  float: left;
  clear: none;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 15px 0;
  min-width: 250px;
  max-width: none;
  width: auto;
  border: .1875em none #ffe41e;
  background-color: #ffe41e;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-services-5 {
  -ms-flex-order: 1;
  margin-bottom: 0;

  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 40%;
     -moz-box-flex: 1;
      -ms-flex: 1 40%;
          flex: 1 40%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
}

.container.container-services-6 {
  -ms-flex-order: 2;
  margin-bottom: 0;
  border-right: .125em none #ffe41e;
  border-left: .0625em solid #141414;

  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 40%;
     -moz-box-flex: 1;
      -ms-flex: 1 40%;
          flex: 1 40%;
}

.container.container-services-7 {
  -ms-flex-order: 3;
  margin-top: 0;
  margin-bottom: 0;
  border-right: .125em none #ffe41e;
  border-left: .125em none #ffe41e;

  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
          order: 3;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

.container.container-title-3 {
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 22px 4% 18px;
  max-width: 1000px;
  width: 92%;
  border-top: .0625em solid #e8e8e8;
  border-right: .0625em solid #e8e8e8;
  border-left: .0625em solid #e8e8e8;
  background-color: #fff;
  text-align: center;
}

.container.container-title-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 15px;
  min-height: 20px;
  max-width: 800px;
  border: .0625em solid #e4e4e4;
  background-color: #f5f5f5;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-title-5 {
  margin-bottom: 0;
  min-height: 20px;
}

.container.container-grid-2 {
  margin-top: 14px;
  margin-bottom: 0;
  padding: 20px 20px 30px;
  border: .0625em solid #e4e4e4;
  background-color: #fff;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.container.container-grid-1 {
  margin-top: 14px;
  margin-bottom: 0;
  padding: 20px 20px 35px;
  background-color: #ffe41e;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.container.container-grid-3 {
  margin-top: 14px;
  margin-bottom: 0;
  padding: 20px 20px 30px;
  border: .0625em solid #e4e4e4;
  background-color: #fff;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.container.container-grid-4 {
  margin-top: 14px;
  margin-bottom: 0;
  padding: 20px 20px 30px;
  border: .0625em solid #e4e4e4;
  background-color: #fff;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.container.container-grid-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_06_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-grid-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/mockup_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-grid-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/containers_04_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-grid-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/mockup_02_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-grid-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_07_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-grid-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_08_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-grid-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/containers_05_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-grid-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_09_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-grid-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/map_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-grid-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/road_02_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.column-resources-2 {
  display: block;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  max-width: 1000px;
  vertical-align: middle;
}

.container.container-resources-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-align: center;
  margin-top: 30px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-services-8 {
  display: block;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  max-width: 1000px;
  vertical-align: middle;
}

.container.container-services-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-align: center;
  margin-top: 30px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-home-1 {
  margin-bottom: 0;
  padding-right: 60px;
}

.container.container-home-2 {
  margin-bottom: 0;
  width: 50%;
}

.container.container-tile-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.container.container-about-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  float: none;
  -ms-flex-align: stretch;
  margin-bottom:0;
  padding: 50px 4% 40px 4%;
  min-height: 360px;
  max-height: none;
  background-color: #ffe41e;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .4s;
     -moz-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;

  -webkit-box-flex: 0;
  -webkit-flex: 0 1 50%;
     -moz-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
          align-self: stretch;
}

.container.container-about-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 2;
  -ms-flex-pack: center;
  float: none;
  -ms-flex-align: stretch;
  margin-bottom:0;
  padding: 50px 4% 40px 4%;
  min-height: 360px;
  max-height: none;
  background-color: #fff;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .4s;
     -moz-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;

  -webkit-box-flex: 1;
  -webkit-flex: 1 50%;
     -moz-box-flex: 1;
      -ms-flex: 1 50%;
          flex: 1 50%;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
          align-self: auto;
}

.container.container-about-5 {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 60px;
  width: 50%;
}

.container.container-video-1 {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .4);

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-subnav-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: start;
  float: left;
  -ms-flex-align: center;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  min-height: 60px;
  max-width: none;
  width: auto;
  height: 60px;

  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-champion-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  -ms-flex-align: stretch;
  overflow: hidden;
  margin: 5px;
  padding: 30px;
  min-height: 450px;
  max-height: none;
  height: 450px;
  background-color: #ffe41e;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .4s;
     -moz-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
  -webkit-column-count: auto;
     -moz-column-count: auto;
          column-count: auto;

  -webkit-box-flex: 1;
  -webkit-flex: 1 26%;
     -moz-box-flex: 1;
      -ms-flex: 1 26%;
          flex: 1 26%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
}

.container.container-about-6 {
  float: right;
  margin-bottom: 0;
  width: 50%;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

.container.container-home-4 {
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

.container.container-community-1 {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  width: 50%;
}

.container.container-community-2 {
  margin-bottom: 0;
  padding-right: 60px;
  width: 50%;
}

.container.container-community-3 {
  margin-top: 14px;
  margin-bottom: 0;
  padding: 20px;
  border: .0625em solid #e4e4e4;
  background-color: #fff;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.container.container-community-4 {
  margin-top: 14px;
  margin-bottom: 0;
  padding: 20px;
  border: .0625em solid #e4e4e4;
  background-color: #fff;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.container.container-header-1 {
  margin-bottom: 0;
  max-width: 1000px;
  width: 92%;
  text-align: center;
}

.container.container-careers-1 {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  width: 58%;
}

.container.container-careers-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-right: 60px;
  margin-bottom: 0;
  padding: 50px 30px;
  min-height: 420px;
  width: 42%;
  background-color: #ffe41e;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container.container-careers-3 {
  margin-bottom: 0;
  text-align: center;
}

.container.container-subnav-2 {
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  max-width: 1600px;
  width: 92%;
}

.container.container-subnav-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  float: right;
  -ms-flex-align: center;
  margin-bottom: 0;
  width: auto;
  height: 52px;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-careers-4 {
  margin: 150px auto;
  max-width: 1200px;
  width: 92%;
  text-align: center;
}

.container.container-careers-5 {
  margin-bottom: 0;
  padding-right: 60px;
  width: 58%;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

.container.container-champion-3 {
  margin-bottom: 0;
  max-width: 1600px;
  width: 92%;
}

.container.container-seafreight-1 {
  margin-bottom: 0;
  max-width: 1600px;
  width: 92%;
}

.container.container-seafreight-2 {
  float: none;
  margin-bottom: 0;
  max-width: 700px;
  width: 60%;
}

.container.container-careers-6 {
  margin-bottom: 0;
  width: 42%;
}

.container.container-seafreight-4 {
  max-width: 1000px;
  width: 92%;
  text-align: center;
}

.container.container-seafreight-5 {
  margin: 200px auto;
  max-width: 1000px;
  width: 92%;
  text-align: center;
}

.container.container-seafreight-6 {
  margin: 200px auto;
  max-width: 1000px;
  width: 92%;
  text-align: center;
}

.container.container-tile-5a {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  padding-right: 1.25em;
  padding-left: 1.25em;
  min-height: 350px;
  background-image: url('https://www.championfreight.co.nz/uploads/mockup_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .5;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;

  background-blend-mode: normal;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container.container-maintext-1 {
  display: inline-block;
  -ms-flex-order: 2;
  float: right;
  clear: none;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 60px;
  max-width: 940px;
  width: 58%;

  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1 58%;
     -moz-box-flex: 1;
      -ms-flex: 1 58%;
          flex: 1 58%;
}

.container.container-maintext-2 {
  position: static;
  -ms-flex-order: 3;
  float: right;
  clear: none;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 60px;
  max-width: 940px;
  width: 58%;

  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
          order: 3;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1 58%;
     -moz-box-flex: 1;
      -ms-flex: 1 58%;
          flex: 1 58%;
}

.container.container-maintext-4 {
  -ms-flex-order: 1;
  float: left;
  padding: 20px 20px 30px;
  max-width: none;
  width: 42%;
  height: auto;
  border: .0625em solid #e4e4e4;

  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1 42%;
     -moz-box-flex: 1;
      -ms-flex: 1 42%;
          flex: 1 42%;
}

.container.container-maintext-3 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_13_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-seafreight-3 {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 60px;
  width: 58%;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

.container.container-home-6a {
  overflow: hidden;
  margin-bottom: 1.25em;
  background-image: url('https://www.championfreight.co.nz/uploads/containers_02_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-airfreight-1 {
  float: right;
  margin-bottom: 0;
  max-width: 700px;
  width: 60%;
}

.container.container-maintext-5 {
  -ms-flex-order: 3;
  float: right;
  padding: 20px 20px 30px;
  max-width: none;
  width: 42%;
  height: auto;
  border: .0625em solid #e4e4e4;

  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
          order: 3;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1 42%;
     -moz-box-flex: 1;
      -ms-flex: 1 42%;
          flex: 1 42%;
}

.container.container-maintext-6 {
  display: inline-block;
  -ms-flex-order: 1;
  float: left;
  clear: none;
  margin-bottom: 0;
  padding-right: 60px;
  padding-left: 0;
  max-width: 940px;
  width: 58%;

  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1 58%;
     -moz-box-flex: 1;
      -ms-flex: 1 58%;
          flex: 1 58%;
}

.container.container-maintext-7 {
  position: static;
  -ms-flex-order: 2;
  float: left;
  clear: none;
  margin-bottom: 0;
  padding-right: 60px;
  padding-left: 0;
  max-width: 940px;
  width: 58%;

  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1 58%;
     -moz-box-flex: 1;
      -ms-flex: 1 58%;
          flex: 1 58%;
}

.container.container-maintext-8 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/plane_05_750.jpg');
  background-attachment: scroll;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-tile-4a {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 4;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
  min-height: 350px;
  background-image: url('https://www.championfreight.co.nz/uploads/plane_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;
  opacity: .5;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;

  background-blend-mode: normal;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
     -moz-box-ordinal-group: 5;
          order: 4;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container.container-landfreight-1 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/truck_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-home-5a {
  overflow: hidden;
  margin-bottom: 20px;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_03_750.jpg');
  background-position: right top;
  background-size: cover;
  background-repeat: no-repeat;
}

.container.container-home-7a {
  overflow: hidden;
  margin-bottom: 1.25em;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_04_750.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.container.container-tile-3a {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 2;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
  min-height: 350px;
  background-image: url('https://www.championfreight.co.nz/uploads/truck_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .5;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;

  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container.container-tile-2a {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 2;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
  min-height: 350px;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_02_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .5;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;

  background-blend-mode: normal;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container.container-tile-6a {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 2;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
  min-height: 350px;
  background-image: url('https://www.championfreight.co.nz/uploads/warehouse_01_831.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .5;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;

  background-blend-mode: normal;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container.container-tile-7a {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 3;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
  min-height: 350px;
  background-image: url('https://www.championfreight.co.nz/uploads/containers_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .5;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;

  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
          order: 3;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
  background-blend-mode: normal;
}

.container.container-tile-8a {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 3;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
  min-height: 350px;
  background-image: url('https://www.championfreight.co.nz/uploads/documents_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;
  opacity: .5;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;

  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
          order: 3;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
  background-blend-mode: normal;
}

.container.container-seafreight-7 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/customs_02_750.jpg');
  background-attachment: scroll;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-documentation-1 {
  margin-bottom: 0;
  max-width: 1600px;
  width: 92%;
  text-align: center;
}

.container.container-documentation-2 {
  float: none;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  max-width: 1000px;
  width: 92%;
}

.container.container-warehousing-1 {
  margin-bottom: 0;
  max-width: 1600px;
  width: 92%;
}

.container.container-warehousing-2 {
  float: none;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  max-width: 1000px;
  width: 92%;
  text-align: center;
}

.container.container-documentation-3 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_03_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-warehousing-3 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/warehouse_01_831.jpg');
  background-attachment: scroll;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-projectfreight-1 {
  margin-bottom: 0;
  max-width: 1600px;
  width: 92%;
  text-align: center;
}

.container.container-projectfreight-2 {
  float: none;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  max-width: 1000px;
  width: 92%;
}

.container.container-projectfreight-3 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_13_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-packing-1 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/forklift_04_750.jpg');
  background-attachment: scroll;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-consultation-1 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/meeting_01_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-consultation-2 {
  margin-bottom: 0;
  padding-right: 0;
  width: 50%;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

.container.container-consultation-3 {
  margin-bottom: 0;
  width: 50%;
}

.container.container-schedules-3 {
  margin-top: 10px;
  margin-bottom: 0;
}

.container.container-schedules-1 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_18_750.jpg');
  background-attachment: scroll;
  background-position: center bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-nav-2 {
  padding: 50px 20px;
  min-height: 50px;
}

.container.container-schedules-4 {
  margin-bottom: 0;
  padding: 30px 40px;
  background-color: #ffe41e;
}

.container.container-white-1 {
  margin-bottom: 0;
}

.container.container-chart-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  min-height: 40px;
  background-color: #ffe41e;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-chart-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  min-height: 40px;
  background-color: #f2f2f2;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-chart-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 0;
  -ms-flex-pack: center;
  margin-bottom: 0;
  min-height: 40px;
  text-align: center;

  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
     -moz-box-ordinal-group: 1;
          order: 0;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-chart-1 {
  margin-bottom: 50px;
  border: .0625em solid #e8e8e8;
}

.container.container-chart-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  min-height: 40px;
  background-color: #fff;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-chart-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  min-height: 40px;
  background-color: #fff;
  border-bottom: .0625em solid #e8e8e8;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-news-1 {
  margin-right: 60px;
  margin-bottom: 0;
  width: 42%;
}

.container.container-news-2 {
  margin-bottom: 0;
  padding-top: 32px;
  padding-bottom: 30px;
  min-width: 10px;
  border-bottom: .0625em solid #e8e8e8;
}

.container.container-news-3 {
  margin-top: 40px;
  margin-bottom: 10px;
}

.container.container-article-1 {
  display: block;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 60px;
  padding: 0;
  min-height: 50px;
  width: 42%;
  background-color: transparent;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container.container-article-2 {
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 10px;
  text-align: left;
}

.container.container-article-3 {
  margin-top: 10px;
  margin-bottom: 0;
  min-height: 0;
  max-width: 750px;
  text-align: center;
}

.container.container-faqs-1 {
  margin-bottom: 0;
}

.container.container-faqs-2 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #ffe41e;
}

.container.container-faqs-3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
}

.container.container-glossary-1 {
  margin: 1% 2.5% 1.5% 0;
  padding: 20px;
  width: 47.5%;
  background-color: #ffe41e;
}

.container.container-glossary-2 {
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
}

.container.container-glossary-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  margin-bottom: 0;

  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container.container-glossary-4 {
  margin-bottom: 15px;
  padding-bottom: 26px;
}

.container.container-quote-1 {
  display: block;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
  min-height: auto;
  border-top: .0625em none #c8c8c8;
  background-color: #fff;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-quote-2 {
  margin-bottom: 0;
}

.container.container-sitemap-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  margin-top: 40px;
  margin-bottom: 0;

  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container.container-sitemap-2 {
  float: left;
  margin-bottom: 0;
  padding-right: 10px;
  width: 50%;
}

.container.container-sitemap-3 {
  float: right;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 10px;
  width: 50%;
}

.container.container-sitemap-4 {
  float: left;
  margin-bottom: 30px;
}

.container.container-trees-1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
}

.container.container-trees-2 {
  display: block;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  max-width: 1000px;
  vertical-align: middle;
}

.container.container-trees-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-align: center;
  margin-top: 30px;
  margin-bottom: 0;
  padding-right: 10px;
  padding-left: 10px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-community-5 {
  margin-top: 14px;
  margin-bottom: 0;
  padding: 20px 20px 46px;
  border: .0625em solid #e4e4e4;
  background-color: #fff;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.container.container-about-7 {
  overflow: hidden;
  margin-bottom: 20px;
  background-image: url('https://www.championfreight.co.nz/uploads/trees_05_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-about-8 {
  overflow: hidden;
  margin-bottom: 1.25em;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_22_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-about-9 {
  overflow: hidden;
  margin-bottom: 1.25em;
  background-image: url('https://www.championfreight.co.nz/uploads/container_terminal_02_750.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.container.container-champion-5 {
  width: 50%;
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

.container.container-champion-4 {
  width: 50%;
}

.container.container-contact-2 {
  margin-right: 60px;
  margin-bottom: 0;
  width: 42%;
}

.container.container-contact-3 {
  margin-top: 0;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #ffe41e;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.container.container-contact-4 {
  margin-bottom: 0;
  max-width: 1600px;
  width: 92%;
  text-align: center;
}

.container.container-contact-5 {
  width: 50%;
  text-align: left;
}

.container.container-contact-6 {
  text-align: center;
}

.container.container-news-4 {
  margin-bottom: 0;
  padding: 30px 40px;
  background-color: #ffe41e;
}

.container.container-news-5 {
  margin-top: 30px;
  margin-bottom: 0;
  padding: 30px 40px;
  background-color: #e8e8e8;
}

.container.container-bol-1 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/ship_14_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-tips-2 {
  -ms-flex-order: 3;
  float: right;
  padding: 20px 20px 30px;
  max-width: none;
  width: 42%;
  height: auto;
  border: .0625em solid #e4e4e4;

  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
          order: 3;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1 42%;
     -moz-box-flex: 1;
      -ms-flex: 1 42%;
          flex: 1 42%;
}

.container.container-tips-3 {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 360px;
  max-height: none;
  background-image: url('https://www.championfreight.co.nz/uploads/rugby_04_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-tips-4 {
  margin-bottom: 0;
  padding-top: 20px;
  text-align: center;
}

.container-knowledge-1, .container-knowledge-2, .container-knowledge-3, .container-knowledge-4, .container-knowledge-5, .container-knowledge-6, .container-knowledge-7, .container-knowledge-8, .container-knowledge-9, .container-knowledge-10, .container-knowledge-11, .container-knowledge-12, .container-knowledge-13, .container-knowledge-14, .container-knowledge-15 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-knowledge-1 {
	background-image: url('https://www.championfreight.co.nz/uploads/ship_27_750.jpg');
}
.container.container-knowledge-2 {
	background-image: url('https://www.championfreight.co.nz/uploads/car_02_750.jpg');
}
.container.container-knowledge-3 {
	background-image: url('https://www.championfreight.co.nz/uploads/ship_29_750.jpg');
}
.container.container-knowledge-4 {
	background-image: url('https://www.championfreight.co.nz/uploads/ship_28_750.jpg');
}
.container.container-knowledge-5 {
	background-image: url('https://www.championfreight.co.nz/uploads/container_terminal_03_750.jpg');
}
.container.container-knowledge-6 {
	background-image: url('https://www.championfreight.co.nz/uploads/containers_05_750.jpg');
}
.container.container-knowledge-7 {
	background-image: url('https://www.championfreight.co.nz/uploads/meeting_01_750.jpg');
}
.container.container-knowledge-8 {
	background-image: url('https://www.championfreight.co.nz/uploads/road_02_750.jpg');
}
.container.container-knowledge-9 {
	background-image: url('https://www.championfreight.co.nz/uploads/container_terminal_02_750.jpg');
}
.container.container-knowledge-10 {
	background-image: url('https://www.championfreight.co.nz/uploads/truck_04_750.jpg');
}
.container.container-knowledge-11 {
	background-image: url('https://www.championfreight.co.nz/uploads/container_terminal_05_750.jpg');
}

.container.container-grid-15 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 350px;
  max-height: 350px;
  width: auto;
  height: 100%;
  background-image: url('https://www.championfreight.co.nz/uploads/map_02_750.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-tips-5 {
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 30px;
  background-color: #ffe41e;
}

.container.container-reports-2 {
  position: static;
  -ms-flex-order: 3;
  float: right;
  clear: none;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 60px;
  max-width: 940px;
  width: 58%;

  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
          order: 3;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1 58%;
     -moz-box-flex: 1;
      -ms-flex: 1 58%;
          flex: 1 58%;
}

.container.container-subscribe-1 {
  float: none;
  margin-right: 15px;
  margin-bottom: 0;
  padding: 40px 30px;
  width: 50%;
  background-color: #ffe41e;
  text-align: center;
}

.container.container-subscribe-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: start;
  margin-bottom: 30px;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container.container-subscribe-4 {
  float: none;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 15px;
  padding: 0;
  width: 50%;
  background-color: transparent;
}

.container.container-subscribe-5 {
  margin-bottom: 0;
  padding: 26px 30px 10px;
  background-color: #222;
  text-align: center;
}

.container.container-subscribe-6 {
  margin: 0;
  padding: 30px;
  background-color: #f2f2f2;
  text-align: left;
}

.container.container-subscribe-7 {
  margin-bottom: 0;
  padding: 26px 30px 20px;
  background-color: #e8e8e8;
  text-align: center;
}

.container.container-subscribe-8 {
  margin-bottom: 40px;
  text-align: center;
}

.container.container-paying-1 {
  margin-bottom: 0;
  padding: 26px 30px 30px;
  background-color: #e8e8e8;
  text-align: center;
}

.container.container-notice-1 {
  position: absolute;
  right: 4%;
  left: auto;
  margin: 135px 0 0;
  min-height: auto;
  max-width: 500px;
  max-height: none;
  width: auto;
}

.container.container-about-6.outofview {
  margin-top: 100px;
  opacity: 0;
}

.container.container-champion-1.outofview {
  opacity: 0;
  -webkit-transform: scaleX(.5) scaleY(.5);
     -moz-transform: scaleX(.5) scaleY(.5);
       -o-transform: scaleX(.5) scaleY(.5);
          transform: scaleX(.5) scaleY(.5);
}

.container.container-boxes-1.outofview {
  opacity: 0;
  -webkit-transform: scaleX(.5) scaleY(.5);
     -moz-transform: scaleX(.5) scaleY(.5);
       -o-transform: scaleX(.5) scaleY(.5);
          transform: scaleX(.5) scaleY(.5);
}

.container.container-home-4.outofview {
  padding-top: 100px;
  opacity: 0;
}

.container.container-boxes-7.outofview {
  opacity: 0;
  -webkit-transform: scaleX(.5) scaleY(.5);
     -moz-transform: scaleX(.5) scaleY(.5);
       -o-transform: scaleX(.5) scaleY(.5);
          transform: scaleX(.5) scaleY(.5);
}

.container.container-careers-5.outofview {
  margin-top: 100px;
  opacity: 0;
}

.container.container-seafreight-3.outofview {
  margin-top: 100px;
  opacity: 0;
}

.container.container-consultation-2.outofview {
  margin-top: 100px;
  opacity: 0;
}

.container.container-champion-5.outofview {
  padding-top: 100px;
  opacity: 0;
}

.container.container-boxes-1:hover {
  padding-top: 10px;
  padding-right: 4%;
  padding-left: 4%;
}

.container.container-boxes-7:hover {
  padding-top: 10px;
  padding-right: 4%;
  padding-left: 4%;
}

.container.container-about-3:hover {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 60%;
     -moz-box-flex: 0;
      -ms-flex: 0 1 60%;
          flex: 0 1 60%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
          align-self: stretch;
}

.container.container-about-4:hover {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 60%;
     -moz-box-flex: 0;
      -ms-flex: 0 1 60%;
          flex: 0 1 60%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
          align-self: stretch;
}

.container.container-champion-1:hover {
  padding-right: 30px;
  padding-left: 30px;
}

.container.container-tile-5a:hover {
  opacity: 1;

  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.container.container-tile-4a:hover {
  opacity: 1;

  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.container.container-tile-3a:hover {
  opacity: 1;

  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.container.container-tile-2a:hover {
  opacity: 1;

  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.container.container-tile-6a:hover {
  opacity: 1;

  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.container.container-tile-7a:hover {
  opacity: 1;

  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.container.container-tile-8a:hover {
  opacity: 1;

  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.container.container-faqs-2:hover {
  background-color: #fddd16;
}

.container.container-glossary-1:hover {
  background-color: #fddd16;
}

.container.container-contact-3:hover {
  background-color: #fddd16;
  -webkit-transition-duration: .4s;
     -moz-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
}

.row > [class*='coffee-span-'] .subgrid.subgrid-nav-1 {
  position: static;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  min-width: .625em;
  background-color: #ffe41e;
}

.row > [class*='coffee-span-'] > .container.container-nav-1 {
  position: static;
  right: auto;
  left: auto;
  float: right;
  clear: none;
  margin-bottom: 0;
  min-height: 3.125em;
  width: 100%;
  vertical-align: baseline;
  text-align: left;
}

.row > [class*='coffee-span-'] > .container.container-nav-2 {
  float: none;
  clear: none;
  margin-bottom: 0;
  padding: 3.125em 1.25em;
  width: 100%;
  text-align: right;
}

.row > [class*='coffee-span-'] > .container.container-nav-about {
  position: static;
  right: auto;
  left: auto;
  display: none;
  float: right;
  clear: none;
  margin-bottom: 0;
  padding-right: 1.25em;
  padding-left: 1.25em;
  min-height: 3.125em;
  width: 100%;
  vertical-align: baseline;
  text-align: left;
}

.row > [class*='coffee-span-'] > .container.container-nav-services {
  position: static;
  right: auto;
  left: auto;
  display: none;
  float: right;
  clear: none;
  margin-bottom: 0;
  padding-right: 1.25em;
  padding-left: 1.25em;
  min-height: 3.125em;
  width: 100%;
  vertical-align: baseline;
  text-align: left;
}

.row > [class*='coffee-span-'] > .container.container-nav-resources {
  position: static;
  right: auto;
  left: auto;
  display: none;
  float: right;
  clear: none;
  margin-bottom: 0;
  padding-right: 1.25em;
  padding-left: 1.25em;
  min-height: 3.125em;
  width: 100%;
  vertical-align: baseline;
  text-align: left;
}

a.responsive-picture.picture-link-nav-2 {
  display: inline-block;
  margin-top: 0;
  margin-right: 1%;
  margin-bottom: 0;
  padding: .5625em 1.5625em;
  max-width: 4.25em;
  vertical-align: middle;
}

a.responsive-picture.picture-link-nav-1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 14px;
  min-width: 8.75em;
  max-width: 8.75em;
}

a.responsive-picture.picture-link-nav-3 {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: .5625em 1.5625em;
  max-width: 4.6875em;
  background-color: transparent;
  vertical-align: middle;
}

.row > [class*='coffee-span-'] .html-element.html-element-title-1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -200;
  overflow: hidden;
  margin-top: 0;
  padding-left: 0;
  min-width: 10px;
  min-height: 31.25em;
  max-height: none;
  width: auto;
}

.row > [class*='coffee-span-'] > .container.container-title-1 {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-top: 0;
  margin-right: 8%;
  margin-bottom: 11.25em;
  min-width: 0;
  max-width: 41.25em;
  width: auto;
}

.row > [class*='coffee-span-'] > .container.container-home-1 {
  display: inline-block;
  -ms-flex-order: 0;
  float: left;
  margin: 0 auto .625em;
  padding-right: 3.75em;
  padding-bottom: 0;
  padding-left: 0;
  max-width: none;
  width: 50%;
  height: auto;

  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
     -moz-box-ordinal-group: 1;
          order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
}

.row > [class*='coffee-span-'] .html-element.html-element-home-1 {
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  display: table-cell;
  -ms-flex-order: 0;
  float: left;
  margin-top: .625em;
  margin-right: 0;
  margin-left: 0;
  min-width: .625em;
  width: 100%;
  vertical-align: middle;

  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
     -moz-box-ordinal-group: 1;
          order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.row > [class*='coffee-span-'] > .container.container-home-3 {
  display: inline-block;
  float: left;
  width: 50%;
}

.row > [class*='coffee-span-'] > .container.container-home-4 {
  position: static;
  right: auto;
  bottom: auto;
  display: block;
  -ms-flex-order: 0;
  float: left;
  margin: 0 auto;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  max-width: none;
  width: 50%;
  height: auto;

  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
     -moz-box-ordinal-group: 1;
          order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
}

.row > [class*='coffee-span-'] .subgrid.subgrid-tile-1 {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.row > [class*='coffee-span-'] > .container.container-tile-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-order: 1;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  padding-right: 1.25em;
  padding-left: 1.25em;
  min-height: 21.875em;
  background-color: #ffe41e;
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;

  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.row > [class*='coffee-span-'] .html-element.html-element-tile-1 {
  padding: 1.25em;
  min-height: 0;
  background-color: rgba(255, 228, 30, .9);
}

.row > [class*='coffee-span-'] .html-element.html-element-tile-2 {
  padding: 0;
  background-color: transparent;
}

.row > [class*='coffee-span-'] .html-element.html-element-facebook-1 {
  display: inline-block;
  margin-top: -15px;
  margin-bottom: 0;
  min-height: 0;
  vertical-align: top;
}

.row > [class*='coffee-span-'] .html-element.html-element-home-2 {
  max-width: 45.625em;
}

.row > [class*='coffee-span-'] .subgrid.subgrid-img-1 {
  float: none;
  margin: 0 auto;
  padding-top: 6.25em;
  padding-bottom: 6.25em;
  max-width: none;
  width: 92%;
  height: auto;
}

div.responsive-picture.picture-icon-1 {
  -ms-flex-order: 1;
  float: left;
  margin-top: .3125em;
  margin-right: 3%;
  margin-bottom: 0;
  padding-right: 0;
  padding-bottom: 0;
  max-width: 5.625em;
  width: 100%;
  vertical-align: middle;

  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
}

.row > [class*='coffee-span-'] > .container.container-img-1 {
  display: block;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  margin-top: 3.125em;
  margin-bottom: 3.125em;
  height: auto;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.row > [class*='coffee-span-'] .subgrid.subgrid-yellow-1 {
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 5em;
  padding-bottom: 5em;
  width: 92%;
}

a.responsive-picture.picture-link-nav-4 {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: .5em 1.5625em;
  max-width: 4.6875em;
  background-color: transparent;
  vertical-align: middle;
}

.row > [class*='coffee-span-'] .subgrid.subgrid-home-1 {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: left;
}

.row > [class*='coffee-span-'] .html-element.html-element-home-4 {
  position: relative;
  top: 0;
  bottom: 0;
  display: block;
  -ms-flex-order: 1;
  float: none;
  overflow: hidden;
  min-width: 50px;
  min-height: 300px;
  max-height: 300px;
  width: auto;
  background-color: rgba(255, 228, 30, .85);
  vertical-align: middle;
  text-align: center;

  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
}

.row > [class*='coffee-span-'] .subgrid.subgrid-footer-1 {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  background-color: #e8e8e8;
}

a.responsive-picture.picture-link-footer-1 {
  display: inline-block;
  margin: 0 auto;
  padding: .4375em 1.25em;
  max-width: 4em;
  max-height: none;
  vertical-align: middle;
}

a.responsive-picture.picture-link-footer-2 {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  padding: .3125em 1.25em;
  max-width: 4.3125em;
  max-height: none;
  vertical-align: middle;
}

a.responsive-picture.picture-link-footer-3 {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25em;
  padding-left: 1.25em;
  max-width: 3.875em;
  max-height: none;
  vertical-align: middle;
}

a.responsive-picture.picture-link-footer-4 {
  display: inline-block;
  float: none;
  margin: .625em 5% .625em auto;
  max-width: 7.5em;
}

.row > [class*='coffee-span-'] > .container.container-footer-1 {
  margin-bottom: 0;
  text-align: center;
}

a.responsive-picture.picture-link-arrow-1 {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99;
  margin-top: 7px;
  margin-right: 2%;
  margin-bottom: 20px;
  max-width: 2.8125em;
}

a.responsive-picture.picture-link-footer-5 {
  display: inline-block;
  float: none;
  margin: .625em 5% .625em auto;
  max-width: 5.8125em;
}

.row > [class*='coffee-span-'] .html-element.html-element-footer-1 {
  margin-right: auto;
  margin-left: auto;
  min-height: 0;
  width: 92%;
  vertical-align: middle;
}

a.responsive-picture.picture-link-nav-5 {
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .75em;
  padding-bottom: .875em;
  min-width: 8.75em;
  max-width: 8.75em;
}

.row > [class*='coffee-span-'] > .container.container-footer-2 {
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  width: 92%;
}

.row > [class*='coffee-span-'] > .container.container-footer-3 {
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  width: 92%;
}

a.responsive-picture.picture-link-nav-6 {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: .5625em 1.5625em;
  max-width: 4.6875em;
  background-color: transparent;
  vertical-align: middle;
}

.row > [class*='coffee-span-'] .html-element.html-element-facebook-2 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0;
  vertical-align: top;
}

.row > [class*='coffee-span-'] .html-element.html-element-services-1 {
  display: block;
  min-height: 10px;
  max-height: none;
}

.row > [class*='coffee-span-'] .html-element.html-element-footer-2 {
  min-height: 30px;
}

.row > [class*='coffee-span-'] .html-element.html-element-grid-1 {
  padding-top: 5px;
  min-height: 0;
  opacity: .2;
}

.row > [class*='coffee-span-'] .html-element.html-element-grid-2 {
  position: relative;
  top: 0;
  bottom: 0;
  -ms-flex-order: 1;
  padding-top: 0;
  min-height: 350px;
  background-color: rgba(255, 228, 30, .85);
  opacity: 1;

  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

.row > [class*='coffee-span-'] .html-element.html-element-grid-3 {
  position: relative;
  top: 0;
  bottom: 0;
  -ms-flex-order: 1;
  padding-top: 0;
  min-height: 350px;
  background-color: rgba(255, 228, 30, .85);
  opacity: 1;

  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

.row > [class*='coffee-span-'] .html-element.html-element-grid-4 {
  position: relative;
  top: 0;
  bottom: 0;
  -ms-flex-order: 1;
  padding-top: 0;
  min-height: 350px;
  background-color: rgba(255, 228, 30, .85);
  opacity: 1;

  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

a.responsive-picture.picture-link-resources-1 {
  margin-top: .4375em;
  max-width: 100px;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

div.responsive-picture.picture-services-1 {
  max-width: 100px;
}

a.responsive-picture.picture-link-img-1 {
  float: left;
  margin-top: .3125em;
  margin-right: 3%;
  margin-bottom: 0;
  max-width: 5.625em;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

.row > [class*='coffee-span-'] .html-element.html-element-about-1 {
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  max-width: 750px;
  background-color: transparent;

  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
}

div.responsive-picture.picture-1 {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 60px;
  min-width: 7auto;
  max-width: 700px;
  width: 50%;
}

.row > [class*='coffee-span-'] .html-element.html-element-about-2 {
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  display: table-cell;
  -ms-flex-order: 0;
  float: left;
  margin-top: .625em;
  margin-right: 0;
  margin-left: 0;
  min-width: .625em;
  width: 100%;
  vertical-align: middle;

  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
     -moz-box-ordinal-group: 1;
          order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.row > [class*='coffee-span-'] .html-element.html-element-video-1 {
  position: absolute;
  z-index: auto;
  display: block;
  min-height: 600px;
  width: 100%;
  -webkit-filter: grayscale(.3);
          filter: grayscale(.3);
}

.row > [class*='coffee-span-'] .html-element.html-element-champion-1 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  max-width: 400px;
  text-align: center;
}

div.responsive-picture.picture-community-1 {
  margin-top: 0;
  margin-bottom: 20px;
  max-width: none;
}

div.responsive-picture.picture-2 {
  max-width: 750px;
}

.row > [class*='coffee-span-'] .html-element.html-element-1 {
  margin-bottom: 0;
}

.row > [class*='coffee-span-'] .html-element.html-element-subnav-1 {
  display: inline-block;
  float: right;
  margin: 0 auto;
  min-height: 0;
  width: auto;
  vertical-align: middle;
}

div.responsive-picture.picture-careers-1 {
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 750px;
  width: 100%;
}

li.list-item a.list-item-text-orange-1 {
  color: #feab29;
}

div.responsive-picture.picture-seafreight-2 {
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 750px;
  width: 100%;
}

li.list-item.list-item-black-18-1 {
  color: #141414;
  font-weight: 300;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

.row > [class*='coffee-span-'] .html-element.html-element-maintext-1 {
  position: relative;
  top: 0;
  bottom: 0;
  display: block;
  -ms-flex-order: 1;
  float: none;
  overflow: hidden;
  min-width: 50px;
  min-height: 360px;
  max-height: none;
  width: auto;
  background-color: rgba(255, 228, 30, .85);
  vertical-align: middle;
  text-align: center;

  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
}

div.responsive-picture.picture-seafreight-3 {
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 750px;
  width: 100%;
}

a.responsive-picture.picture-link-adobe-1 {
  float: none;
  margin-top: 40px;
  margin-right: 40px;
  margin-bottom: 40px;
  max-width: 158px;
  width: 100%;
}

.row > [class*='coffee-span-'] .html-element.html-element-schedules-1 {
  margin-top: 0;
  margin-bottom: -10px;
  padding-top: 0;
  width: 100%;
}

.row > [class*='coffee-span-'] .html-element.html-element-cc-1 {
  margin-top: 50px;
}

.row > [class*='coffee-span-'] .html-element.html-element-subnav-2 {
  display: inline-block;
  float: right;
  margin: 0 auto;
  min-height: 0;
  width: auto;
  vertical-align: middle;
}

div.responsive-picture.picture-article-1 {
  margin: 0;
  max-width: 750px;
  border: .0625em solid #e8e8e8;
}

.row > [class*='coffee-span-'] .html-element.html-element-2 {
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 600px;
}

.row > [class*='coffee-span-'] .html-element.html-element-youtube-1 {
  position: relative;
}

.row > [class*='coffee-span-'] .html-element.html-element-3 {
  margin-right: 0;
  margin-left: 0;
  width: auto;
}

li.list-item.list-item-black-18-2 {
  margin-bottom: 15px;
  color: #141414;
  font-weight: 300;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}

a.responsive-picture.picture-scouts-1 {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  max-width: 250px;
}

div.responsive-picture.picture-paying-1 {
  margin: 0 auto -12px auto;
  max-width: 25px;
}

div.responsive-picture.picture-payment-1 {
  margin: -15px auto 15px auto;
  max-width: 100px;
}

div.responsive-picture.picture-notice-1 {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 8px;
  max-width: 28px;
}

.row > [class*='coffee-span-'] > .container.container-tile-1:hover {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

a.responsive-picture.picture-link-arrow-1:hover {
  background-color: transparent;
  opacity: .85;
}

a.responsive-picture.picture-link-resources-1:hover {
  -webkit-filter: hue-rotate(-10deg) invert(0) grayscale(0) contrast(1) brightness(1) saturate(1) sepia(0);
          filter: hue-rotate(-10deg) invert(0) grayscale(0) contrast(1) brightness(1) saturate(1) sepia(0);
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.responsive-picture.picture-link-img-1:hover {
  -webkit-filter: hue-rotate(-10deg) invert(0) grayscale(0) contrast(1) brightness(1) saturate(1) sepia(0);
          filter: hue-rotate(-10deg) invert(0) grayscale(0) contrast(1) brightness(1) saturate(1) sepia(0);
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

li.list-item a.list-item-text-orange-1:hover {
  text-decoration: underline;
}

@media screen and (max-width: 93.75em) {
  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-title-1 {
    background-color: transparent;
  }

  body > .row > [class*='coffee-span-'].column-title-2 {
    background-color: transparent;
  }

  body > .row.row-video-1 {
    height: 550px;
  }

  body > .row > [class*='coffee-span-'].column-video-1 {
    height: 550px;
  }

  body > .row > [class*='coffee-span-'].column-banner-1 {
    height: 400px;
  }

  body > .row.row-banner-1 {
    background-position: center 55%;
  }

  body > .row > [class*='coffee-span-'].column-banner-2 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-seafreight-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-airfreight-1 {
    height: 400px;
  }

  body > .row.row-airfreight-1 {
    background-position: center 15%;
  }

  body > .row > [class*='coffee-span-'].column-landfreight-1 {
    height: 400px;
  }

  body > .row.row-customs-1 {
    background-position: center bottom;
    background-size: cover;
  }

  body > .row > [class*='coffee-span-'].column-customs-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-documentation-1 {
    height: 400px;
  }

  body > .row.row-documentation-1 {
    background-position: center 75%;
  }

  body > .row > [class*='coffee-span-'].column-warehousing-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-projectfreight-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-packing-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-consulation-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-schedules-1 {
    height: 400px;
  }

  body > .row.row-schedules-1 {
    background-position: center 35%;
  }

  body > .row > [class*='coffee-span-'].column-reports-1 {
    height: 400px;
  }

  body > .row.row-white-1 {
    background-position: center 35%;
  }

  body > .row.row-subnav-2 {
    background-position: center 35%;
  }

  body > .row > [class*='coffee-span-'].column-containers-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-news-1 {
    height: 400px;
  }

  body > .row.row-news-1 {
    background-position: center 18%;
  }

  body > .row > [class*='coffee-span-'].column-article-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-trees-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-contact-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-bol-1 {
    height: 400px;
  }

  body > .row.row-bol-1 {
    background-position: center 40%;
  }

  body > .row > [class*='coffee-span-'].column-tipping-1 {
    height: 400px;
  }

  body > .row > [class*='coffee-span-'].column-knowledge-1 {
    height: 400px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-1 {
    padding-top: 1.25em;
    padding-right: .9375em;
    padding-left: .9375em;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-2 {
    padding-top: 1.25em;
    padding-right: .9375em;
    padding-left: .9375em;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-3 {
    padding-top: 1.25em;
    padding-right: .9375em;
    padding-left: .9375em;
  }

  .subgrid > .row.subgrid-row-yellow-2 {
    max-width: none;
  }

  .subgrid > .row.subgrid-row-yellow-1 {
    max-width: none;
  }

  .container.container-boxes-1 {
    min-height: 400px;
    height: 400px;
  }

  .container.container-boxes-7 {
    min-height: 400px;
    height: 400px;
  }

  .container.container-grid-12 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-13 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-14 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-8 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-9 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-10 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-11 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-7 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-6 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-5 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-champion-1 {
    min-height: 400px;
    height: 400px;
  }

  .container.container-seafreight-2 {
    width: 50%;
  }

  .container.container-maintext-3 {
    min-height: 320px;
  }

  .container.container-home-6a {
    min-height: 280px;
    max-height: 280px;
  }

  .container.container-airfreight-1 {
    width: 50%;
  }

  .container.container-maintext-8 {
    min-height: 320px;
  }

  .container.container-landfreight-1 {
    min-height: 320px;
  }

  .container.container-seafreight-7 {
    min-height: 320px;
  }

  .container.container-documentation-3 {
    min-height: 320px;
  }

  .container.container-warehousing-3 {
    min-height: 320px;
  }

  .container.container-projectfreight-3 {
    min-height: 320px;
  }

  .container.container-packing-1 {
    min-height: 320px;
  }

  .container.container-consultation-1 {
    min-height: 320px;
  }

  .container.container-schedules-1 {
    min-height: 320px;
  }

  .container.container-about-8 {
    min-height: 280px;
    max-height: 280px;
  }

  .container.container-bol-1 {
    min-height: 320px;
  }

  .container.container-tips-3 {
    min-height: 320px;
  }

.container-knowledge-1, .container-knowledge-2, .container-knowledge-3, .container-knowledge-4, .container-knowledge-5, .container-knowledge-6, .container-knowledge-7, .container-knowledge-8, .container-knowledge-9, .container-knowledge-10, .container-knowledge-11, .container-knowledge-12, .container-knowledge-13, .container-knowledge-14, .container-knowledge-15 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-15 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-boxes-1:hover {
    padding-right: 3%;
    padding-left: 3%;
  }

  .container.container-boxes-7:hover {
    padding-right: 3%;
    padding-left: 3%;
  }

  .row > [class*='coffee-span-'] > .container.container-title-1 {
    right: 0;
    margin-right: 5%;
    margin-bottom: 6.25em;
    max-width: 35.625em;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-home-4 {
    min-height: 17.5em;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-grid-3 {
    min-height: 300px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-grid-4 {
    min-height: 300px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-grid-2 {
    min-height: 300px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-video-1 {
    min-height: 550px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-maintext-1 {
    min-height: 320px;
  }
}

@media screen and (max-width: 78.75em) {
  /* Text Elements */

  p.paragraph.paragraph-home-1 {
    margin-top: 0;
  }

  p.paragraph.paragraph-services-1 {
    margin-top: 0;
  }

  p.paragraph.paragraph-resources-1 {
    margin-top: 0;
  }

  /* Interaction Elements */

  a.link-button.button-link-nav-7 {
    display: none;
  }

  input[type=text].search-1 {
    margin-top: 5.2em;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-title-1 {
    background-color: rgba(0, 0, 0, .3);
  }

  body > .row.row-home-1 {
    margin-top: 6.25em;
    margin-bottom: 6.25em;
    width: 80%;
  }

  body > .row > [class*='coffee-span-'].column-img-1 {
    padding-bottom: 0;
  }

  body > .row > [class*='coffee-span-'].column-title-2 {
    background-color: transparent;
  }

  body > .row > [class*='coffee-span-'].column-services-4 {
    padding-bottom: 0;
  }

  body > .row > [class*='coffee-span-'].column-grid-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: center;
    clear: both;
    -ms-flex-align: stretch;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
            align-items: stretch;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  body > .row > [class*='coffee-span-'].column-grid-2 {
    padding-bottom: 0;
  }

  body > .row > [class*='coffee-span-'].column-grid-1 {
    padding-bottom: 0;
  }

  body > .row > [class*='coffee-span-'].column-img-2 {
    padding-bottom: 0;
  }

  body > .row.row-about-5 {
    margin-top: 6.25em;
    margin-bottom: 6.25em;
  }

  body > .row > [class*='coffee-span-'].column-about-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 0;
    padding-left: 0;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
  }

  body > .row.row-video-1 {
    height: 500px;
  }

  body > .row > [class*='coffee-span-'].column-video-1 {
    height: 500px;
  }

  body > .row > [class*='coffee-span-'].column-banner-1 {
    margin-top: 83px;
  }

  body > .row.row-banner-1 {
    background-position: center 85%;
  }

  body > .row.row-community-1 {
    margin-top: 6.25em;
    margin-bottom: 6.25em;
    width: 80%;
  }

  body > .row > [class*='coffee-span-'].column-community-1 {
    display: block;
    height: auto;
  }

  body > .row > [class*='coffee-span-'].column-community-3 {
    padding-bottom: 14px;
  }

  body > .row > [class*='coffee-span-'].column-community-4 {
    padding-bottom: 14px;
  }

  body > .row > [class*='coffee-span-'].column-community-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: center;
    clear: both;
    -ms-flex-align: start;
    padding-top: 14px;
    padding-right: 0;
    padding-left: 0;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start;
  }

  body > .row > [class*='coffee-span-'].column-banner-2 {
    margin-top: 83px;
  }

  body > .row.row-careers-1 {
    margin-top: 6.25em;
    margin-bottom: 6.25em;
    width: 80%;
  }

  body > .row > [class*='coffee-span-'].column-careers-1 {
    display: block;
    height: auto;
  }

  body > .row > [class*='coffee-span-'].column-seafreight-1 {
    margin-top: 83px;
  }

  body > .row.row-maintext-1 {
    margin-top: 6.25em;
    margin-bottom: 6.25em;
  }

  body > .row > [class*='coffee-span-'].column-maintext-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    float: right;
    height: auto;
  }

  body > .row > [class*='coffee-span-'].column-airfreight-1 {
    margin-top: 83px;
  }

  body > .row.row-landfreight-1 {
    background-position: center 86%;
  }

  body > .row > [class*='coffee-span-'].column-landfreight-1 {
    margin-top: 83px;
  }

  body > .row > [class*='coffee-span-'].column-customs-1 {
    margin-top: 83px;
  }

  body > .row > [class*='coffee-span-'].column-documentation-1 {
    margin-top: 83px;
  }

  body > .row.row-documentation-1 {
    background-position: center 85%;
  }

  body > .row > [class*='coffee-span-'].column-warehousing-1 {
    margin-top: 83px;
  }

  body > .row > [class*='coffee-span-'].column-projectfreight-1 {
    margin-top: 83px;
  }

  body > .row > [class*='coffee-span-'].column-packing-1 {
    margin-top: 83px;
  }

  body > .row > [class*='coffee-span-'].column-consulation-1 {
    margin-top: 83px;
  }

  body > .row.row-consultation-1 {
    background-position: center 40%;
  }

  body > .row > [class*='coffee-span-'].column-home-1 {
    display: block;
    height: auto;
  }

  body > .row > [class*='coffee-span-'].column-schedules-1 {
    margin-top: 83px;
  }

  body > .row.row-schedules-1 {
    background-position: center 30%;
  }

  body > .row > [class*='coffee-span-'].column-reports-1 {
    margin-top: 83px;
  }

  body > .row.row-white-1 {
    background-position: center 30%;
  }

  body > .row > [class*='coffee-span-'].column-white-1 {
    margin-top: 82px;
  }

  body > .row.row-subnav-2 {
    background-position: center 30%;
  }

  body > .row > [class*='coffee-span-'].column-subnav-2 {
    margin-top: 82px;
  }

  body > .row > [class*='coffee-span-'].column-containers-1 {
    margin-top: 83px;
  }

  body > .row > [class*='coffee-span-'].column-news-1 {
    margin-top: 83px;
  }

  body > .row > [class*='coffee-span-'].column-article-1 {
    margin-top: 83px;
  }

  body > .row > [class*='coffee-span-'].column-trees-1 {
    margin-top: 83px;
  }

  body > .row.row-contact-1 {
    margin-top: 6.25em;
    margin-bottom: 6.25em;
    width: 80%;
  }

  body > .row > [class*='coffee-span-'].column-contact-1 {
    margin-top: 83px;
  }

  body > .row > [class*='coffee-span-'].column-bol-1 {
    margin-top: 83px;
  }

  body > .row.row-bol-1 {
    background-position: center 31%;
  }

  body > .row > [class*='coffee-span-'].column-tipping-1 {
    margin-top: 83px;
  }

  body > .row > [class*='coffee-span-'].column-knowledge-1 {
    margin-top: 83px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-nav-2 {
    margin-top: 1.25em;
  }

  .subgrid > .row.subgrid-row-img-1 {
    display: block;
    max-width: 800px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-img-1 {
    display: block;
    padding-right: 0;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-img-2 {
    display: block;
    padding-left: .5em;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-1 {
    padding-right: .625em;
    padding-left: .625em;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-2 {
    padding-right: .625em;
    padding-left: .625em;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-3 {
    padding-right: .625em;
    padding-left: .625em;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-tile-1 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-yellow-2 {
    float: none;
  }

  .subgrid > .row.subgrid-row-services-1 {
    display: table;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-services-1 {
    display: table-cell;
    padding-right: 0;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-services-2 {
    display: table-cell;
    padding-right: 50px;
    padding-left: .5em;
  }

  .subgrid.subgrid-services-1 {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-resources-2 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .subgrid > .row.subgrid-row-resources-2 {
    max-width: 1000px;
  }

  .subgrid > .row.subgrid-row-services-3 {
    max-width: 1000px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-services-4 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-trees-2 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .container.container-boxes-1 {
    min-height: 350px;
    height: 350px;

    -webkit-box-flex: 1;
    -webkit-flex: 1 40%;
       -moz-box-flex: 1;
        -ms-flex: 1 40%;
            flex: 1 40%;
  }

  .container.container-boxes-7 {
    display: none;
    min-height: 350px;
    height: 350px;

    -webkit-box-flex: 1;
    -webkit-flex: 1 40%;
       -moz-box-flex: 1;
        -ms-flex: 1 40%;
            flex: 1 40%;
  }

  .container.container-grid-3 {
    margin-top: 14px;
    margin-right: 7px;
    margin-left: 7px;

    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
            align-self: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 45%;
       -moz-box-flex: 1;
        -ms-flex: 1 45%;
            flex: 1 45%;
  }

  .container.container-grid-4 {
    margin-top: 14px;
    margin-right: 7px;
    margin-left: 7px;

    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
            align-self: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 45%;
       -moz-box-flex: 1;
        -ms-flex: 1 45%;
            flex: 1 45%;
  }

  .container.container-grid-14 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-grid-13 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-grid-12 {
    min-height: 300px;
    max-height: 300px;
  }

  .container.container-resources-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 30%;
       -moz-box-flex: 1;
        -ms-flex: 1 30%;
            flex: 1 30%;
  }

  .container.column-resources-2 {
    max-width: 800px;
  }

  .container.container-services-8 {
    max-width: 800px;
  }

  .container.container-services-9 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 30%;
       -moz-box-flex: 1;
        -ms-flex: 1 30%;
            flex: 1 30%;
  }

  .container.container-home-1 {
    float: none;
    padding-right: 0;
    width: 100%;
    text-align: center;
  }

  .container.container-home-2 {
    position: static;
    -ms-flex-order: 2;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    width: 100%;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
  }

  .container.container-about-5 {
    -ms-flex-order: 1;
    float: none;
    padding-right: 4%;
    padding-left: 4%;
    max-width: 1000px;
    width: 100%;

    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
  }

  .container.container-champion-1 {
    min-height: 350px;
    height: 350px;

    -webkit-box-flex: 1;
    -webkit-flex: 1 40%;
       -moz-box-flex: 1;
        -ms-flex: 1 40%;
            flex: 1 40%;
  }

  .container.container-community-1 {
    float: none;
    padding-right: 0;
    width: 100%;
    text-align: center;
  }

  .container.container-community-2 {
    position: static;
    -ms-flex-order: 2;
    float: none;
    clear: both;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    padding-right: 0;
    max-width: 600px;
    width: 100%;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
  }

  .container.container-community-4 {
    margin-right: 7px;
    margin-left: 7px;
  }

  .container.container-careers-1 {
    float: none;
    padding-right: 0;
    width: 100%;
  }

  .container.container-careers-2 {
    position: static;
    -ms-flex-order: 2;
    float: none;
    clear: both;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    max-width: 600px;
    width: 100%;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
  }

  .container.container-careers-5 {
    float: none;
    padding-right: 0;
    width: 100%;
    text-align: center;
  }

  .container.container-careers-6 {
    position: static;
    -ms-flex-order: 2;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    width: 100%;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
  }

  .container.container-seafreight-5 {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .container.container-seafreight-6 {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .container.container-maintext-1 {
    -ms-flex-order: 1;
    float: none;
    padding-right: 0;
    padding-left: 0;
    max-width: none;
    width: 100%;

    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
  }

  .container.container-maintext-2 {
    float: right;
    padding-right: 0;
    padding-left: 40px;
    width: 58%;
  }

  .container.container-tile-5a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 50%;
       -moz-box-flex: 2;
        -ms-flex: 2 50%;
            flex: 2 50%;
  }

  .container.container-maintext-4 {
    -ms-flex-order: 2;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
  }

  .container.container-maintext-3 {
    min-height: 260px;
  }

  .container.container-seafreight-3 {
    float: none;
    margin-top: 40px;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    text-align: center;
  }

  .container.container-home-6a {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-maintext-6 {
    -ms-flex-order: 1;
    float: none;
    padding-right: 0;
    padding-left: 0;
    max-width: none;
    width: 100%;

    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
  }

  .container.container-maintext-7 {
    float: right;
    padding-right: 40px;
    width: 58%;
  }

  .container.container-maintext-8 {
    min-height: 260px;
  }

  .container.container-landfreight-1 {
    min-height: 260px;
  }

  .container.container-tile-4a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 50%;
       -moz-box-flex: 2;
        -ms-flex: 2 50%;
            flex: 2 50%;
  }

  .container.container-tile-3a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 50%;
       -moz-box-flex: 2;
        -ms-flex: 2 50%;
            flex: 2 50%;
  }

  .container.container-tile-2a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 50%;
       -moz-box-flex: 2;
        -ms-flex: 2 50%;
            flex: 2 50%;
  }

  .container.container-tile-6a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 50%;
       -moz-box-flex: 2;
        -ms-flex: 2 50%;
            flex: 2 50%;
  }

  .container.container-tile-7a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 50%;
       -moz-box-flex: 2;
        -ms-flex: 2 50%;
            flex: 2 50%;
  }

  .container.container-tile-8a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 50%;
       -moz-box-flex: 2;
        -ms-flex: 2 50%;
            flex: 2 50%;
  }

  .container.container-seafreight-7 {
    min-height: 260px;
  }

  .container.container-documentation-3 {
    min-height: 260px;
  }

  .container.container-warehousing-3 {
    min-height: 260px;
  }

  .container.container-projectfreight-3 {
    min-height: 260px;
  }

  .container.container-packing-1 {
    min-height: 260px;
  }

  .container.container-consultation-1 {
    min-height: 260px;
  }

  .container.container-schedules-1 {
    min-height: 260px;
  }

  .container.container-news-1 {
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    max-width: 700px;
    width: 100%;
  }

  .container.container-article-1 {
    position: static;
    -ms-flex-order: 2;
    float: none;
    clear: both;
    margin: 40px auto 0;
    padding-right: 0;
    max-width: 650px;
    width: 100%;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
  }

  .container.container-article-3 {
    margin-right: auto;
    margin-left: auto;
  }

  .container.container-trees-2 {
    max-width: 800px;
  }

  .container.container-trees-3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 30%;
       -moz-box-flex: 1;
        -ms-flex: 1 30%;
            flex: 1 30%;
  }

  .container.container-about-8 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-contact-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-align: start;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
    width: 100%;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
  }

  .container.container-contact-3 {
    float: none;
    margin-right: 2.5%;
    width: 47.5%;
  }

  .container.container-glossary-1 {
    margin-left: 0;
  }

  .container.container-bol-1 {
    min-height: 260px;
  }

  .container.container-tips-3 {
    min-height: 260px;
  }

  .container.container-grid-15 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-reports-2 {
    float: right;
    padding-right: 0;
    padding-left: 0;
    max-width: none;
    width: 100%;
  }

  .container.container-notice-1 {
    margin-top: 105px;
  }

  .container.container-tile-5a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 50%;
       -moz-box-flex: 3;
        -ms-flex: 3 50%;
            flex: 3 50%;
  }

  .container.container-tile-4a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 50%;
       -moz-box-flex: 3;
        -ms-flex: 3 50%;
            flex: 3 50%;
  }

  .container.container-tile-3a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 50%;
       -moz-box-flex: 3;
        -ms-flex: 3 50%;
            flex: 3 50%;
  }

  .container.container-tile-2a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 50%;
       -moz-box-flex: 3;
        -ms-flex: 3 50%;
            flex: 3 50%;
  }

  .container.container-tile-6a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 50%;
       -moz-box-flex: 3;
        -ms-flex: 3 50%;
            flex: 3 50%;
  }

  .container.container-tile-7a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 50%;
       -moz-box-flex: 3;
        -ms-flex: 3 50%;
            flex: 3 50%;
  }

  .container.container-tile-8a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 50%;
       -moz-box-flex: 3;
        -ms-flex: 3 50%;
            flex: 3 50%;
  }

  a.responsive-picture.picture-link-nav-5 {
    display: block;
  }

  a.responsive-picture.picture-link-nav-1 {
    display: none;
  }

  .row > [class*='coffee-span-'] > .container.container-home-1 {
    padding-right: 0;
    width: 100%;
  }

  a.responsive-picture.picture-link-nav-6 {
    display: none;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-home-4 {
    min-height: 260px;
  }

  .row > [class*='coffee-span-'] > .container.container-tile-1 {
    min-width: .625em;

    -webkit-box-flex: 2;
    -webkit-flex: 2 50%;
       -moz-box-flex: 2;
        -ms-flex: 2 50%;
            flex: 2 50%;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-grid-4 {
    min-height: 260px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-grid-3 {
    min-height: 260px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-home-1 {
    margin-top: 40px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-about-2 {
    margin-top: 2.5em;
    margin-bottom: 0;
    min-width: 10px;
    max-width: none;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-video-1 {
    min-height: 500px;
  }

  div.responsive-picture.picture-careers-1 {
    padding-top: 40px;
  }

  div.responsive-picture.picture-2 {
    margin-top: 7px;
    margin-bottom: 7px;
  }

  div.responsive-picture.picture-seafreight-2 {
    padding-top: 40px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-maintext-1 {
    min-height: 260px;
  }

  div.responsive-picture.picture-seafreight-3 {
    padding-top: 0;
  }

  div.responsive-picture.picture-article-1 {
    margin-right: auto;
    margin-left: auto;
  }

  a.responsive-picture.picture-scouts-1 {
    margin-right: auto;
    margin-left: auto;
  }

  .row > [class*='coffee-span-'] > .container.container-tile-1:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 50%;
       -moz-box-flex: 3;
        -ms-flex: 3 50%;
            flex: 3 50%;
  }
}

@media screen and (max-width: 59.375em) {
  /* Text Elements */

  h1.heading-white-46-1 {
    text-align: center;
  }

  h1.heading-white-46-2 {
    text-align: center;
  }

  h1.heading-black-40-2 {
    color: #fff;
  }

  h1.heading-black-46-1 {
    color: #fff;
    text-align: center;
  }

  h1.heading-black-46-2 {
    text-align: center;
  }

  h2.heading-black-40-1 {
    text-align: center;
  }

  h2.heading-black-34-1 {
    font-size: 26px;
  }

  h2.heading-black-30-1 {
    font-size: 26px;
  }

  h2.heading-black-26-1 {
    font-size: 26px;
  }

  h2.heading-white-30-1 {
    font-size: 26px;
  }

  h3.heading-black-40-1 {
    text-align: center;
  }

  h3.heading-black-30-1 {
    font-size: 26px;
  }

  h3.heading-black-30-2 {
    text-align: center;
  }

  h3.heading-black-24-1 {
    font-size: 22px;
  }

  h4.heading-about-1 {
    text-align: center;
  }

  h4.heading-seafreight-1 {
    text-align: center;
  }

  h4.heading-white-40-1 {
    text-align: center;
  }

  h4.heading-black-30-1 {
    text-align: center;
  }

  h4.heading-black-18-1 {
    text-align: center;
  }

  h4.heading-white-40-2 {
    text-align: center;
  }

  h4.heading-black-24-1 {
    text-align: center;
    font-size: 22px;
  }

  h5.heading-home-1 {
    text-align: center;
  }

  h5.heading-black-40-1 {
    text-align: center;
  }

  h5.heading-white-40-1 {
    text-align: center;
  }

  h6.heading-home-2 {
    text-align: center;
  }

  h6.heading-black-40-1 {
    text-align: center;
  }

  p.paragraph.paragraph-img-1 {
    text-align: center;
  }

  p.paragraph.paragraph-careers-2 {
    text-align: center;
  }

  p.paragraph.paragraph-seafreight-2 {
    text-align: center;
  }

  p.paragraph.paragraph-white-22-1 {
    text-align: center;
  }

  p.paragraph.paragraph-white-18-1 {
    text-align: center;
  }

  p.paragraph.paragraph-white-22-2 {
    text-align: center;
  }

  p.paragraph.paragraph-white-20-1 {
    text-align: center;
  }

  p.paragraph.paragraph-black-20-1 {
    text-align: center;
  }

  p.paragraph.paragraph-black-22-1 {
    color: #fff;
    text-align: center;
  }

  p.paragraph.paragraph-black-22-2 {
    text-align: center;
  }

  p.paragraph.paragraph-grey-16-1 {
    text-align: center;
  }

  p.paragraph.paragraph-white-20-2 {
    text-align: center;
  }

  p.paragraph.paragraph-contact-20-1 {
    text-align: center;
  }

  p.paragraph.paragraph-black-24-2 {
    text-align: center;
  }

  p.paragraph.paragraph-black-20-2 {
    text-align: center;
  }

  ul.unorder-list.unordered-list-1 {
    position: relative;
    display: inline-block;
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: auto;
  }

  ol.order-list.ordered-list-1 {
    position: static;
    margin-right: auto;
    margin-left: auto;
  }

  blockquote.blockquote-title-1 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    max-width: none;
    width: auto;
    text-align: center;
  }

  /* Interaction Elements */

  a.link-button.button-link-footer-2 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  a.link-button.button-link-orange-1 {
    margin-right: auto;
    margin-left: auto;
  }

  a.link-button.button-link-orange-2 {
    margin-right: auto;
    margin-left: auto;
  }

  a.link-button.button-link-sitemap-1 {
    display: block;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  a.link-button.button-link-footer-2:hover {
    padding-left: 0;
  }

  a.link-button.button-link-sitemap-1:hover {
    padding-left: 0;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-home-2 {
    position: static;
    display: block;
    float: left;
    text-align: center;
  }

  body > .row.row-home-4 {
    margin-top: 5.625em;
  }

  body > .row > [class*='coffee-span-'].column-title-1 {
    background-color: rgba(0, 0, 0, .3);
  }

  body > .row > [class*='coffee-span-'].column-services-1 {
    display: block;
  }

  body > .row > [class*='coffee-span-'].column-services-2 {
    display: block;
    margin-top: 40px;
  }

  body > .row.row-services-1 {
    display: block;
    margin-top: 5.625em;
    margin-bottom: 5.625em;
  }

  body > .row > [class*='coffee-span-'].column-title-2 {
    background-color: transparent;
  }

  body > .row > [class*='coffee-span-'].column-grid-3 {
    padding-top: 0;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  body > .row.row-resources-1 {
    display: block;
    margin-top: 90px;
    margin-bottom: 90px;
  }

  body > .row > [class*='coffee-span-'].column-resources-1 {
    display: block;
  }

  body > .row.row-services-4 {
    display: block;
    margin-top: 90px;
    margin-bottom: 90px;
  }

  body > .row > [class*='coffee-span-'].column-services-5 {
    display: block;
  }

  body > .row > [class*='coffee-span-'].column-about-4 {
    display: block;
  }

  body > .row.row-about-5 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  body > .row.row-home-1 {
    width: 92%;
  }

  body > .row > [class*='coffee-span-'].column-banner-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .4);
  }

  body > .row.row-banner-1 {
    background-position: center 70%;
  }

  body > .row.row-community-1 {
    width: 92%;
  }


  body > .row > [class*='coffee-span-'].column-banner-2 {
    height: auto;
  }

  body > .row.row-careers-1 {
    width: 92%;
  }

  body > .row.row-seafreight-1 {
    background-position: center 70%;
  }

  body > .row > [class*='coffee-span-'].column-seafreight-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .4);
  }

  body > .row.row-maintext-1 {
    width: 92%;
  }

  body > .row.row-airfreight-1 {
    background-position: center top;
    background-size: cover;
  }

  body > .row > [class*='coffee-span-'].column-airfreight-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .4);
  }

  body > .row.row-landfreight-1 {
    background-position: right bottom;
  }

  body > .row > [class*='coffee-span-'].column-landfreight-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .4);
  }

  body > .row.row-customs-1 {
    background-position: center bottom;
    background-size: cover;
  }

  body > .row > [class*='coffee-span-'].column-customs-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .4);
  }

  body > .row.row-customs-2 {
    background-position: 85% bottom;
  }

  body > .row.row-documentation-1 {
    background-position: center center;
  }

  body > .row > [class*='coffee-span-'].column-documentation-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .4);
  }

  body > .row.row-warehousing-1 {
    background-size: cover;
  }

  body > .row > [class*='coffee-span-'].column-warehousing-1 {
    height: auto;
  }

  body > .row > [class*='coffee-span-'].column-projectfreight-1 {
    height: auto;
  }

  body > .row.row-packing-1 {
    background-size: cover;
  }

  body > .row > [class*='coffee-span-'].column-packing-1 {
    height: auto;
  }

  body > .row > [class*='coffee-span-'].column-consulation-1 {
    height: auto;
  }

  body > .row.row-consultation-1 {
    background-position: center center;
  }

  body > .row.row-consultation-3 {
    width: 92%;
  }

  body > .row > [class*='coffee-span-'].column-consultation-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
  }

  body > .row.row-schedules-1 {
    background-size: cover;
  }

  body > .row > [class*='coffee-span-'].column-schedules-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .4);
  }

  body > .row > [class*='coffee-span-'].column-reports-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .4);
  }

  body > .row.row-white-1 {
    background-size: cover;
  }

  body > .row.row-subnav-2 {
    background-size: cover;
  }

  body > .row.row-containers-1 {
    background-size: cover;
  }

  body > .row > [class*='coffee-span-'].column-containers-1 {
    height: auto;
  }

  body > .row > [class*='coffee-span-'].column-news-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .5);
  }

  body > .row.row-news-1 {
    background-image: url('https://www.championfreight.co.nz/uploads/ship_15_2000.jpg');
    background-position: center top;
  }

  body > .row > [class*='coffee-span-'].column-article-1 {
    height: auto;
  }

  body > .row > [class*='coffee-span-'].column-trees-1 {
    height: auto;
  }

  body > .row.row-trees-2 {
    display: block;
  }

  body > .row > [class*='coffee-span-'].column-trees-2 {
    display: block;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  body > .row.row-champion-4 {
    margin-top: 5.625em;
  }

  body > .row > [class*='coffee-span-'].column-champion-4 {
    position: static;
    display: block;
    float: left;
    text-align: center;
  }

  body > .row.row-contact-1 {
    width: 92%;
  }

  body > .row > [class*='coffee-span-'].column-contact-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .5);
  }

  body > .row.row-contact-2 {
    background-position: center center;
  }

  body > .row.row-bol-1 {
    background-position: right center;
  }

  body > .row > [class*='coffee-span-'].column-bol-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .4);
  }

  body > .row.row-tipping-01 {
    background-size: cover;
  }

  body > .row > [class*='coffee-span-'].column-tipping-1 {
    height: auto;
    background-color: rgba(0, 0, 0, .3);
  }

  body > .row > [class*='coffee-span-'].column-knowledge-1 {
    height: auto;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-3 {
    display: none;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-2 {
    padding-right: 0;
    padding-left: .625em;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-1 {
    padding-right: .625em;
    padding-left: 0;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-footer-5 {
    text-align: left;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-footer-6 {
    padding-top: 1.875em;
  }

  .subgrid > .row.subgrid-row-footer-3 {
    margin-bottom: 5em;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-services-2 {
    display: block;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-services-1 {
    display: block;
    margin-top: 80px;
    min-height: 50px;
  }

  .subgrid > .row.subgrid-row-services-1 {
    display: block;
  }

  .subgrid > .row.subgrid-row-img-1 {
    max-width: 600px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-img-1 {
    text-align: center;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-about-1 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .container.container-services-1 {
    text-align: center;
  }

  .container.container-boxes-1 {
    min-height: 380px;
    height: 380px;
  }

  .container.container-boxes-7 {
    min-height: 380px;
    height: 380px;
  }

  .container.container-services-4 {
    float: none;
    max-width: 500px;
  }

  .container.container-grid-3 {
    margin-right: 7px;
    margin-bottom: 14px;

    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
            align-self: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 45%;
       -moz-box-flex: 1;
        -ms-flex: 1 45%;
            flex: 1 45%;
  }

  .container.container-grid-4 {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
            align-self: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 45%;
       -moz-box-flex: 1;
        -ms-flex: 1 45%;
            flex: 1 45%;
  }

  .container.container-grid-12 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-grid-11 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-grid-10 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-grid-9 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-grid-8 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-grid-5 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-grid-6 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-grid-7 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.column-resources-2 {
    text-align: center;
  }

  .container.container-services-8 {
    text-align: center;
  }

  .container.container-about-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }

  .container.container-about-4 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }

  .container.container-about-5 {
    width: 100%;
    text-align: center;
  }

  .container.container-home-2 {
    width: 100%;
  }

  .container.container-champion-1 {
    min-height: 380px;
    height: 380px;
  }

  .container.container-about-6 {
    clear: both;
    width: 100%;
    text-align: center;
  }

  .container.container-community-2 {
    width: 100%;
  }

  .container.container-header-1 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .container.container-community-1 {
    text-align: center;
  }

  .container.container-careers-1 {
    text-align: center;
  }

  .container.container-careers-2 {
    width: 100%;
  }

  .container.container-champion-3 {
    display: block;
    margin-top: 80px;
    margin-bottom: 80px;
    max-width: 1000px;
    text-align: center;
  }

  .container.container-seafreight-1 {
    display: block;
    margin-top: 80px;
    margin-bottom: 80px;
    max-width: 1000px;
    text-align: center;
  }

  .container.container-seafreight-2 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
    width: 100%;
  }

  .container.container-careers-6 {
    width: 100%;
  }

  .container.container-careers-5 {
    text-align: center;
  }

  .container.container-seafreight-5 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .container.container-seafreight-6 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .container.container-maintext-1 {
    text-align: center;
  }

  .container.container-maintext-2 {
    -ms-flex-order: 2;
    float: none;
    padding-left: 0;
    width: 100%;
    text-align: center;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }

  .container.container-maintext-4 {
    -ms-flex-order: 3;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 650px;
    width: 100%;
    text-align: center;

    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
            order: 3;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
            align-self: center;
  }

  .container.container-maintext-3 {
    min-height: 360px;
  }

  .container.container-seafreight-3 {
    text-align: center;
  }

  .container.container-airfreight-1 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
    width: 100%;
  }

  .container.container-maintext-5 {
    -ms-flex-order: 3;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 650px;
    width: 100%;
    text-align: center;

    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
            order: 3;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
            align-self: center;
  }

  .container.container-maintext-6 {
    text-align: center;
  }

  .container.container-maintext-7 {
    -ms-flex-order: 2;
    float: none;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    text-align: center;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }

  .container.container-maintext-8 {
    min-height: 360px;
  }

  .container.container-landfreight-1 {
    min-height: 360px;
  }

  .container.container-seafreight-7 {
    min-height: 360px;
  }

  .container.container-documentation-1 {
    display: block;
    margin-top: 80px;
    margin-bottom: 80px;
    max-width: 1000px;
    text-align: center;
  }

  .container.container-documentation-2 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }

  .container.container-warehousing-1 {
    display: block;
    margin-top: 80px;
    margin-bottom: 80px;
    max-width: 1000px;
    text-align: center;
  }

  .container.container-warehousing-2 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }

  .container.container-documentation-3 {
    min-height: 360px;
  }

  .container.container-warehousing-3 {
    min-height: 360px;
  }

  .container.container-projectfreight-1 {
    display: block;
    margin-top: 80px;
    margin-bottom: 80px;
    max-width: 1000px;
    text-align: center;
  }

  .container.container-projectfreight-2 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }

  .container.container-projectfreight-3 {
    min-height: 360px;
  }

  .container.container-packing-1 {
    min-height: 360px;
  }

  .container.container-consultation-1 {
    min-height: 360px;
  }

  .container.container-consultation-2 {
    -ms-flex-order: 2;
    width: 100%;
    text-align: center;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
  }

  .container.container-consultation-3 {
    -ms-flex-order: 1;
    margin-bottom: 7px;
    width: 100%;

    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
  }

  .container.container-schedules-1 {
    min-height: 360px;
  }

  .container.container-white-1 {
    text-align: center;
  }

  .container.container-article-2 {
    text-align: center;
  }

  .container.container-faqs-1 {
    text-align: center;
  }

  .container.container-glossary-3 {
    -ms-flex-pack: center;
    text-align: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-glossary-1 {
    margin-right: 1.25%;
    margin-left: 1.25%;
  }

  .container.container-quote-2 {
    text-align: center;
  }

  .container.container-sitemap-1 {
    -ms-flex-pack: center;
    text-align: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-sitemap-2 {
    width: 100%;
  }

  .container.container-sitemap-3 {
    width: 100%;
  }

  .container.container-trees-1 {
    text-align: center;
  }

  .container.container-trees-2 {
    text-align: center;
  }

  .container.container-champion-5 {
    margin-bottom: 30px;
    width: 100%;
  }

  .container.container-champion-4 {
    width: 100%;
  }

  .container.container-contact-3 {
    margin-right: 0;
    width: 100%;
    text-align: center;
  }

  .container.container-contact-4 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .container.container-contact-5 {
    width: 100%;
  }

  .container.container-contact-2 {
    display: block;
  }

  .container.container-news-5 {
    text-align: center;
  }

  .container.container-news-4 {
    text-align: center;
  }

  .container.container-bol-1 {
    min-height: 360px;
  }

  .container.container-tips-2 {
    -ms-flex-order: 3;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    max-width: 650px;
    width: 100%;
    text-align: center;

    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
            order: 3;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
            align-self: center;
  }

  .container.container-tips-3 {
    min-height: 360px;
  }

.container-knowledge-1, .container-knowledge-2, .container-knowledge-3, .container-knowledge-4, .container-knowledge-5, .container-knowledge-6, .container-knowledge-7, .container-knowledge-8, .container-knowledge-9, .container-knowledge-10, .container-knowledge-11, .container-knowledge-12, .container-knowledge-13, .container-knowledge-14, .container-knowledge-15 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-reports-2 {
    -ms-flex-order: 2;
    float: none;
    padding-left: 0;
    width: 100%;
    text-align: center;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }

  .container.container-subscribe-2 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .container.container-subscribe-1 {
    margin-right: 0;
    margin-bottom: 40px;
    max-width: 500px;
    width: 100%;
  }

  .container.container-subscribe-4 {
    margin-bottom: 0;
    margin-left: 0;
    max-width: 500px;
    width: 100%;
  }

  .container.container-subscribe-6 {
    text-align: center;
  }

  .container.container-boxes-1:hover {
    padding-top: 0;
    padding-right: 1%;
    padding-left: 1%;
  }

  .container.container-boxes-7:hover {
    padding-top: 0;
    padding-right: 1%;
    padding-left: 1%;
  }

  .container.container-about-3:hover {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }

  .container.container-about-4:hover {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-home-1 {
    margin-top: 2.5em;
  }

  .row > [class*='coffee-span-'] > .container.container-title-1 {
    margin-right: 6%;
    margin-left: 6%;
    max-width: none;
    text-align: center;
  }

  .row > [class*='coffee-span-'] > .container.container-home-4 {
    width: 100%;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-home-2 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    min-width: .625em;
    width: auto;
  }

  .row > [class*='coffee-span-'] > .container.container-home-3 {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  a.responsive-picture.picture-link-arrow-1 {
    margin-right: 2%;
    margin-bottom: 1.25em;
  }

  .row > [class*='coffee-span-'] > .container.container-tile-1 {
    min-width: .625em;
  }

  div.responsive-picture.picture-icon-1 {
    display: none;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-facebook-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .row > [class*='coffee-span-'] > .container.container-home-1 {
    display: block;
    float: none;
    text-align: center;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-facebook-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-grid-3 {
    min-height: 400px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-grid-2 {
    min-height: 260px;
  }

  a.responsive-picture.picture-link-img-1 {
    display: none;
  }

  div.responsive-picture.picture-1 {
    float: none;
    margin-right: auto;
    margin-bottom: 2.5em;
    margin-left: auto;
    padding-right: 0;
    max-width: 600px;
    width: 100%;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-subnav-1 {
    margin-right: 0;
    margin-left: 0;
  }

  li.list-item.list-item-black-18-1 {
    text-align: left;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-maintext-1 {
    min-height: 360px;
  }

  a.responsive-picture.picture-link-adobe-1 {
    margin-right: auto;
    margin-left: auto;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-cc-1 {
    margin-bottom: 40px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-subnav-2 {
    display: none;
    margin-right: auto;
    margin-left: auto;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-3 {
    margin-right: auto;
    margin-left: auto;
  }

  li.list-item.list-item-black-18-2 {
    text-align: left;
  }
}

@media screen and (max-width: 37.5em) {
  /* Text Elements */

  h1.heading-white-46-1 {
    display: block;
    color: #141414;
    font-size: 36px;
  }

  h1.heading-white-46-2 {
    display: block;
    color: #fff;
    font-size: 36px;
  }

  h1.heading-black-40-1 {
    font-size: 36px;
  }

  h1.heading-black-40-2 {
    font-size: 36px;
  }

  h1.heading-black-46-1 {
    display: block;
    color: #fff;
    font-size: 36px;
  }

  h1.heading-black-46-2 {
    display: block;
    font-size: 36px;
  }

  h2.heading-black-40-1 {
    font-size: 36px;
  }

  h2.heading-black-34-1 {
    text-align: center;
    font-size: 34px;
  }

  h2.heading-black-34-2 {
    text-align: center;
    font-size: 34px;
  }

  h3.heading-black-40-1 {
    font-size: 36px;
  }

  h3.heading-black-34-1 {
    font-size: 32px;
  }
  
  p.paragraph.paragraph-black-34-1 {
	font-size: 32px;  
  }

  h3.heading-white-40-1 {
    text-align: center;
    font-size: 36px;
  }

  h3.heading-black {
    font-size: 34px;
  }

  h3.heading-notice-1 {
    display: none;
  }

  h4.heading-home-2 {
    font-size: 1.625em;
  }

  h4.heading-seafreight-1 {
    color: #141414;
    font-size: 36px;
  }

  h4.heading-white-40-1 {
    font-size: 36px;
  }

  h4.heading-black-40-1 {
    font-size: 36px;
  }

  h4.heading-black-18-1 {
    text-transform: capitalize;
  }

  h4.heading-white-40-2 {
    color: #141414;
    font-size: 36px;
  }

  h5.heading-home-1 {
    font-size: 30px;
  }

  h5.heading-black-28-1 {
    border-left-style: none;
  }

  h5.heading-black-40-1 {
    font-size: 36px;
  }

  h5.heading-white-40-1 {
    font-size: 36px;
  }

  h5.heading-yellow-40-1 {
    font-size: 36px;
  }

  h5.heading-black-34-1 {
    border-left-style: none;
    font-size: 32px;
  }

  h6.heading-home-2 {
    display: none;
  }

  h6.heading-black-40-1 {
    display: block;
    font-size: 36px;
  }

  p.paragraph.paragraph-title-2 {
    display: none;
  }

  p.paragraph.paragraph-careers-2 {
    font-size: 18px;
  }

  p.paragraph.paragraph-seafreight-2 {
    color: #141414;
  }

  p.paragraph.paragraph-white-22-1 {
    display: block;
    color: #141414;
    font-size: 1.25em;
  }

  p.paragraph.paragraph-black-18-1 {
    font-size: 18px;
  }

  p.paragraph.paragraph-white-22-2 {
    display: block;
    color: #fff;
    font-size: 1.25em;
  }

  p.paragraph.paragraph-black-20-1 {
    display: block;
    color: #141414;
    font-size: 20px;
  }

  p.paragraph.paragraph-black-22-1 {
    display: block;
    color: #fff;
    font-size: 1.25em;
  }

  p.paragraph.paragraph-chart-1 {
    font-size: 14px;
  }

  p.paragraph.paragraph-black-22-2 {
    display: block;
    font-size: 1.25em;
  }

  p.paragraph.paragraph-faqs-18-1 {
    font-size: 18px;
  }

  p.paragraph.paragraph-white-20-2 {
    color: #141414;
  }

  p.paragraph.paragraph-contact-20-1 {
    font-size: 1.25em;
  }

  p.paragraph.paragraph-black-24-2 {
    display: block;
  }

  p.paragraph.paragraph-black-20-2 {
    display: block;
  }

  p.paragraph.paragraph-black-18-2 {
    font-size: 18px;
  }

  ul.unorder-list.unordered-list-1 {
    padding-left: 8%;
  }

  blockquote.blockquote-title-1 {
    font-size: 20px;
  }

  /* Interaction Elements */

  a.link-button.button-link-nav-1 {
    display: none;
  }

  a.link-button.button-link-footer-1 {
    display: block;
    padding-top: .8571428571428571em;
    padding-bottom: .8571428571428571em;
  }

  a.link-button.button-link-yellow-1 {
    padding-top: .8571428571428571em;
    padding-bottom: .8571428571428571em;
    min-width: 0;
    background-color: #ffe41e;
    color: #141414;
  }

  a.link-button.button-link-title-1 {
    padding-top: .8571428571428571em;
    padding-bottom: .8571428571428571em;
    min-width: 15.714285714285714em;
    background-color: #feab29;
    color: #141414;
  }

  a.link-button.button-link-title-2 {
    padding-top: .8571428571428571em;
    padding-bottom: .8571428571428571em;
    min-width: 15.714285714285714em;
    background-color: #feab29;
  }

  a.link-button.button-link-footer-2 {
    padding-top: .5882352941176471em;
    padding-bottom: .5882352941176471em;
  }

  a.link-button.button-link-nav-8 {
    display: block;
    float: none;
    color: #fff;
  }

  a.link-button.button-link-nav-9 {
    display: none;
  }

  a.link-button.button-link-nav-4 {
    display: block;
    float: none;
  }

  a.link-button.button-link-nav-2 {
    display: block;
    float: none;
  }

  a.link-button.button-link-nav-3 {
    display: block;
    float: none;
  }

  a.link-button.button-link-nav-5 {
    display: block;
    float: none;
  }

  a.link-button.button-link-orange-1 {
    padding-top: .8571428571428571em;
    padding-bottom: .8571428571428571em;
    min-width: 0;
    background-color: #ffe41e;
    color: #141414;
  }

  a.link-button.button-link-yellow-3 {
    padding-top: .8571428571428571em;
    padding-bottom: .8571428571428571em;
    min-width: 0;
    background-color: #ffe41e;
    color: #141414;
  }

  a.link-button.button-link-nav-11 {
    padding-left: 20px;
  }

  a.link-button.button-link-orange-2 {
    padding-top: .8571428571428571em;
    padding-bottom: .8571428571428571em;
    min-width: 0;
    color: #141414;
  }

  a.link-button.button-link-seafreight-1 {
    padding-top: .8571428571428571em;
    padding-bottom: .8571428571428571em;
    min-width: 0;
    background-color: #141414;
    color: #fff;
  }

  a.link-button.button-link-yellow-2 {
    min-width: 0;
    width: 100%;
    background-color: #ffe41e;
    color: #141414;
  }

  a.link-button.button-link-sitemap-1 {
    padding-top: .5882352941176471em;
    padding-bottom: .5882352941176471em;
  }

  a.link-button.button-link-yellow-1:hover {
    background-color: #feb915;
  }

  a.link-button.button-link-title-1:hover {
    background-color: #feb915;
  }

  a.link-button.button-link-nav-4:hover {
    padding-right: 1.7857142857142858em;
  }

  a.link-button.button-link-nav-8:hover {
    padding-right: 1.7857142857142858em;
  }

  a.link-button.button-link-nav-2:hover {
    padding-right: 1.7857142857142858em;
  }

  a.link-button.button-link-nav-3:hover {
    padding-right: 1.7857142857142858em;
  }

  a.link-button.button-link-orange-1:hover {
    background-color: #feb915;
  }

  a.link-button.button-link-yellow-3:hover {
    background-color: #feb915;
  }

  a.link-button.button-link-seafreight-1:hover {
    background-color: #feab29;
  }

  a.link-button.button-link-yellow-2:hover {
    background-color: #feb915;
  }

  a.link-button.button-link-grey-1:hover {
    background-color: #feb915;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-title-1 {
    position: static;
    height: 100%;
    background-color: #ffe41e;
  }

  body > .row.row-title-1 {
    max-width: none;
    max-height: 600px;
    height: auto;
    background-image: none;
    background-position: 35% 45%;
  }

  body > .row.row-home-1 {
    margin-top: 80px;
    margin-bottom: 5em;
  }

  body > .row.row-home-4 {
    margin-top: 4.375em;
    margin-bottom: 5.625em;
  }

  body > .row > [class*='coffee-span-'].column-title-2 {
    position: static;
    height: 100%;
    background-color: #ffe41e;
  }

  body.grid-1 {
    background-color: transparent;
  }

  body > .row.row-services-1 {
    margin-top: 5em;
    margin-bottom: 5em;
    background-color: transparent;
  }

  body > .row.row-title-2 {
    display: none;
  }

  body > .row.row-grid-1 {
    margin-top: 0;
    padding-right: 0;
    padding-left: 0;
  }

  body > .row > [class*='coffee-span-'].column-grid-3 {
    display: block;
    float: left;
    padding-right: 0;
    padding-left: 0;
  }

  body > .row > [class*='coffee-span-'].column-grid-2 {
    padding: 0;
  }

  body > .row > [class*='coffee-span-'].column-grid-1 {
    padding: 50px 0 0;
  }

  body > .row.row-resources-1 {
    margin-top: 80px;
    margin-bottom: 80px;
    background-color: transparent;
  }

  body > .row.row-services-4 {
    margin-top: 80px;
    margin-bottom: 80px;
    background-color: transparent;
  }

  body > .row.row-about-5 {
    margin-top: 80px;
    margin-bottom: 5em;
  }

  body > .row.row-title-3 {
    max-width: none;
    max-height: 37.5em;
    height: auto;
    background-image: none;
    background-position: 35% 45%;
  }

  body > .row.row-video-1 {
    height: auto;
  }

  body > .row > [class*='coffee-span-'].column-video-1 {
    position: static;
    display: block;
    height: auto;
  }

  body > .row.row-subnav-1 {
    display: block;
  }

  body > .row.row-community-1 {
    margin-top: 80px;
    margin-bottom: 5em;
  }

  body > .row.row-community-2 {
    margin-top: 0;
    padding-right: 0;
    padding-left: 0;
  }

  body > .row > [class*='coffee-span-'].column-community-3 {
    padding: 50px 0 0;
  }

  body > .row > [class*='coffee-span-'].column-community-4 {
    padding: 0;
  }

  body > .row > [class*='coffee-span-'].column-community-5 {
    display: block;
    float: left;
    padding-right: 0;
    padding-left: 0;
  }

  body > .row.row-careers-1 {
    margin-top: 80px;
    margin-bottom: 5em;
  }

  body > .row.row-maintext-1 {
    margin-top: 80px;
    margin-bottom: 5em;
  }

  body > .row.row-airfreight-1 {
    background-position: left top;
  }

  body > .row.row-landfreight-1 {
    background-position: 70% bottom;
  }

  body > .row.row-customs-1 {
    background-position: left bottom;
  }

  body > .row.row-customs-2 {
    background-position: 78% bottom;
  }

  body > .row.row-consultation-3 {
    margin-top: 80px;
    margin-bottom: 5em;
  }

  body > .row.row-schedules-1 {
    background-position: left top;
  }

  body > .row.row-white-1 {
    background-position: left top;
  }

  body > .row.row-subnav-2 {
    background-position: left top;
  }

  body > .row.row-trees-2 {
    background-color: transparent;
  }

  body > .row.row-champion-4 {
    margin-top: 4.375em;
    margin-bottom: 5.625em;
  }

  body > .row.row-contact-1 {
    margin-top: 80px;
    margin-bottom: 5em;
  }

  body > .row.row-bol-1 {
    background-position: 70% bottom;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-3 {
    display: block;
    padding-right: 0;
    padding-bottom: 1.875em;
    padding-left: 0;
    text-align: center;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-2 {
    padding-bottom: 1.875em;
    padding-left: 0;
    text-align: center;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-home-1 {
    padding-right: 0;
    padding-bottom: 1.875em;
    text-align: center;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-footer-4 {
    display: none;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-footer-3 {
    display: none;
  }

  .subgrid > .row.subgrid-row-footer-3 {
    text-align: left;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-footer-5 {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  .subgrid > .row.subgrid-row-footer-1 {
    display: none;
  }

  .subgrid > .row.subgrid-row-nav-2 {
    display: none;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-nav-4 {
    float: right;
  }

  .subgrid.subgrid-services-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-services-1 {
    margin-top: 60px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-resources-1 {
    padding-right: 0;
    padding-left: 0;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-services-3 {
    padding-right: 0;
    padding-left: 0;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-trees-1 {
    padding-right: 0;
    padding-left: 0;
  }

  .container.container-title-2 {
    position: static;
    margin: 9.375em auto 6.25em;
    padding: 0;
    width: 92%;
    background-color: #ffe41e;
  }

  .container.container-title-1 {
    margin: 9.375em 0 6.25em;
  }

  .container.container-boxes-1 {
    min-height: 360px;
    height: 380px;
    text-align: center;

    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }

  .container.container-boxes-7 {
    display: block;
    min-height: 360px;
    height: 380px;
    text-align: center;

    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }

  .container.container-title-3 {
    padding: 0;
    width: 100%;
    border-style: none;
    background-color: transparent;
  }

  .container.container-grid-4 {
    margin: 14px auto 0;
    width: 92%;
    text-align: center;

    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }

  .container.container-grid-3 {
    margin: 14px auto 0;
    width: 92%;
    text-align: center;
  }

  .container.container-grid-1 {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    width: 92%;
    background-color: transparent;
    text-align: center;
  }

  .container.container-grid-2 {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
    text-align: center;
  }

  .container.container-grid-12 {
    min-height: 260px;
    max-height: 260px;
  }

  .container.container-resources-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 45%;
       -moz-box-flex: 1;
        -ms-flex: 1 45%;
            flex: 1 45%;
  }

  .container.container-services-9 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 45%;
       -moz-box-flex: 1;
        -ms-flex: 1 45%;
            flex: 1 45%;
  }

  .container.container-video-1 {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #ffe41e;
  }

  .container.container-about-5 {
    padding-right: 0;
    padding-left: 0;
  }

  .container.container-champion-1 {
    min-height: 360px;
    height: 380px;

    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }

  .container.container-community-3 {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
    text-align: center;
  }

  .container.container-community-4 {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
    text-align: center;
  }

  .container.container-subnav-1 {
    -ms-flex-pack: center;
    float: none;
    padding-top: 0;
    min-height: 0;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .container.container-subnav-3 {
    float: none;
  }

  .container.container-subnav-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container.container-maintext-3 {
    min-height: 320px;
  }

  .container.container-maintext-8 {
    min-height: 320px;
  }

  .container.container-landfreight-1 {
    min-height: 320px;
  }

  .container.container-tile-4a {
    min-height: 350px;

    -webkit-box-flex: 2;
    -webkit-flex: 2 100%;
       -moz-box-flex: 2;
        -ms-flex: 2 100%;
            flex: 2 100%;
  }

  .container.container-tile-5a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 100%;
       -moz-box-flex: 2;
        -ms-flex: 2 100%;
            flex: 2 100%;
  }

  .container.container-tile-3a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 100%;
       -moz-box-flex: 2;
        -ms-flex: 2 100%;
            flex: 2 100%;
  }

  .container.container-tile-2a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 100%;
       -moz-box-flex: 2;
        -ms-flex: 2 100%;
            flex: 2 100%;
  }

  .container.container-tile-6a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 100%;
       -moz-box-flex: 2;
        -ms-flex: 2 100%;
            flex: 2 100%;
  }

  .container.container-tile-7a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 100%;
       -moz-box-flex: 2;
        -ms-flex: 2 100%;
            flex: 2 100%;
  }

  .container.container-tile-8a {
    -webkit-box-flex: 2;
    -webkit-flex: 2 100%;
       -moz-box-flex: 2;
        -ms-flex: 2 100%;
            flex: 2 100%;
  }

  .container.container-seafreight-7 {
    min-height: 320px;
  }

  .container.container-documentation-3 {
    min-height: 320px;
  }

  .container.container-warehousing-3 {
    min-height: 320px;
  }

  .container.container-projectfreight-3 {
    min-height: 320px;
  }

  .container.container-packing-1 {
    min-height: 320px;
  }

  .container.container-consultation-1 {
    min-height: 320px;
  }

  .container.container-schedules-1 {
    min-height: 320px;
  }

  .container.container-glossary-1 {
    margin: 10px 0;
    width: 100%;
  }

  .container.container-trees-3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 45%;
       -moz-box-flex: 1;
        -ms-flex: 1 45%;
            flex: 1 45%;
  }

  .container.container-community-5 {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
    text-align: center;
  }

  .container.container-careers-2 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .container.container-news-1 {
    padding-right: 0;
    padding-left: 0;
  }

  .container.container-news-5 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .container.container-news-4 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .container.container-bol-1 {
    min-height: 320px;
  }

  .container.container-tips-3 {
    min-height: 320px;
  }

  .container.container-notice-1 {
    display: none;
  }

  .container.container-boxes-1:hover {
    padding-right: 2%;
    padding-left: 2%;
  }

  .container.container-boxes-7:hover {
    padding-right: 2%;
    padding-left: 2%;
  }

  .container.container-tile-5a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 100%;
       -moz-box-flex: 3;
        -ms-flex: 3 100%;
            flex: 3 100%;
  }

  .container.container-tile-4a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 100%;
       -moz-box-flex: 3;
        -ms-flex: 3 100%;
            flex: 3 100%;
  }

  .container.container-tile-3a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 100%;
       -moz-box-flex: 3;
        -ms-flex: 3 100%;
            flex: 3 100%;
  }

  .container.container-tile-2a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 100%;
       -moz-box-flex: 3;
        -ms-flex: 3 100%;
            flex: 3 100%;
  }

  .container.container-tile-6a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 100%;
       -moz-box-flex: 3;
        -ms-flex: 3 100%;
            flex: 3 100%;
  }

  .container.container-tile-7a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 100%;
       -moz-box-flex: 3;
        -ms-flex: 3 100%;
            flex: 3 100%;
  }

  .container.container-tile-8a:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 100%;
       -moz-box-flex: 3;
        -ms-flex: 3 100%;
            flex: 3 100%;
  }

  a.responsive-picture.picture-link-nav-2 {
    display: none;
  }

  a.responsive-picture.picture-link-nav-3 {
    display: none;
  }

  .row > [class*='coffee-span-'] > .container.container-title-1 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 9.375em;
    margin-bottom: 6.25em;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-big-1 {
    min-width: .625em;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-title-1 {
    display: none;
  }

  .row > [class*='coffee-span-'] .subgrid.subgrid-img-1 {
    padding-top: 5em;
    padding-bottom: 3.75em;
  }

  .row > [class*='coffee-span-'] .subgrid.subgrid-yellow-1 {
    padding-top: 3.75em;
    padding-bottom: 3.75em;
  }

  .row > [class*='coffee-span-'] > .container.container-tile-1 {
    -webkit-box-flex: 2;
    -webkit-flex: 2 100%;
       -moz-box-flex: 2;
        -ms-flex: 2 100%;
            flex: 2 100%;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-services-1 {
    min-width: .625em;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-grid-3 {
    min-height: 260px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-about-1 {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }

  div.responsive-picture.picture-1 {
    width: 100%;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-video-1 {
    display: none;
    min-height: 400px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-subnav-1 {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-maintext-1 {
    min-height: 320px;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-subnav-2 {
    display: block;
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  div.responsive-picture.picture-notice-1 {
    display: none;
  }

  .row > [class*='coffee-span-'] > .container.container-tile-1:hover {
    -webkit-box-flex: 3;
    -webkit-flex: 3 100%;
       -moz-box-flex: 3;
        -ms-flex: 3 100%;
            flex: 3 100%;
  }
}