body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #ddd;
  font-family: Arial;
}
header,
footer,
article {
  margin: auto;
  max-width:100%;
  /*padding: 16px;*/
}
article {
  background: #fff;
}
article #reader-container {
  width: 100%;
}
.icon-xl{
    width:5rem;
    height:5rem
}
.icon-xl i,.icon-xl svg{
    font-size:4.25rem
}
.icon-xl+.icon-text{
    width:calc(100% - 5rem - 1)
}
.icon-shape{
    display:inline-flex;
    /*padding:5px;*/
    text-align:center;
    /*border-radius:50%;*/
    align-items:center;
    justify-content:center
}
.icon-shape i,.icon-shape svg{
    font-size:1.25rem
}
.icon-shape.icon-lg i,.icon-shape.icon-lg svg{
    font-size:1.625rem
}
.icon-shape.icon-sm i,.icon-shape.icon-sm svg{
    font-size:.875rem
}
.icon-shape.icon-xs i,.icon-shape.icon-xs svg{
    font-size:.6rem
}
.icon-shape svg{
    width:30px;
    height:30px
}
.icon-shape img{
    width:30px;
    height:30px
}
.bg-yellow{
    background-color:#E1C14F!important
}
a.bg-yellow:focus,a.bg-yellow:hover,button.bg-yellow:focus,button.bg-yellow:hover{
    background-color:#ccab00!important
}
.mb-3,.my-3{
    margin-bottom:1rem!important
}
.rounded-pill{
    border-radius:50rem!important
}
.magz-meta {
  color: #898989;
  margin-bottom: 0.75rem;
}
.magz-meta .magz-title {
  font-weight: 700;
  color: #212529;
}
.text-white{
    color:#fff!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-xs{
    font-size:.75rem!important
}
.d-none{
    display:none!important
}
.font-weight-500{
    font-weight:500!important
}
.font-weight-300{
    font-weight:300!important
}
.mt-2,.my-2{
    margin-top:.5rem!important
}
.text-sm{
    font-size:.875rem!important
}
.opacity-1{
    opacity:.1!important
}
.opacity-2{
    opacity:.2!important
}
.opacity-3{
    opacity:.3!important
}
.opacity-4{
    opacity:.4!important
}
.opacity-5{
    opacity:.5!important
}
.opacity-6{
    opacity:.6!important
}
.opacity-7{
    opacity:.7!important
}
.opacity-8{
    opacity:.8!important
}
.opacity-8{
    opacity:.9!important
}
.opacity-10{
    opacity:1!important
}
.btn{
    font-size:1rem !important;
    font-weight:400;
    line-height:1.5;
    display:inline-block;
    padding:.375rem .75rem;
    cursor:pointer;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-align:center;
    vertical-align:middle;
    color:#525f7f;
    border:1px solid transparent;
    border-radius:.25rem;
    background-color:transparent
}
a.btn.disabled,fieldset:disabled a.btn{
    pointer-events:none
}
.bg-blue{
    background-color:#2162da!important
}
a.bg-blue:focus,a.bg-blue:hover,button.bg-blue:focus,button.bg-blue:hover{
    background-color:#324cdd!important
}
.w-100{
    width:100%!important
}
.d-block{
    display:block!important
}