/* navbar */
.navbar-default {
  background: #FFF url(http://www.charmoller.com/images/web.gif) repeat-x;
  height: 115px;
  border: 0;
  padding-top: 55px;
}

/* Title */
.navbar-default .navbar-brand {
  font-size: 30px;
  color: black;
 }

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #3e3838;
}

/* Link */
.navbar-default .navbar-nav > li > a {
    color: black;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #3e3838;
}

/* Toggle */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: grey;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: white;
}

#about {
  padding: 40px;
  line-height: 2;
  color: grey;
  font-size: 22px;
  font: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#stuff {
  background: lightgrey;
  padding: 40px 0;
}

#me {
  background: darkgrey;
  padding: 40px 0;
}

#stuff h3,  #me h3 {
  font-size: 30px;
  margin-bottom: 40px;
}

#stuff .row {
  padding-bottom: 40px;
}

#me a {
  margin: 5px;
}

footer {
   background: #FFF url(http://www.charmoller.com/images/web.gif) repeat-x;
  color: black;
  padding-top: 63px;
}