.no-inner-margin

& >:first-child
  margin-top: 0

.hero

background-size: cover

.hero-actions

a
  display: inline-block
  vertical-align: baseline
  font-weight: 500
a.button
  line-height: 1.8
  &:hover,
  &:active
    .icon-start
      transform: translateX(.2em)
a + a
  margin-left: 1.3rem
  color: $okf-blue !important

.icon-start

vertical-align: sub
margin-left: .3em
transition: transform 200ms ease

.hero

.title
  font-size: 2rem
  @media (min-width: $tablet)
    font-size: 3.9rem

.download-table

text-transform: uppercase
font-size: 1rem
font-weight: 500
&:before
  content: ""
  background-image: url(/assets/images/table.svg)
  background-repeat: no-repeat
  width: 1em
  height: 1.2em
  display: inline-block
  vertical-align: sub
  margin-right: 0.5em
&:active,
&:hover
  color: $okf-blue
  text-decoration: underline