body {
    background-color: #192231;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 78%;
}

h1 {
    color: white;
    font-family: 'Sorts Mill Goudy', serif;
    font-weight: 100;
    font-size: 48px;
    letter-spacing: 5px;
    margin: 60px 40px 0px 40px;
    text-align: center;
}

h2 {
    color: white;
    font-family: Lato;
    font-weight: 100;
    font-size: 32px;
    margin: 0px 40px 50px 40px;
    text-align: center;
}

.names {
  color: white;
  font-family:'Sorts Mill Goudy', serif;
  font-weight: 100;
  font-size: 19px;
  line-height: 120%;
  letter-spacing: 1px;
  text-align: justify;
  margin: 35px 160px 25px 160px;
}

.article {
  color: white;
  font-family:Lato;
  font-weight: 100;
  font-size: 19px;
  line-height: 120%;
  letter-spacing: 1px;
  text-align: justify;
  margin: 20px 160px 25px 160px;
}

a {
    color: #98878f;
}

.graphs {
  margin: auto 300px auto 300px;
  max-width: 650px;
  align-content: center;
}

/*----- Tabs -----*/
.tabs {
max-width: 620px;
display:inline-block;
align-content: center;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
display:block;
clear:both;
content:'';
}

.tab-links li {
margin: auto 5px;
float: left;
list-style: none;
}

.tab-links a {
padding:9px 14px;
display:inline-block;
border-radius:3px 3px 0px 0px;
background:#98878f;
font-size:16px;
font-family:Roboto;
font-weight:100;
color:white;
transition:all linear 0.15s;
}

.tab-links a:hover {
background: #98878f;
text-decoration:none;
}

li.active a, li.active a:hover {
background:#985e6d;
color:white;
}

/*----- Content of Tabs -----*/
.tab-content {
padding:15px;
border-radius:3px;
margin: 40px;
box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
background:white;
}

.tab {
display:none;
}

.tab.active {
display:block;
}

#datawrapper-chart-0iyFh {
 height: 200px !important; 
}

.footnote {
  color: #98878f;
  font-family:Lato;
  font-weight: 100;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: 1px;
  margin: 20px 160px 25px 160px;
}