@media (max-width: 1023px) or (orientation: portrait){header .logo{width:100%;height:60px;margin:auto;text-align:center}header .logo img{object-fit:cover;height:100%;cursor:pointer}}@media (min-width: 1024px) and (orientation: landscape){header .logo{height:100px}header .logo img{object-fit:cover;height:100%;cursor:pointer}header .page-back{margin:0;position:fixed;right:20px;bottom:20px;width:64px;height:64px;background-color:#000;opacity:.3}}header .page-back{margin:0;position:fixed;right:20px;bottom:20px;width:64px;height:64px;background-color:#000;opacity:.3}header .page-back a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;text-align:center}header .page-back a:visited{color:#fff}main{min-height:100vh}@media (max-width: 1023px) or (orientation: portrait){.gallery{display:flex;flex-wrap:wrap}.gallery a{width:45%;flex-direction:column;justify-content:space-around;align-items:center;margin:auto auto 10px;text-align:center;color:#333}.gallery a img{width:100%;object-fit:cover}.gallery .caption p{display:none}}@media (min-width: 1024px) and (orientation: landscape){.gallery{width:90%;margin:auto;display:flex;flex-wrap:wrap}.gallery a{margin:10px;text-align:center;color:#333}.gallery a span{display:block;height:180px;display:inline-block;overflow:hidden}.gallery a img{transform:scale(1);object-fit:cover;transition:transform .15s ease 0s}.gallery a:hover img{transform:scale(1.2);opacity:.7}.gallery .caption p{display:none}}