html, body {
          height: 100%;
      }
      body {
          font-family: Microsoft Sans Serif;
          margin: 0;
          overflow: hidden;
          background:#fff;
      }

      .table {
          width: 100%;
          height: 100vh;
      }
      .table tbody tr {
          width: 33%;
          text-align: center;
      }
      .table tbody td {
          width: 33%;
          text-align: center;
      }
      .header img {
          max-width: 100%;
      }
      .advertisement {
        text-align: left;
        padding: 1vmin;
        font-size: 5vmin;
      }
      .reference {
        display: -webkit-box;
      }

      .contractType {
        display: -webkit-box;
		line-height: 6vmin;
        color: #FF9124; 
      }

      .description {
        display: -webkit-box;
        padding-top: 3vmin;
        padding-left: 3vmin;

        font-family: montserrat;
        color: #FF9124;
        font-weight: bold;
      }

      .location {
        display: -webkit-box;
        font-family: lucida Sans;
        font-size: 4vmin;
        padding-top: 2vmin;
        padding-left: 3vmin;
      }
      @media (orientation: portrait) {
          .table tbody {
              width: 100%;
              height: 100%;
          }
          .table tbody tr {
              width: 100%;
              display: block;
              align-items: center;
          }
          .table tbody td {
              display: inline-flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              height: 33vh;
          }
          .header img {
              max-height: 100%;
              text-align: center;
          }
          .advertisement {
            font-size: 6vmin;
          }
      }