@charset "utf-8";

body {
	background-color: #ffffff;
}

/* HEADER MENU */
#inq-menu {
	background-color: #f5f5f5;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #dedede;
	position: fixed;
	top: 0px;
	z-index: 9999;
}

#menu-wrap {
	width: 1170px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#mobile-nav {
	float: left;
	width: 24px;
	margin: 13px 0 0 0;
	display: none;
	cursor: pointer;
}

#inq-logo {
	width: 150px;
	height: 17px;
	margin-top: 17px;
	float: left;
}

#inq-logo img {
	width: 100%;
}

#menu-list {
	float: left;
	margin: 21px 0 0 20px;
}

#menu-list ul {
	overflow: hidden;
	font-family: 'mallory';
	font-weight: 300;
	color: #333333;
	text-transform: uppercase;
}

#menu-list li {
	float: left;
	font-size: 12px;
	margin-left: 20px;
}

#menu-list a, #menu-list a:visited, #menu-list a:hover {
	text-decoration: none;
	color: #333333;
}

#menu-share {
	float: right;
	overflow: hidden;
	margin: 14px 0 0 0;
}

#menu-share ul {
	overflow: hidden;
}

#menu-share li {
	float: left;
	height: 26px;
	margin-left: 10px;
}

.ms-img-fb {
	width: 71px;
	height: 26px;
}

.ms-img-twt {
	width: 76px;
	height: 26px;
}

#menu-share a, #menu-share a:visited, #menu-share a:hover {
	text-decoration: none;
}

.menulist{
	position:fixed;
	z-index:10000;
	left:0;top:51px;bottom:0;
	width:0;
	height:auto;
	background: rgba(0, 0, 0, .90);
	overflow-x:hidden;
	font-family: 'Roboto', Arial, sans-serif;
	text-transform: uppercase;
}

.menulist p {
	font-size: 14px;
	color: #ffffff;
	width: 300px;
	text-align: center;
}

.menulist ul {
	font-size: 16px;
	width: 300px;
	margin: 20px 0 0 10px;
	font-weight: 700;
}

.menulist li {
	border-bottom: 1px solid #333333;
	padding: 15px;
	text-align: center;
}

.menulist a, .menulist a:visited {
	text-decoration: none;
	color: #ffffff;
	padding-left: 10px;
	transition: .5s;
}

.menulist a:hover {
	text-decoration: none;
	color: #059dff;
}

/* COVER */
#ss-cover {
	width: 100%;
	height: 100vh;
	position: relative;
}

#ss-blend {
	background-color: #333333;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#ss-blend img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.cover-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.column::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cover-multiply::after{
  background-color: #0b72b5;
  mix-blend-mode: multiply;
}

#ss-info {
	width: 50%;
	height: 200px;
	margin: 0 auto;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	z-index: 2;
	text-align: center;
}

#ss-info h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 72px;
	color: #ffffff;
	letter-spacing: -0.010em;
}

#ss-info h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
	margin: 15px 0 0 0;
}

/* points and lines */

#ss-line-wrap {
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: 0;
}

#ss-points {
	width: 16px;
	height: 16px;
	background-image: url(images/point-blank.svg);
	margin: 0 auto;
}

#ss-line {
	width: 2px;
	height: 250px;
	background-image: url(images/line.svg);
	margin: 5px auto 0;
}

/* SS META */
#ss-meta {
	width: 100%;
	height: auto;
	padding: 40px 0;
	background-color: #0b72b5;
}

#ss-meta p {
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	width: 50%;
	margin: 0 auto 10px;
	font-style: italic;
}

/* TIMELINE */

#timeline-highlight {
	width: 100%;
	min-height: 500px;
	position: relative;
	overflow: hidden;
}

#highlight-blend {
	background-color: #333333;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#highlight-blend img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.politics-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.politics-multiply::after{
  background-color: #1bbbe9;
  mix-blend-mode: multiply;
}

.corruption-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.corruption-multiply::after{
  background-color: #A55D35;
  mix-blend-mode: multiply;
}

.fpolicy-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.fpolicy-multiply::after{
  background-color: #41928b;
  mix-blend-mode: multiply;
}

.economy-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.economy-multiply::after{
  background-color: #6ab023;
  mix-blend-mode: multiply;
}

.drugs-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.drugs-multiply::after{
  background-color: #9c202f;
  mix-blend-mode: multiply;
}

#hl-start {
	width: 2px;
	height: 40px;
	background-image: url(images/line.svg);
	margin: 5px auto 0;
	position: relative;
	z-index: 2;
}

#hl-solid {
	width: 2px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	background-color: #1BBBE9;
	z-index: 2;
}

#hl-point {
	width: 16px;
	height: 26px;
	background-image: url(images/point-start.svg);
	margin: 10px auto 0;
	z-index: 2;
	position: relative;
}

#hl-info {
	width: 50%;
	height: auto;
	margin: 10px auto 0;
	position: relative;
	z-index: 3;
}

#hl-info a, #hl-info a:visited, #hl-info a:hover {
	color: #ffffff;
	text-decoration: none;
}

#highlight-date {
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
	z-index: 2;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
}

#hl-info h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 48px;
	color: #ffffff;
	line-height: 54px;
	letter-spacing: -0.010em;
	margin: 30px auto 0;
}

#hl-info p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
	line-height: 22px;
	margin: 20px 0 0 0;
}

#tl-vote {
	width: 180px;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin: 20px auto 20px;
}

.thumbs-up {
	float: left;
	text-align: center;
}

.thumbs-down {
	float: right;
	text-align: center;
}

#tl-vote span {
	display: block;
	font-family: 'Lato';
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 10px;
}

#tl-vote img {
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	opacity: 0.7;
	transition: .5s;
}

#tl-vote img:hover {
	opacity: 1;
}

.vote-selected {
	opacity: 1!important;
}

#tl-you-have-voted {
	width: 200px;
	height: auto;
	margin: 20px auto 0;
	z-index: 2;
	position: relative;
	text-align: center;
	font-family: 'Lato';
	font-weight: 400;
	color: #fcfcfc;
	display: none;
}

#tl-you-already-voted {
	width: 200px;
	height: auto;
	margin: 20px auto 0;
	z-index: 2;
	position: relative;
	text-align: center;
	font-family: 'Lato';
	font-weight: 400;
	color: #fcfcfc;
	display: none;
}


/* MAIN TIMELINE */

#timeline-wrap	{
	width: 100%;
	height: auto;
	background-color: #004985;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}

#tw-line {
	width: 16px;
	height: 100%;
	margin: 0 auto;
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

#point-line {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	background-color: #1BBBE9;
}

#point-start {
	width: 16px;
	height: 26px;
	background-image: url(images/point-start.svg);
	margin: 20px auto 0;
}

#tw-date {
	width: 100%;
	height: auto;
	margin: 50px auto 20px;
	text-align: center;
	background-color: #004985;
	position: relative;
	z-index: 2;
	padding: 10px 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
}

#tw-wrap-3col {
	width: 730px;
	margin: 20px auto 0;
	height: auto;
	z-index: 2;
	position: relative;
	overflow: hidden;
	background-image: url(images/tw-mid.svg);
	background-size: 50px 10px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#tw-wrap-1col {
	width: 340px;
	margin: 20px auto 0;
	height: auto;
	z-index: 2;
	position: relative;
	overflow: hidden;
}

#tw-l {
	float: left;
	width: 340px;
	height: auto;
	padding-bottom: 20px;
	background-color: #003E71;
}

#tw-r {
	float: right;
	width: 340px;
	height: auto;
	padding-bottom: 20px;
	background-color: #003E71;
}

#tw-m {
	width: 340px;
	height: auto;
	padding-bottom: 20px;
	background-color: #003E71;
}

#tw-img {
	width: 100%;
	height: 190px;
	background-size: cover;
	background-position: 50% 50%;
}

#tw-head {
	width: 90%;
	height: auto;
	margin: 15px auto 0;
}

#tw-head h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #00D8FF;
}

#tw-p {
	width: 90%;
	height: auto;
	margin: 10px auto;
}

#tw-p p{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
	line-height: 22px;
	letter-spacing: 0.010em;
}

#tw-wrap-3col a, #tw-wrap-3col a:visited, #tw-wrap-3col a:hover {
	text-decoration: none;
	color: #00D8FF;
}

#tw-wrap-1col a, #tw-wrap-1col a:visited, #tw-wrap-1col a:hover {
	text-decoration: none;
	color: #00D8FF;
}

#tl-end {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #004985;
	overflow: hidden;
	padding-bottom: 40px;
}

#line-end {
	width: 2px;
	height: 100px;
	background-image: url(images/line.svg);
	margin: 5px auto 0;
	position: relative;
}

#point-end {
	width: 16px;
	height: 16px;
	background-image: url(images/point-blank.svg);
	margin: 0 auto;
}

#footer-wrap {
	width: 100%;
	height: auto;
	background-color: #004985;
	overflow: hidden;
}

#footer-wrap h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: -0.010em;
	text-align: center;
	padding: 20px 0;
}

/* VOTE TOTAL */
#vote-total {
	width: 200px;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin: 30px auto 20px;
}

#vote-total span {
	display: block;
	font-family: 'Mallory';
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 10px;
	letter-spacing: .10em;
}

#vote-total img {
	width: 70px;
	height: 70px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
}

@media only screen and (min-width: 1024px) and (max-width: 1199px){

#menu-wrap {
	width: 100%;
}

#mobile-nav {
	display: block;
	margin: 13px 0 0 10px;
}

#inq-logo {
	position: absolute;
	margin: 17px auto 0;
	left: 0;
	right: 0;
}

#menu-list {
	display: none;
}

#menu-share {
	display: none;
}

}

@media only screen and (min-width: 768px) and (max-width: 1023px){

#menu-wrap {
	width: 100%;
}

#mobile-nav {
	display: block;
	margin: 13px 0 0 10px;
}

#inq-logo {
	position: absolute;
	margin: 17px auto 0;
	left: 0;
	right: 0;
}

#menu-list {
	display: none;
}

#menu-share {
	display: none;
}

/* COVER */
#ss-blend img {
	object-position: 8% 50%;
}

#ss-info {
	width: 80%;
	height: auto;
	top: 40%;
}

#ss-info h1 {
	font-size: 44px;
	letter-spacing: -0.010em;
}

#ss-info h2 {
	font-size: 14px;
}

/* points and lines */

#ss-line {
	height: 450px;
}

/* SS META */

#ss-meta p {
	font-size: 16px;
	width: 80%;
}

/* TIMELINE */

#timeline-highlight {
	width: 100%;
	min-height: 500px;
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}

#highlight-blend {
	background-color: #333333;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#hl-info {
	width: 80%;
}

#hl-info h2 {
	font-size: 24px;
	line-height: 28px;

}

/* MAIN TIMELINE */

#timeline-wrap	{
	width: 100%;
	height: auto;
	background-color: #004985;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}


#tw-wrap-3col {
	margin: 20px auto 0;
	height: auto;
	z-index: 2;
	position: relative;
	overflow: hidden;

}

#tw-wrap-1col {
	width: 100%;
	margin: 10px auto 0;
}

#tw-l {
	float: left;
	width: 340px;
	margin: 20px auto 0;
}

#tw-r {
	float: right;
	width: 340px;
	margin: 20px auto 0;
}

#tw-m {
	width: 340px;
	margin: 20px auto 0;
}

}

@media only screen and (min-width: 720px) and (max-width: 767px){

#menu-wrap {
	width: 100%;
}

#mobile-nav {
	display: block;
	margin: 13px 0 0 10px;
}

#inq-logo {
	position: absolute;
	margin: 17px auto 0;
	left: 0;
	right: 0;
}

#menu-list {
	display: none;
}

#menu-share {
	display: none;
}

/* COVER */
#ss-blend img {
	object-position: 8% 50%;
}

#ss-info {
	width: 80%;
	height: auto;
	top: 40%;
}

#ss-info h1 {
	font-size: 44px;
	letter-spacing: -0.010em;
}

#ss-info h2 {
	font-size: 14px;
}

/* points and lines */

#ss-line {
	height: 170px;
}

/* SS META */

#ss-meta p {
	font-size: 16px;
	width: 80%;
}

/* TIMELINE */

#timeline-highlight {
	width: 100%;
	min-height: 500px;
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}

#highlight-blend {
	background-color: #333333;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#hl-info {
	width: 80%;
}

#hl-info h2 {
	font-size: 24px;
	line-height: 28px;

}

/* MAIN TIMELINE */

#timeline-wrap	{
	width: 100%;
	height: auto;
	background-color: #004985;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}


#tw-wrap-3col {
	width: 90%;
	margin: 20px auto 0;
	height: auto;
	z-index: 2;
	position: relative;
	overflow: hidden;
	background-image: none;
}

#tw-wrap-1col {
	width: 90%;
	margin: 10px auto 0;
}

#tw-l {
	float: none;
	width: 340px;
	margin: 20px auto 0;
}

#tw-r {
	float: none;
	width: 340px;
	margin: 20px auto 0;
}

#tw-m {
	width: 340px;
	margin: 20px auto 0;
}

}

@media only screen and (min-width: 600px) and (max-width: 719px){

#menu-wrap {
	width: 100%;
}

#mobile-nav {
	display: block;
	margin: 13px 0 0 10px;
}

#inq-logo {
	position: absolute;
	margin: 17px auto 0;
	left: 0;
	right: 0;
}

#menu-list {
	display: none;
}

#menu-share {
	display: none;
}

/* COVER */
#ss-blend img {
	object-position: 8% 50%;
}

#ss-info {
	width: 80%;
	height: auto;
	top: 40%;
}

#ss-info h1 {
	font-size: 44px;
	letter-spacing: -0.010em;
}

#ss-info h2 {
	font-size: 14px;
}

/* points and lines */

#ss-line {
	height: 170px;
}

/* SS META */

#ss-meta p {
	font-size: 16px;
	width: 80%;
}

/* TIMELINE */

#timeline-highlight {
	width: 100%;
	min-height: 500px;
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}

#highlight-blend {
	background-color: #333333;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#hl-info {
	width: 80%;
}

#hl-info h2 {
	font-size: 24px;
	line-height: 28px;

}

/* MAIN TIMELINE */

#timeline-wrap	{
	width: 100%;
	height: auto;
	background-color: #004985;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}


#tw-wrap-3col {
	width: 90%;
	margin: 20px auto 0;
	height: auto;
	z-index: 2;
	position: relative;
	overflow: hidden;
	background-image: none;
}

#tw-wrap-1col {
	width: 90%;
	margin: 10px auto 0;
}

#tw-l {
	float: none;
	width: 340px;
	margin: 20px auto 0;
}

#tw-r {
	float: none;
	width: 340px;
	margin: 20px auto 0;
}

#tw-m {
	width: 340px;
	margin: 20px auto 0;
}

}

@media only screen and (min-width: 480px) and (max-width: 599px){

#menu-wrap {
	width: 100%;
}

#mobile-nav {
	display: block;
	margin: 13px 0 0 10px;
}

#inq-logo {
	position: absolute;
	margin: 17px auto 0;
	left: 0;
	right: 0;
}

#menu-list {
	display: none;
}

#menu-share {
	display: none;
}

/* COVER */
#ss-blend img {
	object-position: 8% 50%;
}

#ss-info {
	width: 80%;
	height: auto;
	top: 40%;
}

#ss-info h1 {
	font-size: 44px;
	letter-spacing: -0.010em;
}

#ss-info h2 {
	font-size: 14px;
}

/* points and lines */

#ss-line {
	height: 170px;
}

/* SS META */

#ss-meta p {
	font-size: 16px;
	width: 80%;
}

/* TIMELINE */

#timeline-highlight {
	width: 100%;
	min-height: 500px;
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}

#highlight-blend {
	background-color: #333333;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#hl-info {
	width: 80%;
}

#hl-info h2 {
	font-size: 24px;
	line-height: 28px;

}

/* MAIN TIMELINE */

#timeline-wrap	{
	width: 100%;
	height: auto;
	background-color: #004985;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}


#tw-wrap-3col {
	width: 90%;
	margin: 20px auto 0;
	height: auto;
	z-index: 2;
	position: relative;
	overflow: hidden;
	background-image: none;
}

#tw-wrap-1col {
	width: 90%;
	margin: 10px auto 0;
}

#tw-l {
	float: none;
	width: 340px;
	margin: 20px auto 0;
}

#tw-r {
	float: none;
	width: 340px;
	margin: 20px auto 0;
}

#tw-m {
	width: 340px;
	margin: 20px auto 0;
}

}

@media only screen and (min-width: 375px) and (max-width: 479px){

#menu-wrap {
	width: 100%;
}

#mobile-nav {
	display: block;
	margin: 13px 0 0 10px;
}

#inq-logo {
	position: absolute;
	margin: 17px auto 0;
	left: 0;
	right: 0;
}

#menu-list {
	display: none;
}

#menu-share {
	display: none;
}

/* COVER */
#ss-blend img {
	object-position: 8% 50%;
}

#ss-info {
	width: 80%;
	height: auto;
	top: 40%;
}

#ss-info h1 {
	font-size: 44px;
	letter-spacing: -0.010em;
}

#ss-info h2 {
	font-size: 14px;
}

/* points and lines */

#ss-line {
	height: 170px;
}

/* SS META */

#ss-meta p {
	font-size: 16px;
	width: 80%;
}

/* TIMELINE */

#timeline-highlight {
	width: 100%;
	min-height: 500px;
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}

#highlight-blend {
	background-color: #333333;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#hl-info {
	width: 80%;
}

#hl-info h2 {
	font-size: 24px;
	line-height: 28px;

}

/* MAIN TIMELINE */

#timeline-wrap	{
	width: 100%;
	height: auto;
	background-color: #004985;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}


#tw-wrap-3col {
	width: 90%;
	margin: 20px auto 0;
	height: auto;
	z-index: 2;
	position: relative;
	overflow: hidden;
	background-image: none;
}

#tw-wrap-1col {
	width: 90%;
	margin: 10px auto 0;
}

#tw-l {
	float: none;
	width: 100%;
	margin: 20px 0 10px 0;
}

#tw-r {
	float: none;
	width: 100%;
	margin: 20px 0 10px 0;
}

#tw-m {
	width: 100%;
}

}


@media only screen and (min-width: 360px) and (max-width: 374px){

#menu-wrap {
	width: 100%;
}

#mobile-nav {
	display: block;
	margin: 13px 0 0 10px;
}

#inq-logo {
	position: absolute;
	margin: 17px auto 0;
	left: 0;
	right: 0;
}

#menu-list {
	display: none;
}

#menu-share {
	display: none;
}

/* COVER */
#ss-blend img {
	object-position: 8% 50%;
}

#ss-info {
	width: 80%;
	height: auto;
	top: 40%;
}

#ss-info h1 {
	font-size: 36px;
	letter-spacing: -0.010em;
}

#ss-info h2 {
	font-size: 14px;
}

/* points and lines */

#ss-line {
	height: 260px;
}

/* SS META */

#ss-meta p {
	font-size: 16px;
	width: 80%;
}

/* TIMELINE */

#timeline-highlight {
	width: 100%;
	min-height: 500px;
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}

#highlight-blend {
	background-color: #333333;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#hl-info {
	width: 80%;
}

#hl-info h2 {
	font-size: 24px;
	line-height: 28px;

}

/* MAIN TIMELINE */

#timeline-wrap	{
	width: 100%;
	height: auto;
	background-color: #004985;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}


#tw-wrap-3col {
	width: 90%;
	margin: 20px auto 0;
	height: auto;
	z-index: 2;
	position: relative;
	overflow: hidden;
	background-image: none;
}

#tw-wrap-1col {
	width: 90%;
	margin: 10px auto 0;
}

#tw-l {
	float: none;
	width: 100%;
	margin: 20px 0 10px 0;
}

#tw-r {
	float: none;
	width: 100%;
	margin: 20px 0 10px 0;
}

#tw-m {
	width: 100%;
}

}

@media only screen and (min-width: 320px) and (max-width: 359px){

#menu-wrap {
	width: 100%;
}

#mobile-nav {
	display: block;
	margin: 13px 0 0 10px;
}

#inq-logo {
	position: absolute;
	margin: 17px auto 0;
	left: 0;
	right: 0;
}

#menu-list {
	display: none;
}

#menu-share {
	display: none;
}

/* COVER */
#ss-blend img {
	object-position: 8% 50%;
}

#ss-info {
	width: 80%;
	height: auto;
	top: 40%;
}

#ss-info h1 {
	font-size: 36px;
	letter-spacing: -0.010em;
}

#ss-info h2 {
	font-size: 14px;
}

/* points and lines */

#ss-line {
	height: 170px;
}

/* SS META */

#ss-meta p {
	font-size: 16px;
	width: 80%;
}

/* TIMELINE */

#timeline-highlight {
	width: 100%;
	min-height: 500px;
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}

#highlight-blend {
	background-color: #333333;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#hl-info {
	width: 80%;
}

#hl-info h2 {
	font-size: 24px;
	line-height: 28px;

}

/* MAIN TIMELINE */

#timeline-wrap	{
	width: 100%;
	height: auto;
	background-color: #004985;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}


#tw-wrap-3col {
	width: 90%;
	margin: 20px auto 0;
	height: auto;
	z-index: 2;
	position: relative;
	overflow: hidden;
	background-image: none;
}

#tw-wrap-1col {
	width: 90%;
	margin: 10px auto 0;
}

#tw-l {
	float: none;
	width: 100%;
	margin: 20px 0 10px 0;
}

#tw-r {
	float: none;
	width: 100%;
	margin: 20px 0 10px 0;
}

#tw-m {
	width: 100%;
}

}