.home-main {
  padding: 0; }

@media only screen and (min-width: 40.063em) {

  .intro {
    background: url(../images/home-intro-bg.jpg) no-repeat top;
    background-size: cover;
    /*height: 363px;*/
  }
}

.intro-text {
  padding-left: 4.1%;
  padding-right: 0; }
  .intro-text h1 {
    color: #41649e;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 0.875rem; }
  .intro-text ul {
    line-height: 1.85;
    list-style: none;
    margin-left: 0; }
  .intro-text li {
    color: #3f464e;
    font-size: 1.71875rem; }

.intro-blue-panel {
  background: #4061a5;
  padding-top: 1.0625rem; }
  .intro-blue-panel .columns:first-child {
    padding-left: 0.25rem; }
  .intro-blue-panel p {
    color: white;
    font-size: 0.9375rem;
    margin-bottom: 0.8125rem;
    padding-right: 3.125rem; }
  .intro-blue-panel .button {
    float: right;
    text-transform: uppercase; }

.services-highlight {
  margin-top: 1.25rem;
  min-height: 160px; }
  .services-highlight > div {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 74px;
    border-right: 1px solid #dcdcdc;
    text-align: center; }

@media only screen and (min-width: 40.063em) {
  /* min-width 641px, medium screens */
  .services-highlight > div.large-2 {
    width: 20%;
  }
}

    .services-highlight > div:last-child {
      border-right: none; }
    .services-highlight > div:hover {
      background-position: center top;
      background-repeat: no-repeat; }
  .services-highlight a h2 {
    color: #262d37;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0;
    padding-top: 5.625rem; }
    .services-highlight a h2:hover {
      color: #4061a5; }
  .services-highlight p {
    color: #495056;
    font-size: 0.8125rem; }

.value-highlight {
  background: url(../images/high-value-black.png); }
  .value-highlight:hover {
    background: url(../images/high-value-blue.png); }

.support-highlight {
  background: url(../images/stopwatch-black.png); }
  .support-highlight:hover {
    background: url(../images/stopwatch-blue.png); }

.quality-highlight {
  background: url(../images/superior-quality-black.png); }
  .quality-highlight:hover {
    background: url(../images/superior-quality-blue.png); }

.reporting-highlight {
  background: url(../images/advanced-reporting-black.png); }
  .reporting-highlight:hover {
    background: url(../images/advanced-reporting-blue.png); }

.resellers-highlight {
  background: url(../images/not-resellers-black.png); }
  .resellers-highlight:hover {
    background: url(../images/not-resellers-blue.png); }

.cta-panel {
  background: #f2f6f9;
  border-bottom: 1.625rem solid white;
  border-top: 0.75rem solid #4061a5;
  padding-bottom: 3.75rem;
  padding-top: 4.075rem; }
  .cta-panel p {
    line-height: 1.8; }
  .cta-panel h1 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
    margin-top: 0; }
  .cta-panel .cta-image {
    background: url(../images/home-cta-img.png) no-repeat center 0.5rem;
    min-height: 30.5rem; }
  .cta-panel .button {
    margin-top: 1rem;
    text-transform: uppercase;
    width: 13.5rem; }

.error404 {
  min-height: 528px;
  padding-bottom: 4.375rem;
  padding-top: 3.375rem; }