body {
padding-bottom: 40px;
}

.navbar-brand {
  text-align:left;
}

div.navbar-header.pull-left {
  overflow: visible;
}

#colour-trigger{
  display:none;
}

/* make images responsive */

img { height:auto; }

@media (max-width: 480px) {
  .modal {
    position: fixed; /* absolute fails on iphone */
  }
  .modal-body{
  	max-height:200px;
  }
  .modal.fade.in {
    top: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
}