ministryofjustice/civil-claims-frontend-claimant

.main
  max-width: 1020px
  margin: auto

header.page-header
  max-width: 960px
  margin: auto

.container
  max-width: 960px
  margin: auto

section, .content-header
  max-width: 850px
  margin: auto

section.confirmation-intro
  padding-top: 60px

.content-header
  margin-bottom: 50px
  
  h2
    font-size: 32px
    font-weight: bold
    margin-bottom: 10px
  p
    font-size: 24px
    line-height: 30px
    letter-spacing: .005em // calculated via http://www.justinmarsan.com/blog/researches/2012/01/07/css-letter-spacing/
    margin-top: 0


.case-status
  background-color: $grey-4
  border:
    top: 1px solid #c2c2c2
    bottom: 1px solid #c2c2c2
  padding: 15px 10px
  margin-bottom: 60px

  &.highlight
    background-color: $light-blue-25
    border:
      top: 1px solid $light-blue-50
      bottom: 1px solid $light-blue-50

    span
      color: $grey-1

  p
    margin: 0

  span
    width: 130px
    display: inline-block