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%;

  }