body {
  background: #C5C5ED url('../img/mainBgPattern.png');
  overflow-y: scroll;
}

.navbar-lower {
  margin-top: 50px;
  width: 100%;
}

.panel-default {
  border-color: #89B3D1;
}

.panel {
  background-color: #749BD1;
}

.panel-default > .panel-heading {
  background-color: #89B3D1;
  border-color: #89B3D1;
}

.panel-footer {
  background-color: #89B3D1;
  border-color: #89B3D1;
}

.navbar-default .navbar-brand {
  color: #FFF;
  font-family: brandFont;
  font-size: 30px;
}

.navbar-default .navbar-nav > li > a {
  color: #CCC;
  font-family: linkFont;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-default {
  background-color: #749BD1;
  border-color: #5276A8;
}

@font-face {
  font-family: brandFont;
  src: url(../fonts/robotech-gp.ttf);
}

@font-face {
  font-family: linkFont;
  src: url(../fonts/robotaur.ttf);
}

#mainContainer {
  overflow-x: auto;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  max-height: 600px;
}

.jumbotron, #map-canvas {
  margin: 30px inherit;
}

.jumbotron {
  padding: 30px;
}

#description img {
  float: left;
  width: 200px;
  height: 200px;
  margin-right: 10px;
}

video {
  max-width: 100%;
}

#map-canvas {
  width: 100%;
  height: 400px;
}

#map-canvas img {
  max-height: 400px;
  max-width: 100%;
}

#footer {
  margin-top: 30px;
  margin-bottom: 30px;
}

#footer img, .logo {
  max-height: 100px;
  max-width: 100%;
}