.pure-g>div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1 {
  font-size: 1.7em;
}

h1,
h2 {
  font-weight: bold;
}
h2{
  font-size: 1.2em;
}

dt {
  font-weight: 800;
  font-size: 1em;
}

dl,
dd {
  margin: 0;
  padding: 0;
}

header {
  text-align: left;
}

article {
}

section {
  text-align: center;
}

.pure-button {
  font-size: 100%;
  margin: .25em 0 .25em 0;
  width: calc(100% - .25em);
  text-align: left;
  /*overflow: hidden;*/
  word-wrap: break-word;
  white-space: normal;
  padding: 0.25em;
}

.card {
  list-style: none;
  border-radius: 3px;
  padding: .5em;
  margin: 1em;
}

.svg-container {
display: inline-block;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 60px;
width: 90%;
vertical-align: middle;
overflow: hidden;
}

.svg-content {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}