html,
body {
  height: 100%;
  min-height: 100%;
}
body {
  padding-top: 102px;
}
@media screen and (max-width: 767px) {
  body {
    padding-top: 60px;
  }
}
/*---- 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%;
}
#logo-box {
  height: 60px;
  padding: 0 15px;
  text-align: center;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  #logo-box {
    text-align: left;
  }
}
#logo-box a img,
#logo-box img {
  display: inline-block;
  max-width: 170px;
}
@media screen and (max-width: 767px) {
  #logo-box a img,
  #logo-box img {
    max-width: 200px;
  }
}
/*---- FOOTER ----------------------------------------*/
#master {
  margin-bottom: -70px;
}
.push {
  height: 70px;
}
#footer {
  width: 100%;
  height: 70px;
  padding: 30px 15px 15px;
  background: #2d5a71;
}
/*---- BREAKER ----------------------------------------*/
.breaker {
  width: 100%;
  margin: 20px 0;
  padding: 20px 0;
}
.breaker.first {
  margin-top: 0;
}
.breaker-primary {
  background: #89c2ca;
}
.breaker-secondary {
  background: #2d5a71;
}
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*XS*/
@media screen and (max-width: 767px) {
  #footer {
    height: auto;
  }
}
/*SM*/
/* MD */
/*LG */