div#popup {
       position: fixed;
       left: 0px;
       right: 0px;
       top: 0px;
       bottom: 0px;
       background: rgba(0, 0, 0, .7);
       padding: 8vh 16vw;
       visibility: hidden;
       z-index: 1000;
   }

   .popupWrapper {
       display: inline-table;
       width: 100%;
       table-layout: fixed;
       height: 100%;
       background: rgba(255, 255, 255, .6);
       box-shadow: 5px 30px 70px #232323;
       position: relative;
   }

   .popupWrapper::before {
       display: block;
       content: '';
       background: url('../img/close-filled.png');
       width: 48px;
       height: 48px;
       position: fixed;
       right: 10px;
       background-size: contain;
       top: 10px;
       filter: invert(1) drop-shadow(2px 2px 2px #111);
       opacity: .8;
       cursor: pointer;
       pointer-events: none;
   }

   .popupWrapper>* {
       display: table-cell;
       position: relative;
       vertical-align: middle;
       padding: 15rem;
       padding-right: 3rem;
   }

   .fronteiras img {
       width: auto;
       /* float: right; */
       max-height: 30vh;
       max-width: 100%;
       margin-left: 50%;
       transform: translateX(-50%);
   }

   .fronteiras {
       width: 33.34%;
   }

   article {
       padding-left: 6rem !important;
       padding-right: 15rem !important;
       font-family: 'Ubuntu Sans', 'Arial', sans-serif;
       width: 66.67%;
   }

   article h2 {
       font-family: 'Inter Tight', 'Inter', sans-serif;
       font-weight: 300;
       margin: 0px;
   }

   article h1 {
       font-size: 10rem;
       margin: 0px;
   }

   .post-content {
       margin-top: 1rem;
       overflow-y: auto;
       height: 75%;
   }

   .post-content figure img {
       max-width: 100%;
   }