body {
    font-weight: 100;
    min-width: 360px;
  }
  section, footer {
    padding: 2em 0 1.5em;
  }
  header {
    top: 0;
    position: sticky;
    z-index: 1000;
  }
  .nav-link {
    color: #eee;
  }
  .nav-link:hover, .nav-link:active, .nav-link:focus {
    color: #C34 !important;
  }
  h2 {
    padding-bottom:0.7em;
  }
  h3, h4 {
    padding-top: 0.6em; padding-bottom: 0.4em;
  }
  .bg-dark {
    background: #232025 !important;
    color: #eee;
  }
  .bg-signal {
    background: #C34;
  }
  .progress-rem {
    background:none;
    color:#6c757d; /* secondary in Boostrap */
  }
  
  td[contenteditable="true"] {
    box-shadow: inset 0 0 0.3em rgba(0,0,0,0.5);
  }
  
  td[contenteditable="true"]:hover,
  td[contenteditable="true"]:focus {
    background-color: #FFF8E0;
  }
  
  #logo {
    height: 1.5em;
    margin-right: 0.3em;
  }
  
  #heroleft {
    font-weight: 100;
    padding-top: 7em;
    padding-bottom: 11em;
  }
  #slogan {
    color: #C34;
  }
  #mainmsg {
    padding: 1.3em 0;
  }
  
  #rating {
    margin-bottom: 1em;
  }
  #rating > div > * {
    display: inline-block;
  }
  #rating h5 {
    font-weight: 100;
    width: 10em;
  }
  #rating > * > div,
  .starsymbol {
    font-size: 1.6em;
    color: #FC0;
  }
  .rating-click {
    cursor: pointer;
  }
  
  
  /* PROFILE IMAGES */
  
  .progress {
    position: relative;
    overflow: visible;
  }
  .progress-control {
    position: absolute;
    width: 1.5em; height: 2em;
    margin-left: -0.75em;
    margin-top: -0.4em;
    border-radius: 1em;
    background: #fff;
    border: 2px solid #aaa;
    z-index:100;
    cursor: ew-resize;
  }
  
  .pr-mind {
    background:#4298b4;
  }
  .pr-energy {
    background:#e4ae3a;
  }
  .pr-nature {
    background:#33a474;
  }
  .pr-tactics {
    background:#88619a;
  }
  .pr-env {
    background:#888;
  }
  .pr-approach {
    background:#C34
  }
  .pr-focus {
    background:#21C3B5
  }
  
  tr.profile strong {
    padding: 2px 3px;
    color: white;
    font-weight: 600;
  }
  div.profile {
    width: 5em;
  }
  div.profile .progress {
    height: 3px;
    margin: 3px;
  }