h1, h2, h3, h4, section {
    font-family: 'Bitter', cursive;
}

h2 {
  margin-bottom: 1em;
}

a {
    color: #000;
    text-decoration: none;
}

a:focus,
a:hover {
  color: #000;
  text-decoration: underline;
}
.mastfoot a {
  color: #fff;
}

p {
  font-size: 1.6em;
  margin-bottom: 1em;
}

section {

}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;

}

.element {
    width: 740px;
    padding-top: 6em;
    padding-bottom: 6em;
}

.newspaper h1 {
  width: 17em;
  font-size: 50px;
  vertical-align: bottom;
  position: absolute;
  right: 0;
  bottom: 3em;
}

.newspaper h1 span {
    font-weight: bold;
}

.newspaper img{
    width: 676px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.newspaper {
   position: relative;
    padding: 50px;
    width: 100%;
    height: 100%;
    display: block;
   b-ackground: -moz-linear-gradient(top, rgba(0,0,0,0) 7%, rgba(0,0,0,0.1) 19%, rgba(0,0,0,0.65) 84%, rgba(0,0,0,0.65) 100%),url("../images/newspaper.jpg"); /* FF3.6+ */
   b-ackground: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(0,0,0,0)), color-stop(19%,rgba(0,0,0,0.1)), color-stop(84%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))),url("../images/newspaper.jpg"); /* Chrome,Safari4+ */
   b-ackground: -webkit-linear-gradient(top, rgba(0,0,0,0) 7%,rgba(0,0,0,0.1) 19%,rgba(0,0,0,0.65) 84%,rgba(0,0,0,0.65) 100%),url("../images/newspaper.jpg"); /* Chrome10+,Safari5.1+ */
   b-ackground: -o-linear-gradient(top, rgba(0,0,0,0) 7%,rgba(0,0,0,0.1) 19%,rgba(0,0,0,0.65) 84%,rgba(0,0,0,0.65) 100%),url("../images/newspaper.jpg"); /* Opera 11.10+ */
   b-ackground: -ms-linear-gradient(top, rgba(0,0,0,0) 7%,rgba(0,0,0,0.1) 19%,rgba(0,0,0,0.65) 84%,rgba(0,0,0,0.65) 100%),url("../images/newspaper.jpg"); /* IE10+ */
   b-ackground: linear-gradient(to bottom, rgba(0,0,0,0) 7%,rgba(0,0,0,0.1) 19%,rgba(0,0,0,0.65) 84%,rgba(0,0,0,0.65) 100%),url("../images/newspaper.jpg"); /* W3C */

    background: url("../images/newspaper.jpg");
    background-color: #fff;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.newspaper h1{
    background-color: white;
    padding: 0.5em;
}

.brief .element {
  vertical-align: middle;
}

.online {
    background: red;
}
.read {
    background: #ccc;
    padding: 2em 0 0;
}

.read .container {
  width: 940px;
}

.worst {
    background: #555;
}

.worst h2, .worst p {
    color: #fff;
}

.worst .element {
  width: 940px;
}

.save-your-soul {
    background: #fff;
}

.gh {
  float: right;
  margin-top: 2em;
}

.mastfoot {
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #333;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
  box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}

.mastfoot a{
  color: #fff;
}

#chart {
  height: 1000px;
}

.node rect {
  cursor: pointer;
  fill-opacity: .9;
  shape-rendering: crispEdges;
}

.node text {
  pointer-events: none;
  fill: #fff;
  shape-rendering: crispEdges;
  text-shadow: 0 2px 2px #000;
}

.link {
  fill: none;
  stroke: #fff;
  stroke-opacity: 0.1;
}

.link.active {
  stroke-opacity: .8;
}


.article {
    position: relative;
    width: 940px;
    height: 1240px;
}
.website {
    width: 100%;
    height: 1240px;
    border: 0;
}
.tracking-svg {
    position: absolute;
    top: 0;
    left: 0;
}
.logo {
    font-family: 'Helvetica' sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.read-nav {
  margin-bottom: 1em;
}
.read-nav li a,
.read-nav li a:hover {
  background-color: #555;
  color: #fff;
/*  text-decoration: none;*/
}

.read-nav li a.active {
  background-color: #333;
  border: 1px solid #fff;
}

#read-experience {
  margin-top: 3em;
}

.who-follows {
  text-align: right;
}