html,
body {
  height: 100%;
  min-height: 100%;
}
/*---- LAYOUT  ----------------------------------------*/
.page-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: -2;
}
#master {
  height: auto!important;
  min-height: 100%;
  width: 100%;
}
/*HEADER*/
#logo-box {
  padding: 20px 0 15px ;
}
/*---- FOOTER ----------------------------------------*/
#master {
  margin-bottom: -180px;
}
.push {
  height: 180px;
}
#footer {
  width: 100%;
  height: 180px;
  padding: 20px;
  background: #5f6e74;
}
/*---- BREAKER ----------------------------------------*/
.breaker {
  width: 100%;
  margin: 20px 0;
  padding: 20px 0;
}
.breaker.first {
  padding: 0;
  margin-bottom: 45px;
}
.breaker-secondary {
  background: #5f6e74;
}
.breaker-lightgrey {
  background: #f4f4f4;
}
.breaker-primary {
  background: #003a38;
  box-shadow: inset 0 10px 10px -10px #000000, inset 0 -10px 10px -10px #000000;
}
/*-------------------------------------------------------*/
.shadow {
  box-shadow: 4px 4px 0 #5f6e74;
}
.box {
  background: #2deee6;
}
.box-claim {
  height: 290px;
}
.bg-logo {
  background: #2deee6 url(images/signet.svg) no-repeat;
  background-size: 50%;
}
.ufilm {
  margin-top: 30px;
}
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*XS*/
@media screen and (max-width: 767px) {
  #footer {
    height: auto;
  }
}
/*SM*/
/* MD */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .ufilm {
    margin-top: 22px;
  }
}
/*LG */