html, body
  padding: 0
  margin: 0

  //Use this to smooth some font styles
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
  text-rendering: optimizeLegibility

/*
  * Set up the base font size for using rem
  */
html
  font-size: $baseFontSize

  +respond-to-width(1080)
    font-size: 17px

body
  font-family: workSans()
  line-height: 1.6

  +respond-to-width(750)
    padding-top: 60px

  .after-menu
    padding-left: 80px
    +respond-to-width(1300)
      padding-left: 60px
    +respond-to-width(750)
      padding-left: 0

*
  box-sizing: border-box
  ::selection
    background: $purple
    color: white

img
  border: none
  display: block

h1, h2, h3, h4, h5
  margin: 0
  font-family: rubik()
  font-weight: regular()


figure
  margin: 0

img
  border: none

input, textarea
  +placeholder
    color: rgba(white, 0.6)
    opacity: 1
    +translate3d(0, 0, 0)
    transition: all 0.3s




/* Default content styling
   ===============================*/
.content
  color: white
  font-weight: light()
  letter-spacing: -0.5px

  h1, h2
    font-size: 2rem
    line-height: 1.2
    max-width: 580px
    color: $darkBlue
    margin: 0 0 40px
    letter-spacing: -0.35px
    font-weight: regular()


  ul, ol:not(.breadcrumb-list)
    padding-left: 20px
    list-style: none

    li
      position: relative
      padding-left: 20px
      //font-size: 0.8rem
      &:before
        content: '•'
        position: absolute
        color: white
        font-size: 1.2rem
        line-height: 1
        left: -20px

  ol
    // Custom List styling for '1.'
    counter-reset: ol-counter
    li
      &:before
        counter-increment: ol-counter
        content: counter(ol-counter)'.'
        font-size: 1rem
        top: 2px

  a
    color: white
    text-decoration: none
    transition: color 0.3s