html,body { height: 100%;}
body {
  position: relative;
  background: #171d29;
  margin: 0;
}

.wrapper { margin-left: 15px; margin-right: 15px;}

#banner { position: relative;}
  .bnr-image img { display: block; width: 100%;}
  .bnr-text {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;    
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .bnr-text h1 { font-size: 2.5rem; color: #fff;}
  .bnr-text h1 > span {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 3px;
  }

#loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: rgb(255,108,171);
  background: linear-gradient(135deg, rgba(255,108,171,1) 0%, rgba(115,102,255,1) 100%);
  z-index: 100;
}
  .ldg-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .ldg-logo {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ldg-credit {
    padding: 2em 0;
    font-size: .9rem;
    font-style: italic;
    color: #d6cdff;
    text-align: center;
    letter-spacing: 2px;
  }

.page_panel {
  background: rgb(255,108,171);
  background: linear-gradient(90deg, rgba(115,102,255,1) 0%, rgba(255,108,171,1) 100%);
  padding: 1.5em 0;
}
.page_panel a { color: #fff;}
.page_panel a i { margin-right: 10px; font-size: 1.2rem;}
.page_panel span { font-size: 1.333rem; font-weight: 600; color: #fff;}