/*.modal
  display none
  width 400px
  background #fff
  padding 15px 30px
  border-radius 8px
  box-shadow 0 0 10px #000
  height auto
  overflow hidden

  a.close-modal
    position absolute
    top -12.5px
    right -12.5px
    display block
    width 30px
    height 30px
    text-indent -9999px
    background url(../img/close.png) no-repeat 0 0

.modal-spinner
  display none
  width 64px
  height 64px
  position fixed
  top 50%
  left 50%
  margin-right -32px
  margin-top -32px
  background url(../img/spinner.gif) #111 no-repeat center center
  border-radius 8px*/
#intro-modal .close {
  position: absolute;
  top: 0;
  right: 5px;
}
#intro-modal .modal-body img {
  margin: 0 auto;
  display: block;
  width: auto;
  max-height: 400px;
}
#intro-modal .modal-body a.footer {
  color: #888;
  text-decoration: underline;
  font-size: 13px;
  text-align: right;
  display: block;
  padding-top: 10px;
}
@media (min-width: 480px) {
  #intro-modal .modal-dialog {
    max-width: 550px;
    margin: 20px auto;
  }
  #intro-modal .modal-body img {
    max-height: 580px;
  }
}