html, body

height: 100%
background-color: $bg-color
color: $text-color

.wrapper

min-height: 100%
margin-bottom: -$footer-height

&:after
  content: ""
  display: block

.footer

padding-top: $navbar-padding
height: $footer-height
border-top: 1px solid darken($navbar-bg-color, 10%)
border-bottom: 1px solid darken($navbar-bg-color, 10%)
background-color: $navbar-bg-color

.copyright
  text-align: center
  font-size: 10px
  color: $copyright-color
  margin-top: 20px

.navbar

.container-fluid
  .navbar-brand
    margin-left: 20px
    margin-top: -17px

  .logo
    width:         $logo-width
    height:        $logo-height
    margin-right:  $logo-margin-right
    margin-left:   $logo-margin-left
    margin-top:    $logo-margin-top
    margin-bottom: $logo-margin-bottom

&.navbar-inverse
  font-weight: 300
  letter-spacing: 1px

  ul.nav.navbar-nav
    text-transform: $navbar-text-transform
    font-weight:    $navbar-font-weight

    a
      font-size:         $text-size-normal

      &:hover, &:focus
        color:             $navbar-links
        text-decoration:   $navbar-links-decoration

// Reduce the height of the navbar if on mobile device @media(min-width: 768px)

.navbar-fixed-top
  min-height: $navbar-desktop-height
  padding-top: 20px

.padding-navbar
  margin-top: $navbar-desktop-height

.banners

width: 100%
padding: 58px 0 58px 0

.logo

height: 51px

.image

height: 30px
margin-left: -25px

.small-image

height: 20px

.center

text-align: center

.align-right

text-align: right