@media only screen and (max-width: 1080px) {
  #main {
    align-items: flex-start;
    align-content: flex-start;
    height: auto;
    margin-left: 10px;
  }
  #main #homepage {
    margin-left: 115px;
  }
  body {
    margin: 0;
  }
  #main #contents {
    margin-left: 155px;
  }
}
@media only screen and (max-width: 980px) {
  br {
    display: none;
  }
  hr {
    margin-top: 5px;
    margin-bottom: 15px;
  }
  .issuuembed,
  p div[id^="wol"] {
    width: 100%!important;
  }
  div[style^="background"] {
    margin-bottom: 10px;
    padding: 10px 0;
    height: inherit!important;
  }
  th p:last-child,
  div[style^="background"] p:last-child {
    margin-bottom: 0px;
  }
  strong {
    display: inline-block;
  }
  img + br + a,
  a + p,
  img + br + .text,
  img + iframe,
  img + br + iframe,
  iframe + br + img,
  strong:not(.Title) + img,
  iframe + img,
  iframe + iframe,
  p em + img,
  img + span.Title,
  img + br + strong,
  iframe + strong,
  em + br + iframe,
  img + img,
  strong + br + span.text,
  strong + br + span,
  img + br + img {
    margin-top: 10px;
  }
  p a {
    display: inline-block;
  }
  p.text span.quotes {
    font-size: 32px;
  }
  .LT_coverdisplay {
    display: flex!important;
    flex-wrap: wrap;
    width: 100%!important;
    height: inherit!important;
    box-sizing: border-box;
  }
  .LT_coverdisplay > div {
    flex: 0 0 10% !important;
    width: 10% !important;
    position: static!important;
  }
  .LT_coverdisplay > div img {
    position: static!important;
    height: inherit;
  }
  .at4-share {
    position: absolute;
    top: 0;
  }
  object,
  th,
  .line,
  .Title {
    display: block!important;
    margin-bottom: 10px!important;
  }
  embed,
  .text {
    display: block;
  }
  object, embed {
    width: 100%!important;
    height: inherit!important;
  }
  p > .quotes {
    margin-bottom: 5px;
  }
  .quotes {
    margin-bottom: 15px;
  }
  #main {
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #main #contents {
    margin-left: 0px;
    padding: 0 15px;
    height: auto;
  }
  #main #nav {
    width: 160px;
    padding-left: 15px;
  }
  table > tbody > tr > td,
  table > tbody > tr,
  table > tbody,
  th,
  table {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    height: inherit;
  }
  img {
    width: 100%;
    height: auto;
  }
  div[style^="background"] {
    width: 100%!important;
    padding: 10px;
    box-sizing: border-box;
  }
  p, p.text {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  iframe {
    display: block!important;
    width: 100%!important;
    /**height: inherit;**/
  }
  form img[alt^="paypal"] {
    display: none;
  }
  img + br + a,
  form {
    margin-bottom: 10px;
  }
  .Title strong {
    display: initial;
  }
}
@media only screen and (max-width: 740px) {
  .LT_coverdisplay > div {
    flex: 0 0 14.28% !important;
    width: 14.28% !important;
  }
}
@media only screen and (max-width: 570px) {
  a {
    word-break: break-all;
  }
  .addthis-smartlayers[aria-labelledby^="at4-share"] {
    display: none;
  }
  #main {
    flex-wrap: wrap;
  }
  #main #contents,
  #main #nav {
    width: 100%;
    height: auto;
  }
  #main #nav .logo a {
    padding-bottom: 0px;
  }
  #main #nav .logo {
    padding-bottom: 25px;
    margin-left: -1px;
  }
  #nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  #nav ul li {
    flex: auto;
  }
  #nav ul li:first-child {
    flex: 0 0 100%;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 515px) {
  .Title {
    font-size: 15px;
  }
}
@media only screen and (max-width: 460px) {
  .LT_coverdisplay > div {
    flex: 0 0 25% !important;
    width: 25% !important;
  }
}
@media only screen and (max-width: 400px) {
  .LT_coverdisplay > div {
    flex: 0 0 20% !important;
    width: 20% !important;
  }
}
@media only screen and (max-width: 355px) {
  .LT_coverdisplay > div {
    flex: 0 0 40% !important;
    width: 40% !important;
  }
}