* {
          -webkit-touch-callout: none;
      }
      * {
          -webkit-user-select: none;
          box-sizing: border-box;
      }
      body {
          font-size: 62.5%;
          font-family: arial, Helvetica, sans-serif;
      }
      html, body {
          background-color: #1a1a1a;
          margin: 0;
          padding: 0;
          width: 100%;
          height: 100%;
          color: #fff;
      }
      h1 {
          font-size: 36px;
      }
      h2 {
          font-size: 30px;
      }
      h3 {
          font-size: 24px;
      }
      h4 {
          font-size: 18px;
      }
      h5 {
          font-size: 14px;
      }
      h6 {
          font-size: 12px;
      }
      p {
          font-size: 13.2px;
      }
      li {
          font-size: 18.5px;
      }
      ol.upper-roman {list-style-type:upper-roman;}
      @media (min-width: 768px) {
          .container {
              width: 750px;
          }
      }
      @media (min-width: 992px) {
          .container {
              width: 970px;
          }
      }
      @media (min-width: 1200px) {
          .container {
              width: 1170px;
          }
      }
      .container {
          padding-right: 15px;
          padding-left: 15px;
          margin-right: auto;
          margin-left: auto;
      }
      .logo {
          background-image: url("https://d2ggugd94z1qg1.cloudfront.net/bob/blog/images/logo.png");
          background-repeat: no-repeat;
          background-size: cover;
          width: 340px;
          height: 181px;
          margin: 25px auto 0 auto;
      }
      .color-text {
          color: #DE9B2D;
      }
      .bottom-content {
          text-align: center;
          margin-bottom: 20px;
      }