body {
  overflow-x: hidden;
}

.bar a {
  color: white !important;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

.bar .active {
  background-color: #4a4a4a !important;
  color: white !important;
}
.bar a:hover {
  background-color: #4180cb !important;
  color: white !important;
}
.topNavPad {
  padding-top: 12vh;
}

.carousel-inner {
  width: 100%;
  max-height: 500px !important;
}

.thumbnail a {
  text-decoration: none;
  color: #444;
  -webkit-transition-delay: color 0.4s;
  transition: color 0.4s;
}

.masthead {
  height: 100vh;
  min-height: 400px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.index {
  background-image: url("img/jarvis.jpg");
}

.toDo {
  background-image: url("img/boating.jpg");
}

.whereStay {
  background-image: url("img/sunset.jpg");
}

.footer,
.header {
  background: #152f4f;
  color: white;
}
.footer .links ul {
  list-style-type: none;
}
.footer .links li a {
  color: white;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.footer .links li a:hover {
  text-decoration: none;
  color: #4180cb;
}
.footer .about-company i {
  font-size: 25px;
}
.footer .about-company a {
  color: white;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.footer .about-company a:hover {
  color: #4180cb;
}
.footer .location i {
  font-size: 18px;
}
.footer .copyright p {
  border-top: 1px solid white;
  opacity: 0.2;
}

.contact {
  color: white;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
}

.contact:hover {
  color: #4180cb;
  text-decoration: none;
}

.lodge {
  color: #4180cb;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
}

.lodge:hover {
  color: #152f4f;
  text-decoration: none;
}