/* Minification failed. Returning unminified contents.
: run-time error CSS1066: Unexpected end of file encountered
 */
.detail-header h1, h1 {
  padding: 0rem 0;
}

.masthead {
  padding-bottom: 1rem;
}

.page-section {
  padding-bottom: 2.5rem;
  padding-top: 1.2rem;
}

/* can we change the mobile headline size see pb here: https://www.mimecast.com/resources/productivity/ */
.masthead-headline {
    font-size: 3.2rem;
}

#section2 .container .columns {
    width:100%;
}

@media screen and (min-width: 768px) {
    .detail-header h1, h1 {
      padding: 3rem 0;
  }

  .masthead-headline {
    font-size: 4.75rem;
}

  masthead {
    padding-bottom: 3.75rem;
  }

  .page-section {
    padding-bottom: 2.5rem;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1088px) {

  .page-section {
      padding-bottom: 2.25rem;
      padding-top: 2.25rem;
  }

}