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: 'Cabin', sans-serif
  font-weight: regular()
  line-height: 1.6
  letter-spacing: 0.4px
  +respond-to-width(840)
    padding-top: 60px

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

img
  border: none
  display: block

h1, h2, h3, h4, h5, figure
  margin: 0

img
  border: none

input, textarea
  font-family: 'Cabin', sans-serif
  +placeholder
    opacity: 1
    +translate3d(0, 0, 0)
    transition: all 0.3s


.image-wrapper
  background-image: url("/img/forest_top_view.jpg")
  background-position: bottom right
  background-size: cover
  position: relative

  [class^="vso"] &
    background-image: url("/img/forest_top_view_green.jpg")

  [class^="services"] &,
  [class^="foundation"] &,
  [class^="jobs"] &,
  [class^="academy"] &
    background-image: url("/img/forest_top_view_grey.jpg")

  +respond-to-width(840)
    background: none
    .icon
      display: none !important

.top_bar
  width: 100%
  position: relative
  height: 30px
  background-color: #2E80A8
  color: white
  text-align: center
  font-size: 15px
  line-height: 30px

  a
    color: white
    text-decoration: none

.youtube-video
  border: 5px solid white