.modal-window {
   position: fixed;
   background-color: rgba(211, 211, 211, 0.7);
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 999;
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   color: #000;
 }
 .modal-window:target {
   visibility: visible;
   opacity: 1;
   pointer-events: auto;
   z-index: 1000;
 }
 .modal-window > div {
   width: 60%;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
    height: calc(80vh - 50px);
   padding: 2em;
   background: #ffffff;
   box-shadow: 0px 0px 6px 0 grey;
   /*border: 1px solid #2f518f;*/
 }

 .logged-in.toolbar .modal-window > div {
   top: 55%;
 }

 .modal-window header {
   font-weight: bold;
 }
 .modal-window h1 {
   /* font-size: 150%; */
   font-size: 1.5vh;
   margin: 0;
 }

 @media (min-width: 768px) {
  .modal-window h1 {
    font-size: 2vh;
  }
}

 @media (min-width: 1024px) {
  .modal-window h1 {
    font-size: 2.5vh;
  }
}

 .modal-close {
   color: #aaa;
   line-height: 50px;
   font-size: 80%;
   position: absolute;
   right: 0;
   text-align: center;
   top: 0;
   width: 70px;
   text-decoration: none;
 }
 .modal-close:hover {
   color: black;
 }

 .modal-window div:not(:last-of-type) {
   margin-bottom: 15px;
 }

.share.modal-window > div {
   width: 30%;
   height: 150px;
   top: 30%!important;
}