#contract {
   height: 70vh;
   width: 50vw;
   padding: 1em;

   border: var(--brd);
   border-radius: 1rem;
   padding-block: 1rem;
   background-color: var(--bl);

   overflow: visible !important;
   text-align: left;

   .twee-passage {
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: .5em;
   }

   h2 {
      text-align: center;
   }

   div.section {
      display: grid;
      margin-top: 1.5em;
      grid-template-columns: 1fr 1fr;
      gap: 2em;
      padding-top: 2em ;

      text-align: center;

      border: 1px solid var(--gr);
      border-radius: 1em;

      h3 {
         justify-self: center;
      }

      p {
         margin-block: .5rem;
      }

      h4 {
         margin-bottom: 1.25rem;
      }
   }
}


#contract span.links {
   position: absolute;
   bottom: 0;
   width: 100%;
   display: flex;
   justify-content: space-between;
   font-size: 1.2rem;

   a:hover {
      text-shadow: var(--pkText);
   }
}

#office #contract {
   height: 100%;
   border: 0;
   background-color: transparent;
}