.navbar-brand {
  padding: 24px 15px;
  font-size: 24px;
  height: 70px;
}
.navbar-toggle {
  margin-top: 18px;
}
.navbar-right li {
  font-size: 18px;
  margin-top: 9px;
}
.caret {
  margin-left: 6px;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 10px;
  left: -5px;
  width: 200px;
}
.navbar-collapse {
  max-height: 660px;
}
@media (max-width: 545px) {
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    background-color: #222;
  }
}
.alert {
  margin-bottom: 0px;
  border-radius: 0px;
  text-align: center;
  margin-top: 11px;
  background-color: #666;
  color: #fff;
  font-size: 21px;
}
body {
  padding-top: 60px;
  color: #999;
}
img {
  width: 100%;
}
.home {
  margin: 50px 0px;
}
@media (max-width: 545px) {
  .home {
    margin: 0px;
  }
}
.logo {
  max-width: 305px;
  text-align: left;
}
.thumbnail .caption {
  padding: 0px;
}
.thumbnail img {
  max-width: 125px;
  max-height: 160px;
  float: left;
  margin: 0px 20px 0px 0px;
  border: 2px solid #222;
}
.caption {
  min-height: 160px;
}
.caption h3 {
  margin: 0px 0px 10px 0px;
}
.thumbnail .btn-default {
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
.about,
.profile,
.contact,
.films {
  margin-top: 40px;
  margin-bottom: 40px;
}
.single img {
  max-width: 320px;
  margin-bottom: 20px;
  border: solid 10px #222;
}
@media (max-width: 545px) {
  .single img {
    margin-left: 5%;
  }
}
.bio h3 {
  margin-top: 0px;
}
.bio-images {
  max-width: 275px;
  float: left;
  padding: 5px;
  background-color: #eee;
  margin: 5px 20px 0px 0px;
}
.cols3 {
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
}
.cols2 {
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  column-count: 2;
  column-gap: 30px;
}
@media (max-width: 984px) {
  .cols3 {
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    column-count: 2;
    column-gap: 30px;
  }
  .bio-images {
    max-width: 400px;
    margin: 5px 20px 20px 0px;
  }
}
@media (max-width: 545px) {
  .cols3,
  .cols2 {
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    column-count: 1;
    column-gap: 0px;
  }
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #424242;
}
#footer p {
  padding-top: 20px;
  margin-left: 20px;
}
#footer .btn {
  margin-top: 10px;
  margin-right: 20px;
}
