.archive { min-height: 60vh; padding: 140px 20px 80px; background: #fff; }
.archive-inner { max-width: 1150px; margin: 0 auto; }
.archive h2 { margin: 0 0 36px; color: #222; }
.archive .view-wrap .modal-dialog { max-width: 100%; margin: 0 auto; }
.archive-note { max-width: 1150px; margin: 120px auto 0; padding: 15px; color: #555; background: #f4f4f4; }
#restore-modal { position: fixed; z-index: 20000; inset: 0; overflow: auto; padding: 30px 15px; background: rgba(0,0,0,.7); }
#restore-modal .view-wrap { max-width: 1150px; margin: 0 auto; }
#restore-modal .modal-dialog { width: auto; margin: 0 auto; }
#restore-modal .modal-content { background: #fff; }
#restore-modal .modal-body img { max-width: 100%; height: auto; }
@media (max-width: 767px) {
  .archive { padding: 110px 15px 50px; }
  #restore-modal { padding: 10px; }
}