*
  margin: 0px
  padding: 0px
  font-family: "Open Sans", sans-serif
  font-size: 14px

html
  width: 100%
  +calc(height, "100% - 200px")

body
  +size(100% auto)
  height: 100%

#wrapper
  +size(100% auto)
  min-height: 100%
  margin-bottom: 200px
  padding-bottom: 50px
  background: url(/img/bg2.jpg) no-repeat center center fixed
  +background-size(cover)

#header
  display: block
  padding: -10px 0
  text-align: center

hr
  border-color: #ccc


/* Box shadow styles used for material design
.shadow-0
  border: 1px solid #eee
.shadow-1
  box-shadow: 0 2px 10px 0 rgba(#000, 0.16), 0 2px 5px 0 rgba(#000, 0.26)
.shadow-2
  box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2)
.shadow-3
  box-shadow: 0 17px 50px 0 rgba(#000, 0.19), 0 12px 15px 0 rgba(#000, 0.24)
.shadow-4
  box-shadow: 0 25px 55px 0 rgba(#000, 0.21), 0 16px 28px 0 rgba(#000, 0.22)
.shadow-5
  box-shadow: 0 40px 77px 0 rgba(#000, 0.22), 0 27px 24px 0 rgba(#000, 0.2)