.splash object,
.splash img {
  max-width: 100%;
  height: auto;
}

.splash img {
  margin-bottom: 0.375em;
}

.splash #bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}

.splash #bg img {
  position: absolute;
  inset: 0;
  min-width: 50%;
  min-height: 50%;
  margin: auto;
}

.splash .sp-bx {
  padding: 30px 30px 19px;
  background-color: #f8f8f8;
}

.splash .sp-bx .btn {
  min-width: 110px;
  margin: 35px 0 14px;
  box-shadow: 0 4px #ddd;
}

@media (width >= 768px) {
  .splash .sp-bx .btn {
    min-width: 110px;
    margin: 35px 0 14px;
    box-shadow: 0 4px #ddd;
  }
}

@media (width >= 992px) {
  .splash .sp-bx .btn {
    min-width: 138px;
    margin: 35px 0 14px;
    padding: 0.5em 1.5em;
    box-shadow: 0 4px #ddd;
  }
}

@media (width >= 1200px) {
  .splash .sp-bx .btn {
    min-width: 138px;
    margin: 35px 0 14px;
    padding: 0.5em 1.5em;
    box-shadow: 0 4px #ddd;
  }
}

.splash .glyphicon {
  top: -3px;
  color: #9e9e9e;
  font-size: 5px;
}

.splash .sp-lk:link,
.splash .sp-lk:visited {
  color: #335075;
  text-decoration: none;
}

.splash .sp-lk:hover,
.splash .sp-lk:active {
  color: #335075;
  text-decoration: underline;
}

.splash .sp-hb {
  width: 300px;
  margin: 50px auto;
}

@media (width >= 768px) {
  .splash .sp-hb {
    width: 300px;
    margin: 50px auto;
  }
}

@media (width >= 992px) {
  .splash .sp-hb {
    width: 500px;
    margin: 175px auto;
  }
}

@media (width >= 1200px) {
  .splash .sp-hb {
    width: 500px;
    margin: 175px auto;
  }
}

.splash .sp-bx-bt {
  padding: 30px;
  background-color: #e1e4e7;
}

@media (width >= 768px) {
  .splash .sp-bx-bt {
    padding: 30px;
    background-color: #e1e4e7;
  }
}

@media (width >= 992px) {
  .splash .sp-bx-bt {
    padding: 30px 30px 13px;
    background-color: #e1e4e7;
  }
}

@media (width >= 1200px) {
  .splash .sp-bx-bt {
    padding: 30px 30px 13px;
    background-color: #e1e4e7;
  }
}