body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}

body, html {
  height: 100%;
  line-height: 1.8;
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../img/splash/plane_full_res.jpg");
  background-position: 80% 20px;
  min-height: 100%;
}

.w3-bar .w3-button {
  padding: 16px;
}

.logo-button:hover{transform: scale(1.15);}

.xji-all-padding>.w3-col{padding:8px 8px}

.xji-container {
  position: relative;
}

.xji-overlay {
  position: absolute;
  border: 8px solid white;
  padding: 14px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
  background-clip: padding-box;
  font-size: 0.8vw;
}

.xji-container:hover .xji-overlay {
  opacity: 0.9;
}

@media screen and (max-width: 992px) {
  div.xji-overlay {
    font-size: 1.2vw;
  }
}

@media screen and (max-width: 600px) {
  div.xji-overlay {
    font-size: 2.4vw;
  }
}