/* 70s colors */
#logo-70s,
#logo-70s-top,
#timeline-70s-wrapper h4,
#timeline-70s h5,
#timeline-70s .timeline-trigger:hover {
	color: #F0B323;
}
#timeline-70s .timeline-trigger:hover svg {
	fill: #F0B323;
}
#logo-70s-smaller {
	color: #B38200;
}

/* LOGO */
#logo-70s {
	position: absolute;
	left: 5%;
	top: 30px;
}
#logo-70s.scrolled {
	position: fixed;
}
#logo-70s-top {
	position: absolute;
	left: 0;
	top: 20px;
}

/* BACKGROUND IMAGES */
#chapter-70s_bg-img-0 {
	background-image: url("../img/70s-00-Overview.jpg");
}
#chapter-70s_mobile-background {
	background: url("../img/70s-00-Overview.jpg") repeat right 0;
		background-size: cover;
}

#chapter-70s_bg-img-1,
#chapter-70s_bg-img-2,
#chapter-70s_bg-img-11 {
	position: relative;
	/*z-index: 1;*/
}

#chapter-70s_bg-img-1 { padding: 20% 0 0; }

#chapter-70s_bg-img-3 { overflow: hidden; }

#chapter-70s_bg-img-6 { padding: 0 0 5%; }

#chapter-70s_bg-img-8 { margin: 5% 0 0; }

#chapter-70s_bg-img-9 { position: relative; }

#chapter-70s_bg-img-11 {
	margin: -5% 0 0;
	background: url("../img/70s-05-Train.png") no-repeat center top #FFF;
		background-size: 100% auto;
}

#chapter-70s_bg-img-12 { margin: 25% 0 0; }

#chapter-70s_bg-img-13 {
	padding: 2% 0 15%;
	border-top: 5px solid #000;
	background: #5A5A5A;
}


/* IMAGES */
#chapter-70s_img-1 {
	width: 120%;
	margin: 0 -10%;
}
#chapter-70s_img-2 {
	width: 20%;
	left: 38%;
	top: 38%;
}
#chapter-70s_img-3 {
	width: 9%;
	left: 63%;
	top: 41%;
}
#chapter-70s_img-4 {
	width: 12%;
	left: 79%;
	top: 31%;
}
#chapter-70s_img-5 {
	width: 47%;
}
#chapter-70s_img-6 {
	width: 50%;
	float: right;
	margin: 20% 0 0;
}
#chapter-70s_img-7 {
	width: 45%;
	margin: -25% 0 0 13%;
}
#chapter-70s_img-8 {
	width: 15%;
	right: 23%;
	top: 56%;
}
#chapter-70s_img-9 {
	width: 26%;
	margin: 0 0 0 15%;
}
#chapter-70s_img-10 {
	width: 32%;
	margin: 7% 0 0 2%;
}
#chapter-70s_img-11 {
	width: 20%;
	right: 33%;
	top: 1%;
}
#chapter-70s_img-12 {
	width: 30%;
	float: right;
	margin: 2% 23% 0 0;
}
#chapter-70s_img-13 {
	width: 26%;
	right: 24%;
	top: 27%;
}
#chapter-70s_img-14 {
	width: 32%;
	margin: 4% 0 0 23%;
	position: relative;
	z-index: 2;
	clear: left;
}
#chapter-70s_img-15 {
	width: 35%;
	left: 30%;
	top: 51%;
}
#chapter-70s_img-16 {
	width: 30%;
	float: right;
	margin: -10% 20% 0 0;
	position: relative;
	z-index: 1;
}
#chapter-70s_img-17 {
	width: 15%;
	right: 28%;
	top: 71%;
}
#chapter-70s_img-18 {
	width: 55%;
	left: 32%;
	top: 26%;
}
#chapter-70s_img-19 {
	width: 45%;
	left: 7%;
	top: -1%;
}
#chapter-70s_img-20 {
	width: 18%;
	left: 22%;
	top: -7%;
}
#chapter-70s_img-21 {
	width: 24%;
	right: 19%;
	top: 22%;
}
#chapter-70s_img-22 {
	width: 35%;
	right: 4%;
	top: 60%;
}
#chapter-70s_img-23 {
	margin: 20% 0 0;
}
#chapter-70s_img-24 {
	width: 42%;
	left: 16%;
	top: 24%;
}
#chapter-70s_img-25 {
	width: 67%;
	margin: 2% 0 0;
}
#chapter-70s_img-26 {
	width: 36%;
	float: right;
	margin: -37% 0 0;
}
#chapter-70s_img-27 {
	width: 40%;
	left: 3%;
	top: 47%;
}
#chapter-70s_img-28 {
	width: 22%;
	left: 41%;
	top: 54%;
}
#chapter-70s_img-29 {
	width: 55%;
	margin: 2% 0 0;
}
#chapter-70s_img-30 {
	width: 18%;
	left: 55%;
	top: 67%;
}
#chapter-70s_img-31 {
	width: 48%;
	float: right;
	margin: -12% 0 0;
	position: relative;
	z-index: 7;
}
#chapter-70s_img-32 {
	width: 24%;
	left: 22%;
	top: 76%;
}
#chapter-70s_img-33 {
	width: 22%;
	left: 40%;
	top: 83%;
}
#chapter-70s_img-34 {
	width: 65%;
	margin: -17% 0 0;
	position: relative;
	z-index: 6;
}
#chapter-70s_img-35 {
	width: 22%;
	left: 33%;
	top: 46%;
}
#chapter-70s_img-36 {
	width: 25%;
	right: 15%;
	top: 50%;
}
#chapter-70s_img-37 {
	width: 33%;
	margin: 58% 0 0 5%;
}
#chapter-70s_img-38 {
	width: 40%;
	float: right;
	margin: 55% 20% 0 0;
}
#chapter-70s_img-39 {
	margin: -20% 0 0;
}
#chapter-70s_img-40 {
	width: 80%;
	margin: -5% 10% 0;
}
#chapter-70s_img-41 {
	width: 16%;
	left: 31%;
	top: 6%;
}
#chapter-70s_img-42 {
	width: 18%;
	left: 50%;
	top: 8.5%;
}
#chapter-70s_img-43 {
	width: 56%;
	margin: 3% 0 0 10%;
}
#chapter-70s_img-44 {
	width: 25%;
	left: 28%;
	top: 14.5%;
}
#chapter-70s_img-45 {
	width: 15%;
	left: 54%;
	top: 17%;
}
#chapter-70s_img-46 {
	width: 42%;
	margin: 8% 0 0 30%;
}
#chapter-70s_img-47 {
	width: 50%;
	float: right;
	margin: 2% 10% 0;
}
#chapter-70s_img-48 {
	width: 45%;
	left: 22%;
	top: 34%;
}
#chapter-70s_img-49 {
	width: 55%;
	margin: 10% 10% 0;
}
#chapter-70s_img-50 {
	width: 21%;
	left: 49%;
	top: 46%;
}
#chapter-70s_img-51 {
	width: 47%;
	float: right;
	margin: 2% 20% 0;
}
#chapter-70s_img-52 {
	width: 30%;
	left: 22%;
	top: 58.5%;
}
#chapter-70s_img-53 {
	width: 28%;
	left: 47%;
	top: 60%;
}
#chapter-70s_img-54 {
	width: 65%;
	float: right;
	margin: 10% 10% 0 0;
}
#chapter-70s_img-55 {
	width: 21%;
	left: 57%;
	top: 67%;
}
#chapter-70s_img-56 {
	width: 33%;
	left: 27%;
	top: 70%;
}
#chapter-70s_img-57 {
	width: 40%;
	margin: 2% 0 0 15%;
}
#chapter-70s_img-58 {
	width: 22%;
	right: 13%;
	top: 78%;
	z-index: 10;
}
#chapter-70s_img-59 {
	width: 23%;
	right: 10%;
	top: 9%;
}
#chapter-70s_img-60 {
	width: 18%;
	left: 14%;
	top: 16%;
}
#chapter-70s_img-61 {
	width: 15%;
	left: 20%;
	top: 28%;
}
#chapter-70s_img-62 {
	width: 20%;
	right: 10%;
	top: 37%;
}
#chapter-70s_img-63 {
	width: 27%;
	right: 0;
	top: 43%;
}
#chapter-70s_img-64 {
	width: 30%;
	left: 0;
	top: 49%;
}
#chapter-70s_img-65 {
	width: 20%;
	left: 2%;
	top: 63%;
}
#chapter-70s_img-66 {
	width: 29%;
	right: 8%;
	top: 71%;
}
#chapter-70s_img-67 {
	width: 26%;
	left: 2%;
	top: 80%;
}

/* TEXTBOXES */
#chapter-70s_tb-2 {
	width: 29%;
	right: 24%;
	top: 28%;
}
#chapter-70s_tb-3 {
	width: 21%;
	right: 18%;
	top: 44%;
}
#chapter-70s_tb-4 {
	width: 30%;
	left: 13%;
	top: 97%;
}
#chapter-70s_tb-5 {
	width: 30%;
	right: 12%;
	top: 102%;
}
#chapter-70s_tb-6 {
	margin: 7% 0;
}
#chapter-70s_tb-7 {
	width: 49%;
	right: 15%;
	top: 6%;
}
#chapter-70s_tb-8 {
	width: 35%;
	left: 49%;
	top: 83%;
}
#chapter-70s_tb-9 {
	width: 29%;
	left: 17%;
	top: 0;
}
#chapter-70s_tb-10 {
	width: 31%;
	left: 38%;
	top: 13%;
}
#chapter-70s_tb-11 {
	width: auto;
	left: 63%;
	top: 28%;
}
#chapter-70s_tb-12 {
	width: auto;
	right: 36%;
	top: 80%;
}
#chapter-70s_tb-13_img {
	width: 23%;
	left: 13%;
	bottom: -12%;
}
#chapter-70s_tb-14 p {
	width: 60%;
}
#chapter-70s_tb-15 {
	width: 37%;
	left: 0%;
	top: 6%;
}
#chapter-70s_tb-16 {
	width: 32%;
	left: 8%;
	top: 25%;
}
#chapter-70s_tb-17 {
	width: 17%;
	left: 45%;
	top: 33%;
}
#chapter-70s_tb-18 {
	width: 11%;
	right: 24%;
	top: 38%;
}
#chapter-70s_tb-19 {
	width: 35%;
	left: 18%;
	top: -44%;
}
#chapter-70s_tb-20 {
	width: 29%;
	left: 50%;
	top: -28%;
}
#chapter-70s_tb-21 {
	width: 28%;
	right: 12%;
	top: 47%;
}
#chapter-70s_tb-22 {
	margin: 5% 0;
	color: #FFF;
}
#chapter-70s_tb-22 p {
	width: 42%;
}
#chapter-70s_tb-23 {
	width: 29%;
	right: 30%;
	top: 54%;
}
#chapter-70s_tb-24 {
	width: 31%;
	right: 15%;
	top: 57.5%;
}

/* TAKAHIRO */
#chapter-70s_takahiro-1 {
	width: 100%;
	float: left;
	position: relative;
	margin: 5% 0;
}
#chapter-70s_takahiro-1_img-1,
#chapter-70s_takahiro-1_img-2 {
	width: 100%;
}
#chapter-70s_takahiro-1_img-2 {
	left: 0;
	top: 0;
}
#chapter-70s_takahiro-1 .takahiro-stripes {
	background-image: url("../img/70s-01-Riot-STRIPE.png");
}

#chapter-70s_takahiro-2 {
	width: 100%;
	float: left;
	position: relative;
	margin: 2% 0 5%;
}
#chapter-70s_takahiro-2_img-1,
#chapter-70s_takahiro-2_img-2 {
	width: 100%;
}
#chapter-70s_takahiro-2_img-2 {
	left: 0;
	top: 0;
}
#chapter-70s_takahiro-2 .takahiro-stripes {
	background-image: url("../img/70s-02-Computer-room-STRIPE.png");
}

#chapter-70s_takahiro-3_wrapper {
	overflow: hidden;
}
#chapter-70s_takahiro-3 {
	width: 120%;
	float: left;
	position: relative;
	margin: 5% -10% 0;
}
#chapter-70s_takahiro-3_img-1 {
	width: 100%;
}
#chapter-70s_takahiro-3 .takahiro-stripes {
	background-image: url("../img/70s-03-Takahiro-STRIPE.png");
}

#chapter-70s_takahiro-4 {
	width: 70%;
	float: left;
	position: relative;
	margin: 8% 15% 10%;
}
#chapter-70s_takahiro-4_img-1,
#chapter-70s_takahiro-4_img-2 {
	width: 100%;
}
#chapter-70s_takahiro-4_img-2 {
	left: 0;
	top: 0;
}
#chapter-70s_takahiro-4 .takahiro-stripes {
	background-image: url("../img/70s-06-H-Takahiro-STRIPE.png");
}