<style>
    body {
      margin: auto;
      padding: 20px;
      text-align: center;
    }

    #panels {
      position: fixed;
      top: 0;
      left: 0;
      z-index: -5;
      width: 100%;
      height: 100vh;
      background-repeat: repeat;
    }

    #logo {
      width: 100%;
      align-self: center;
    }

    #basicInfo {
       text-align: center;
       font-family: serif;
       color: rgb(59, 104, 133);
       align-self: center;
       box-sizing: border-box;
       border: 5px double rgb(59, 104, 133);
    }

    #privacy {
       width: 50%;
       box-sizing: border-box;
       padding: 10px;
       border: 5px double rgb(59, 104, 133);
       border-radius: 25px;
       font-family: serif;
       display: inline-block;
       color: rgb(59, 104, 133);
    }

    .column {
      box-sizing: border-box;
      display: inline-block;
      padding: 10px;
      border-radius: 25px;
      width: 90%;
    }

    .centralColumn {
      box-sizing: border-box;
      display: inline-block;
      padding: 10px;
      border-radius: 25px;
      width: 55%;
    }

    .badge {
      padding: 10px;
      display: inline-block;
      vertical-align: middle;
    }

    .spacer {
      width: 75%;
      height: 2px;
      margin: 25px 12.5% 25px 12.5%;
      background-color: rgb(59, 104, 133);
    }

    @media (orientation: portrait) {
      #privacy {
         width: 95%;
      }

      .column {
        width: 100%;
      }

      .centralColumn {
        width: 100%;
      }

      .spacer {
        width: 75%;
        height: 2px;
        margin: 5px 12.5% 5px 12.5%;
        background-color: rgb(59, 104, 133);
      }

      #basicInfo {
        width: 100%;
        background: rgb(255,255,255);
      }
    }
</style>