@charset "UTF-8";

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont3295.eot?v=4.5.0");
  src: url("../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont3295.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont3295.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont3295.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont3295.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.destination {
  padding: 40px 0;
}

.destination .dst {
  min-height: 100px;
  border: 2px solid #fff;
  background-size: cover;
}

.destination .dst .img-txt {
  display: none;
  font-size: 24px;
}

.destination .dst:hover {
  background: none;
  background-color: #dd4814;
}

.destination .dst:hover .img-txt {
  display: block;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  padding: 30% 0;
  font-size: 14px;
}

.destination .dst-1 {
  background: url("../images/destination/dest1.jpg") 50% 50% transparent;
  height: 400px;
}

.destination .dst-2 {
  background: url("../images/destination/dest2.jpg") 50% 50% transparent;
  height: 400px;
}

.destination .dst-3 {
  background: url("../images/destination/dest3.jpg") 50% 50% transparent;
  height: 400px;
}

.destination .dst-4 {
  background: url("../images/destination/dest4.jpg") 50% 50% transparent;
  height: 200px;
}

.destination .dst-5 {
  background: url("../images/destination/dest3.jpg") 50% 50% transparent;
  height: 200px;
}

.destination .dst-6 {
  background: url("../images/bp.jpg") 50% 50% transparent;
  height: 600px;
}

.destination .dst-7 {
  background: url("../images/bp.jpg") 15% 50% transparent;
  height: 300px;
}

.destination .dst-8 {
  background: url("../images/tree.jpg") 50% 50% transparent;
  height: 300px;
}

.destination .dst-9 {
  background: url("../images/destination/dest1.jpg") 50% 50% transparent;
  height: 300px;
}

.destination .dst-10 {
  background: url("../images/destination/dest8.jpg") 50% 50% transparent;
  height: 200px;
}

.destination .dst-11 {
  background: url("../images/destination/dest7.jpg") 50% 50% transparent;
  height: 200px;
}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
  .jumbotron {
    min-height: 600px;
    padding-top: 150px;
  }
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
  .jumbotron {
    min-height: 700px;
  }
}