@media screen and (max-width: 560px) {
  .maincontainer {
    width: 100%;
  }

  .logo {
    height: 50px;
  }

  .logo .img img {
    width: 40px;
  }

  .logo .title {
    font-size: 26px;
    text-shadow: 0px 6px #333333;
  }

  .topmenu LI {
    margin-right: 4px;
  }
  .topmenu LI A {
    font-size: 8pt;
    padding-left: 4px;
    padding-right: 4px;
  }
  .expo .content {
    float: none;
    width: 100%;
  }
  .expo .img {
    width: 100%;
  }
  .expo .nav {
    display: none;
  }
  .expo .navend {
    display: block;
  }
  div.photoidx {
    width: 100%;
  }
  .article-container > article.expo {
    flex-grow: 1;
    flex-basis: 100%;
  }

  .frontLeft {
    width: 100%;
    float: none;
    border-right: 0;
    margin-bottom: 2em;
  }
  .frontRight {
    width: 100%;
    float: none;
    border-right: 0;
    margin-bottom: 2em;
  }
  .frontTable {
    margin-right: 0px;
  }
}

@media screen and (max-width: 900px) {
  .photoidx {
    width: 30%;
  }
}

@media screen and (max-width: 900px) {
  .pubv {
    display: none;
  }
}

@media print {
  .topmenu,
  .topmenu2,
  .titlebar,
  .frontTable,
  .paging,
  TABLE.Index,
  TABLE.Photo,
  IMG.logo {
    width: 100%;
  }

  .button {
    visibility: hidden;
  }
}