/* 90s colors */
#logo-90s-green,
#timeline-90s-wrapper h4,
#timeline-90s h5,
#timeline-90s .timeline-trigger:hover {
	color: #84BD00;
}
#timeline-90s .timeline-trigger:hover svg {
	fill: #84BD00;
}
#logo-90s-smaller {
	color: #489300;
}

/* LOGO */
#logo-90s {
	overflow: hidden;
	position: absolute;
	left: 5%;
	top: 30px;
	color: #FFF;
}
#logo-90s.scrolled {
	position: fixed;
}
#logo-90s-green {
	position: absolute;
	left: 0;
	top: 20px;
}

/* BACKGROUND IMAGES */
#chapter-90s_start {
	position: relative;
	overflow: hidden;
}
#chapter-90s_bg-img-0 {
	background-image: url("../img/90s-00-Overview.jpg");
}
#chapter-90s_mobile-background {
	background: url("../img/90s-00-Overview.jpg") repeat 0 0;
		background-size: cover;
}
#chapter-90s_bg-img-1 {
	position: relative;
	background: url("../img/90s-Y2K-art.png") no-repeat center bottom;
		background-size: 100% auto;
}
#chapter-90s_bg-img-1 .chapter-wrapper {
	padding: 0 0 15%;
}
#chapter-90s_bg-img-2 {
	border-top: 170px solid #000;
}
#chapter-90s_bg-img-3 {
	border: 5px solid #000;
		border-left: none;
		border-right: none;
	overflow: hidden;
}

/* IMAGES */
#chapter-90s_img-1 {
	width: 50%;
	margin: 23% 25% 0;
}
#chapter-90s_img-2 {
	width: 23%;
	left: 33%;
	top: 8.5%;
}
#chapter-90s_img-3 {
	width: 17%;
	left: 57%;
	top: 9.5%;
}
#chapter-90s_img-4 {
	width: 27%;
	top: 22%;
	right: 10%;
	z-index: 10;
}
#chapter-90s_img-5 {
	width: 20%;
	left: 10%;
	top: 28.5%;
}
#chapter-90s_img-6 {
	width: 50%;
	margin: 2% 0 0 10%;
}
#chapter-90s_img-7 {
	width: 42%;
	right: 10%;
	top: 35%;
}
#chapter-90s_img-8 {
	width: 24%;
	right: 13%;
	top: 44.5%;
}
#chapter-90s_img-9 {
	width: 40%;
	margin: 8% 0 0 20%;
}
#chapter-90s_img-10 {
	width: 35%;
	right: 27%;
	top: 65%;
}
#chapter-90s_img-11 {
	width: 41%;
	float: right;
	margin: 7.5% 13% 0 0;
	position: relative;
	z-index: 1;
}
#chapter-90s_img-12 {
	width: 30%;
	top: 71%;
	left: 12%;
}
#chapter-90s_img-13 {
	width: 18%;
	right: 20%;
	top: 89%;
	z-index: 10;
}
#chapter-90s_img-14 {
	width: 40%;
	float: right;
	clear: both;
	margin: 7% 14% 0 0;
	position: relative;
	z-index: 1;
}
#chapter-90s_img-15 {
	width: 40%;
	margin-left: 10%;
}
#chapter-90s_img-16 {
	width: 51%;
	right: 5%;
	top: 8%;
}
#chapter-90s_img-17 {
	width: 35%;
	left: 10%;
	top: 15%;
}
#chapter-90s_img-18 {
	margin-top: 35%;
}
#chapter-90s_img-19,
#chapter-90s_img-20 {
	width: 39%;
}
#chapter-90s_img-19 {
	margin: 3% 0 0 10%;
}
#chapter-90s_img-20 {
	float: right;
	margin: 11% 10% 20% 0;
}
#chapter-90s_img-21 {
	width: 23%;
	left: 33%;
	top: 43%;
}
#chapter-90s_img-22 {
	width: 29%;
	right: 17%;
	top: 49%;
}
#chapter-90s_img-23 {
	width: 30%;
	bottom: 3%;
	right: 28%;
}
#chapter-90s_img-24 {
	width: 56%;
	left: 24%;
	top: -1%;
}
#chapter-90s_img-25 {
	width: 80%;
	margin-left: 10%;
}
#chapter-90s_img-26 {
	width: 100%;
	margin: -30px 0 0;
}
#chapter-90s_img-27 {
	width: 45%;
	left: 25%;
	top: 14%;
}
#chapter-90s_img-28 {
	width: 40%;
	margin: 9% 0 0 14%;
}
#chapter-90s_img-29 {
	width: 90%;
	margin: -20% 0 0;
}
#chapter-90s_img-30 {
	width: 25%;
	right: 19%;
	top: 30%;
}
#chapter-90s_img-31 {
	width: 80%;
	margin: 2% 0 0 10%;
}
#chapter-90s_img-32 {
	width: 43%;
	left: 9%;
	top: 79%;
}
#chapter-90s_img-33,
#chapter-90s_img-34 {
	width: 42%;
}
#chapter-90s_img-33 {
	margin: 2% 0 0 7%;
}
#chapter-90s_img-34 {
	float: right;
	margin: 5% 7% 0 0;
}
#chapter-90s_img-35 {
	width: 30%;
	margin: 0 0 0 10%;
}
#chapter-90s_img-36 {
	width: 42%;
	float: right;
	margin: 9% 16% 0 0;
}
#chapter-90s_img-37 {
	width: 37%;
	left: 11%;
	top: 14.5%;
}
#chapter-90s_img-39 {
	width: 80%;
	float: right;
	margin: 2% 10% 0 0;
}
#chapter-90s_img-40 {
	width: 48%;
	left: 38%;
	top: 36.5%;
}
#chapter-90s_img-41 {
	width: 20%;
	left: 39%;
	top: 50.5%;
}
#chapter-90s_img-42 {
	width: 36%;
	left: 57%;
	top: 49%;
}
#chapter-90s_img-43 {
	width: 28%;
	left: 67%;
	top: 51.5%;
}
#chapter-90s_img-44 {
	width: 40%;
	float: right;
	margin: 15% 10% 0 0;
}
#chapter-90s_img-45 {
	width: 46%;
	right: 27%;
	top: 62%;
	z-index: 9;
}
#chapter-90s_img-46 {
	width: 30%;
	right: 5%;
	top: 63%;
}
#chapter-90s_img-47 {
	width: 90%;
	margin: 35% 0 0 5%;
}
#chapter-90s_img-47-2 {
	width: 36%;
	left: 38%;
	top: 71.5%;
}
#chapter-90s_img-48 {
	width: 30%;
	left: 11%;
	top: 81.5%;
}
#chapter-90s_img-49 {
	width: 35%;
	margin: 3% 0 0 15%;
}
#chapter-90s_img-50 {
	width: 23%;
	left: 47%;
	top: 85.5%;
	z-index: 9;
}
#chapter-90s_img-51 {
	width: 12%;
	left: 70%;
	top: 89.5%;
}
#chapter-90s_img-52 {
	width: 30%;
	left: 47%;
	bottom: 0;
}
#chapter-90s_img-54 {
	width: 30%;
	left: 31.5%;
	top: 44%;
}
#chapter-90s_img-55 {
	width: 26%;
	left: 62%;
	top: 45%;
}
#chapter-90s_img-56 {
	width: 43%;
	float: right;
	margin: 2% 20% 2% 0;
}
#chapter-90s_img-57 {
	width: 23%;
	left: 12%;
	top: 69%;
}
#chapter-90s_img-59 {
	width: 150%;
	margin: -12% -25%;
}
#chapter-90s_img-60 {
	width: 90%;
	left: 5%;
	bottom: 0;
	z-index: 1;
}
#chapter-90s_img-61 {
	width: 30%;
	left: 35%;
	top: 31%;
}
#chapter-90s_img-62 {
	width: 16%;
	right: 20%;
	top: 17%;
}
#chapter-90s_img-63 {
	width: 80%;
	margin: 3% 0 0 10%;
}

/* IMAGE WRAPPERS */
#chapter-90s_img-wrapper-1 {
	width: 30%;
	right: 5%;
	top: 10.5%;
}
#chapter-90s_img-wrapper-2 {
	width: 39%;
	right: 15%;
	top: 44.5%;
}
#chapter-90s_img-wrapper-2 .inner-img-wrapper {
	padding: 0 5% 0 10%;
}
#chapter-90s_img-wrapper-3 {
	width: 29%;
	left: 13%;
	bottom: -33%;
}

/* TEXTBOXES */
#chapter-90s_tb-1 {
	width: 23%;
	left: 13%;
	top: 8%;
	z-index: 12;
}
#chapter-90s_tb-2 {
	width: auto;
	right: 34%;
	top: 22%;
}
#chapter-90s_tb-3 {
	width: 21%;
	left: 10%;
	top: 49%;
}
#chapter-90s_tb-4 {
	width: 28%;
	right: 7%;
	top: 53%;
}
#chapter-90s_tb-5 {
	width: 27%;
	right: 12%;
	top: 57.5%;
}
#chapter-90s_tb-6 {
	padding: 10% 0;
}
#chapter-90s_tb-7 {
	width: 34%;
	right: 0;
	top: 7%;
}
#chapter-90s_tb-8 {
	padding: 10% 0;
}
#chapter-90s_tb-9 {
	width: 27%;
	left: 10%;
	top: 20.3%;
}
#chapter-90s_tb-10 {
	width: 18%;
	right: 9%;
	top: 20%;
}
#chapter-90s_tb-11 {
	width: 31%;
	right: 15%;
	top: 28%;
}
#chapter-90s_tb-12 {
	width: 41%;
	left: 32%;
	top: 58.5%;
}
#chapter-90s_tb-13 {
	padding: 10% 0;
}
#chapter-90s_tb-14 {
	width: 24%;
	left: 40%;
	top: -1%;
}
#chapter-90s_tb-15 {
	width: 37%;
	right: 20%;
	top: 2%;
}
#chapter-90s_tb-16 {
	width: 34%;
	left: 20%;
	top: 10%;
}
#chapter-90s_tb-17 {
	width: 31%;
	right: 3%;
	top: 17%;
}
#chapter-90s_tb-18 {
	width: 22%;
	left: 55%;
	top: 23.5%;
}
#chapter-90s_tb-19 {
	width: 37%;
	left: 21%;
	top: 47%;
}
#chapter-90s_tb-20 {
	width: 28%;
	left: 9%;
	top: 66%;
}
#chapter-90s_tb-21 {
	width: 32%;
	left: 17%;
	top: 70.5%;
}
#chapter-90s_tb-22 {
	width: auto;
	left: 63%;
	top: 80%;
}
#chapter-90s_tb-23 {
	width: 23%;
	right: 5%;
	top: -65%;
}
#chapter-90s_tb-24 {
	width: 29%;
	right: 14%;
	top: -9%;
}
#chapter-90s_tb-25 {
	padding: 10% 0 35%;
}

/* TAKAHIRO */
#chapter-90s_takahiro-1 {
	width: 54%;
	position: absolute;
		left: 5%;
		top: 77%;
	z-index: 0;
}
#chapter-90s_takahiro-1_img-1 {
	height: 100%;
	left: 0;
	top: 0;
}
#chapter-90s_takahiro-1_img-2 {
	width: 70%;
	left: 15%;
	bottom: 0;
}
#chapter-90s_takahiro-1_img-3 {
	width: 100%;
	left: 0;
	top: 0;
}
#chapter-90s_takahiro-1 .takahiro-stripes {
	background-image: url("../img/90s-01G-takahiro-art-STRIPE.png");
}

#chapter-90s_takahiro-2 {
	width: 64%;
	position: absolute;
		left: 5%;
		bottom: 0;
	z-index: -1;
}
#chapter-90s_takahiro-2_img-2 {
	width: 30%;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#chapter-90s_takahiro-2_img-3 {
	width: 100%;
	left: 0;
	top: 0;
}
#chapter-90s_takahiro-2 .takahiro-stripes {
	background-image: url("../img/90s-02G-takahiro-art2-STRIPE.png");
}

#chapter-90s_takahiro-3 {
	width: 30%;
	float: right;
	clear: both;
	margin: 10% 10% 0 0;
	position: relative;
	overflow: hidden;
}
#chapter-90s_takahiro-3_img-2 {
	width: 100%;
	left: 0;
	top: 0;
}
#chapter-90s_takahiro-3 .takahiro-stripes {
	background-image: url("../img/90s-04D_stripe.png");
}

#chapter-90s_takahiro-4 {
	width: 60%;
	margin: -7% 0 0 10%;
	position: relative;
	float: left;
	overflow: hidden;
}
#chapter-90s_takahiro-4_img-2 {
	width: 100%;
	left: 0;
	top: 0;
}
#chapter-90s_takahiro-4 .takahiro-stripes {
	background-image: url("../img/90s-06A_stripe.png");
}