nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
}
h1{
	color:#000;
	letter-spacing: 0.2em;
}
h1 .highlight-text{
	/*margin-left: 1.2em;*/
	font-size: 1.2em;
}
footer {
    width: 100%;
}
p{
	background: #fff;
}
section.intro{
	background-image: url("../static/imgs/cover-dec.png");
    background-position: left top;
    background-repeat: repeat-x;
    background-size:33%;
}
.cover{
	height: 60vh;
    background-image: url("../static/imgs/japan-map.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 55vh auto;
    background-attachment: fixed;
}
.graph{
	height: 100vh;
	z-index: 2;
	background: #fff;
}
.slide-section{
	margin-bottom: 30vh;
	
}
.slides{
	z-index: 0;
}
.slide{
	height: 80vh;
}
.slide-section h2{
	margin-bottom: 3em;
	background: #fff;
	z-index: 1;
	padding-top: 2em;

}
.highlight-text{
	color:#ef1d20;
}
.tip{
	cursor: pointer;
    padding: 0.2em 0.6em;
    display: inline-block;
    margin-right: 0.8em;
    margin-bottom: 0.4em;
    font-size: 0.8em;
    transition: all 0.2s;
    color:#696c6e;

}
.tip:hover{
	border-color:#000 !important;
	color:#000;
}
.tip-divider{
	font-size: 0.8em;
	color:#cacdd0;
	font-style: italic;
}
.tip-divider .divider{
	height: 0;
}
.methods p{
	font-size: 0.9em;
	color:#666;
}
.methods a{
	font-style: italic;
	text-decoration: underline;
	color:#999;
}
.methods a:hover{
	color:#ef1d20;
}
@media screen and (max-width: 768px) {
	.slide-section h2{
		margin-bottom: 0.5em;
		top: 100vw;
		padding-top: 0;
	}
	.slide{
	height: 40vh;
	}
}

@media (orientation: portrait) {
  .graph{
  	height: 100vw;
  }
}