/* General */

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

/* Full height image header */

.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-image: url("../img/patternpad.png");
  min-height: 100%;
}

/* Logo image */

.logoimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Add padding to bar and button */

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

/* Change colors */

.unify-button:hover {
  background-color: var(--unify-lightest-color) !important;
}

.unify-footer {
  background-color: var(--unify-dark-color);
  color: #fff;
}

/* Reveal transition effect on scroll */

.reveal {
  position: relative;
  transform: translateY(100px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active {
  transform: translateY(0);
  opacity: 1;
}