/* custom css rules */

body {
	font-family: 'Raleway', sans-serif;
}

.d3-tip {
	font-size: 12px;
}

div {
	text-align: center;
	font-family: "Palatino", URW, serif;
}

.main_title {
	padding-left: 20%;
	padding-right: 20%;
	padding-top: 5%;
}

.sub_title {
	padding-left: 30%;
	padding-right: 30%;
}

.header_image {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

p.title_description {
	text-align: justify;
	font-family: "Palatino", URW, serif;
	padding-left: 35%;
	padding-right: 35%;
}

p {
	text-align: justify;
	font-family: "Palatino", URW, serif;
}

.vis_holder {
	color: blue;
}

.sliders {
	margin-bottom: 8%;
}

.sliders .noUi-connect {
	background: #2E86C1;
}

.axis--grid .domain {
	fill: #ddd;
	stroke: none;
}

.axis--x .domain,
.axis--grid .tick line {
	stroke: #fff;
}

.axis--grid .tick--minor line {
	stroke-opacity: .5;
}

.slider-title {
	text-align: center;
}

#first {
	padding-left: 20%;
}

h5 {
	padding-left: 20%;
	padding-right: 20%;
}

img {
	max-height: 100%;
	max-width: 100%
}

mark.red {
	color: red;
	background: none;
}

mark.green {
	color: green;
	background: none;
}

p.story {
	vertical-align: bottom;
}

li {
	text-align: left;
}

.section_sep {
	margin-top: 4%;
}