body {
      background: #D9D5B7;
}
.header {
      letter-spacing: 2px;
      font-size:      18pt;
      font-weight:    bold;
      line-height:    1.5em;
      padding: 30px 20px 10px 15px;
      margin: 0;
      border-bottom: solid 1px #000;
      color: #990000;
      background: #C2BD9B;
      border-top: solid 1px #fff;
      display: flex;
      justify-content: space-between;
}
.rtl {
      direction:      rtl;
}
.center {
      text-align:     center;
}
.para {
      text-indent:   1.5em;
      text-align:    left;
      font-size:     14pt;
      margin-bottom: 8pt;
}
td.ecell {
      font-size:  14pt;
      vertical-align: top;
      line-height:    20pt;
      padding:        4pt;
}
td.ycell {
      font-size:  16pt;
      font-family: "Times New Roman";
      direction:  rtl;
      text-align: right;
      vertical-align: top;
      line-height:    20pt;
      padding:        4pt;
}
td.span {
      text-align: center;
      font-size:  18pt;
}
.large {
      font-size:  18pt;
}
.medium {
      font-size:  14pt;
}

.container {
      margin:     0 50px;
      background: #D1DAE3;
      border:     solid 1px #fff;
}
div.hr {
      background:  rgb(216,38,27);
      height:      25px;
      width:       100%;
      line-height: 19px;
      margin:      0;
      border:      solid 1px #fff;
      display:     flex;
      flex-wrap:   wrap;
      font-weight: bold;
      font-family: Sans-Serif;
}
div.hr > div.menu {
      padding-left:  6pt;
      padding-right: 6pt;
      padding-top:   2px;
      font-size:     9pt;
}
div.hr a {
      color:       #D9D5B7;
}
iframe {
    border: 0px;
}
@media screen and (max-width: 550px) {
  .container {
        margin-left:   0px;
        margin-right:  0px;
  }
  body {
        padding: 0px 0px 0px 0px;
        margin:  0px 0px 0px 0px;
  }
}
@media screen and (max-width: 920px) {
    div.cover {
        display: none;
    }
}