.regular
{	
	font-family:"Intel Clear";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}



.bold
{
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}


.italic
{
	font-family:"Intel Clear";
	font-style:italic;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}


.bold-italic
{
	font-family:"Intel Clear";
	font-weight:bold;
	font-style:italic;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}


.light
{
	font-family:"Intel Clear";
	font-weight:100;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}


.light-italic
{
	font-family:"Intel Clear";
	font-weight:100;
	font-style:italic;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}


.probold
{
	font-family:"Intel Clear Pro Bold";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}


.probold_lowercase
{
	font-family:"Intel Clear Pro Bold Lowercase";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}


.shell-text_navTitle
{
	font-family:"Intel Clear Pro Bold";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:40px;
	line-height:40px
}


.shell-text_nav
{
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:18px;
	line-height:22px
}


.shell-text_heading
{
	font-family:"Intel Clear Pro Bold";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:110px;
	line-height:100px
}


.shell-text_headingSmall
{
	font-family:"Intel Clear Pro Bold";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:70px;
	line-height:70px
}


.shell-text_subhead
{
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:28px;
	line-height:32px
}


.shell-text_body
{
	font-family:"Intel Clear";
	font-weight:100;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:20px;
	line-height:26px
}


.shell-text_button
{
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:25px;
	line-height:30px
}


.shell-text_legal
{
	font-family:"Intel Clear";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:14px;
	line-height:18px
}


sup
{
	font-size:.6em
}


.module-text_heading
{
	font-family:"Intel Clear Pro Bold";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:110px;
	line-height:110px
}


.module-text_headingSmall
{
	font-family:"Intel Clear Pro Bold";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:50px;
	line-height:50px
}


.module-text_subhead
{
	font-family:"Intel Clear";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:40px;
	line-height:50px
}


.module-text_subheadThin
{
	font-family:"Intel Clear";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:28px;
	line-height:32px
}


.module-text_bodyBold
{
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:30px;
	line-height:36px
}


.module-text_body
{
	font-family:"Intel Clear";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:30px;
	line-height:36px
}


.module-text_bodyLight
{
	font-family:"Intel Clear";
	font-weight:100;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:30px;
	line-height:36px
}


.module-text_navTop
{
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:14px;
	line-height:18px
}


.module-text_captionBig
{
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:30px;
	line-height:36px
}


.module-text_captionSmall,.module-text_navSide
{
	font-family:"Intel Clear";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:20px;
	line-height:24px
}


.module-text_captionTiny
{
	font-family:"Intel Clear";
	font-weight:100;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:14px;
	line-height:18px
}


.module-text_legal
{
	font-family:"Intel Clear";
	font-weight:100;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:10px;
	line-height:13px
}


.module-button-yellow
{
	padding:1ex 2.5em;
	background-color:#f3d64e;
	margin-top:1.5em;
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:1.8em;
	letter-spacing:2px;
	color:#003c71;
	text-shadow:0;
	border:0;
	text-transform:uppercase
}


.module-button-yellow:focus
{
	outline:0;
	color:#003c71
}


.module-button-yellow:hover
{
	cursor:pointer;
	background-color:#ffa300
}


.module-button-yellow:visited
{
	color:#003c71
}


.module-button-blue
{
	padding:1ex 2.5em;
	background-color:#00aeef;
	margin-top:1.5em;
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:1.8em;
	letter-spacing:2px;
	color:#fff;
	text-shadow:0;
	border:0;
	text-transform:uppercase
}


.module-button-blue:focus
{
	outline:0;
	color:#00aeef
}


.module-button-blue:hover
{
	cursor:pointer;
	background-color:#0071c5
}


.module-button-blue:visited
{
	color:#00aeef
}


.module-text_endTitle,.module-text_entryTitle
{
	font-family:"Intel Clear Pro Bold";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:150px;
	line-height:150px
}


.module-text_endLight
{
	font-family:"Intel Clear";
	font-weight:100;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:40px;
	line-height:50px
}


.module-text_endBold
{
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:40px;
	line-height:50px
}


.module-text_endReg
{
	font-family:"Intel Clear";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:40px;
	line-height:50px
}


.mobile-text_heading
{
	font-family:"Intel Clear Pro Bold";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:10vw;
	line-height:1em
}


.mobile-text_headingSmall
{
	font-family:"Intel Clear Pro Bold";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:4.25vw;
	line-height:1em
}


.mobile-text_headingFixed
{
	font-family:"Intel Clear Pro Bold";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:50px;
	line-height:44px
}


.mobile-text_body
{
	font-family:"Intel Clear";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:3vw;
	line-height:1em
}


.mobile-text_caption
{
	font-family:"Intel Clear";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:1.75vw;
	line-height:1em
}


.mobile-text_captionFixed
{
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:20px;
	line-height:1em
}


.mobile-text_captionSmall
{
	font-family:"Intel Clear";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:8px
}


.modal-dialog.modal-lg
{
	width:960px
}





.left
{
	float:left
}


.right
{
	float:right
}


.clear
{
	display:block;
	clear:both
}


.distribute
{
	display:flex;
	justify-content:space-between
}


.button-hover-color
{
	background-color:rgba(0,174,239,0.25)
}


.button-transition
{
	transition:background-color 150ms linear
}


.header
{
	width			: 100%;
	position		: relative;
	text-align		: left;
	margin-bottom	: 5vw;
	border-bottom	: 1px dotted rgba(255,255,255, 0.2);  
}


.header::after
{
	content			: '';
	display			: inline-flex;
	clear			: both;
}


.header .header-right,
.header .header-left
{
	float:left
}


.header .header-left
{
	width			: 20%;
}
.header .header-right
{
	width			: 80%;
	padding-top		: 5vw; 
}





@media only screen and (min-width:1200px)
{
	.header+nav
	{
		position:relative
	}

}


:focus
{
	outline:0
}


.wrapper
{
	min-width:90vw;
}



.wrapper .optane-logo
{
	display:block;
	margin:0;
	width:100%;
	max-width:240px;
	margin-bottom:10px
}


#loadedBG
{
	position:absolute;
	z-index:0;
	bottom:0;
	left:0;
	pointer-events:none;
	visibility:hidden
}


h1
{
	text-align		: left;
	font-weight		: 100;
	font-size		: 2vw;
	font-family		: "Intel Clear";
	padding			: 0;
	margin			: 0 auto;
	color			: #FFF;
}


@media only screen and (max-width:400px)
{
	h1
	{
		font-size:11px
	}
}


#demoNavDesktop>ul,#demoNavMobile>ul
{
	font-family:"Intel Clear";
	display:flex;
	width:100%;
	justify-content:center;
	margin:0;
	padding:0;
	list-style:none
}


#demoNavDesktop>ul li,
#demoNavMobile>ul li
{
	padding			: 0 15px;
	position		: relative;
	width			: 30vw;
}


@media only screen and (max-width:580px)
{
	#demoNavDesktop>ul li,#demoNavMobile>ul li
	{
		padding:0 0 0 0
	}
}


#demoNavDesktop>ul li .icon,#demoNavMobile>ul li .icon,#demoNavDesktop>ul li .label,#demoNavMobile>ul li .label
{
	display:block;
	font-family:"Intel Clear";
	
}


#demoNavDesktop>ul li .icon,#demoNavMobile>ul li .icon
{
	width:64px;
	height:64px;
}


#demoNavDesktop>ul li button,#demoNavMobile>ul li button
{
	width:93px;
	margin:0 auto;
	position:relative;
	display:block
}


@media only screen and (min-width:501px)
{
	#demoNavDesktop>ul li button,#demoNavMobile>ul li button
	{
		width:19vw
	}
}


#demoNavDesktop>ul li button span.icon,#demoNavMobile>ul li button span.icon
{
	width:110px;
	height:auto;
	margin:0 auto;
	transition:all .3s ease-in-out
}


@media only screen and (max-width:500px)
{
	#demoNavDesktop>ul li button span.icon,#demoNavMobile>ul li button span.icon
	{
		width:42px
	}
}


@media only screen and (min-width:501px) and (max-width:1100px)
{
	#demoNavDesktop>ul li button span.icon,#demoNavMobile>ul li button span.icon
	{
		width:7vw
	}
}


#demoNavDesktop>ul li button img,#demoNavMobile>ul li button img
{
	width:100%;
	max-width:100%
}


#demoNavDesktop>ul li button:focus,#demoNavMobile>ul li button:focus
{
	outline:0
}


#demoNavDesktop>ul li button.fire,#demoNavMobile>ul li button.fire
{
	opacity:.5;
	transition:all .3s ease-in-out
}


#demoNavDesktop>ul li button.fire:hover,#demoNavMobile>ul li button.fire:hover,#demoNavDesktop>ul li button.fire.active,#demoNavMobile>ul li button.fire.active
{
	opacity:1
}


#demoNavDesktop>ul li button:hover .icon,#demoNavMobile>ul li button:hover .icon
{
	transform:scale(1.2, 1.2)
}


#demoNavDesktop>ul li button:hover .label,#demoNavMobile>ul li button:hover .label
{
	color:#fff
}


#demoNavDesktop>ul li .label,
#demoNavMobile>ul li .label
{
	margin-top		: 8px;
	font-family		: "Intel Clear";
    font-size		: .9em; 
	font-weight		: lighter;
	color			: #FFF; 
}




#demoNavDesktop>ul li .label:hover,#demoNavMobile>ul li .label:hover
{
	color:#fff
}


#demos
{
	display			: table;
	table-layout	: fixed;
	width			: 90vw;
	height			: auto;
	margin			: 10px auto 0;
	overflow		: hidden;
	padding-bottom	: 40px; 
}


#leftScreen,
#rightScreen
{
	text-align		: center;
	position		: relative;
	z-index			: 5;
	display			: table-cell;
	vertical-align	: top;
	width			: 45vw;
	height			: auto;
	margin			: 0;
	padding-top		: 10px;
	visibility		: hidden
}


#leftScreen img,
#rightScreen img
{
	width			: 90%;
}


#leftScreen .screenContent,
#rightScreen .screenContent
{
	position:absolute;
	z-index:10;
	top:10px;
	width:100%
}


#leftScreen figcaption,
#rightScreen figcaption
{
	display			: block;
	width			: 100%;
	position		: absolute;
	text-align		: center;
	bottom			: -40px;
	font-size		: 1.2em;
	font-family		: "Intel Clear";
	color			: #FFF; 
}


@media only screen and (min-width:900px)
{
	#leftScreen figcaption,#rightScreen figcaption
	{
		font-size:22px;
		bottom:-40px
	}
}


@media only screen and (max-width:410px)
{
	#leftScreen figcaption,#rightScreen figcaption
	{
		font-size:14px;
		bottom:-17px
	}
}


#leftScreen .loadingBar,#rightScreen .loadingBar
{
	position:absolute;
	z-index:15;
	color:#fff;
	width:100%;
	top:29%;
	background:rgba(26,62,111,0.75);
	height:45%;
	visibility:hidden;
	max-width:550px
}


@media only screen and (min-width:690px)
{
	#leftScreen .loadingBar,#rightScreen .loadingBar
	{
		height:19vh
	}
}


@media only screen and (max-width:689px)
{
	#leftScreen .loadingBar,#rightScreen .loadingBar
	{
		height:70%;
		top:6vh
	}
}


#leftScreen .loadingBar .progressPercent,#rightScreen .loadingBar .progressPercent
{
	display:block;
	font-weight:100;
	font-size:4vw;
	padding-top:10px
}


@media only screen and (max-width:980px) and (max-width:1023px)
{
	#leftScreen .loadingBar .progressPercent,#rightScreen .loadingBar .progressPercent
	{
		font-size:3vw
	}
}


#leftScreen .loadingBar .progressLabel,#rightScreen .loadingBar .progressLabel
{
	display:block;
	font-size:4vw
}


@media only screen and (max-width:980px) and (max-width:1023px)
{
	#leftScreen .loadingBar .progressLabel,#rightScreen .loadingBar .progressLabel
	{
		font-size:3vw
	}
}


#leftScreen .doneLabel,#rightScreen .doneLabel
{
	position:absolute;
	z-index:18;
	font-size:8vw;
	font-family:'intel_clear_probold';
	letter-spacing:1px;
	width:100%;
	top:29%;
	background:rgba(26,62,111,0.75);
	visibility:hidden;
	height:45%;
	max-width:550px;
	line-height:9vh
}


@media only screen and (max-width:500px)
{
	#leftScreen .doneLabel,#rightScreen .doneLabel
	{
		top:10.5vh;
		line-height:13vh
	}
}


@media only screen and (min-width:980px)
{
	#leftScreen .doneLabel,#rightScreen .doneLabel
	{
		top:13vh;
		font-size:8vw;
		line-height:13vh
	}
}


@media only screen and (min-width:690px)
{
	#leftScreen .doneLabel,#rightScreen .doneLabel
	{
		height:15vh
	}
}


#rightScreen
{
	border-left:5px solid transparent
}


#leftScreen
{
	border-right:5px solid transparent
}


#leftProgress,#rightProgress
{
	display:block;
	margin:.5em auto;
	font-size:.6em;
	line-height:1.5em;
	text-indent:.5em;
	width:100px;
	height:10px;
	border:1px solid white;
	background-color:#1a3e6f
}


#leftProgress .bar,#rightProgress .bar
{
	width:0;
	height:100%;
	float:left;
	background-color:#c4d600
}


#endScreen
{
	position		: relative;
	z-index			: 20;
	visibility		: hidden;
	text-align		: center;
	width			: 90vw; 
	left			: 0;
}



#endScreenImage
{
	z-index:22;
	width:100%;
	margin-bottom:20px;
	margin:20px 0
}


#endScreenImage p
{
	text-align		:center;
	font-family		:"Intel Clear";
	font-weight		:100;
	-webkit-font-smoothing:antialiased;
	text-shadow		:1px 1px 1px rgba(0,0,0,0.004);
	font-size		:30px;
	line-height		:50px;
	margin-top		:-8px;
	color			: #FFF; 
	
}



#endScreenImage h2
{
	font-family:'intel_clear_probold';
	text-align:center;
	margin:0 0 40px 0;
	line-height:112px;
	font-weight:normal;
	color:#f3d64e;
}


#endScreenImage h2
{
	font-size:30px;
	margin:0 0 0 0
}


@media only screen and (max-width:600px)
{
	#endScreenImage h2
	{
		font-size:12vw
	}
}


@media only screen and (min-width:980px)
{
	#endScreenImage h2
	{
		font-size:70px;
		margin:0 0 20px 0;
		line-height:100px;
		padding-bottom:15px
	}
}


@media only screen and (min-width:1024px)
{
	#endScreenImage h2
	{
		font-size:80px;
		margin:0 0 52px 0
	}
}


@media only screen and (max-width:410px)
{
	#endScreenImage h2
	{
		line-height:85px
	}
}


#endScreenImage p
{
	font-size:16px;
	margin-bottom:-20px;
	padding:0 8px
}


@media only screen and (min-width:980px)
{
	#endScreenImage p
	{
		font-size:16px;
		margin-bottom:10px;
		line-height:35px
	}
}


@media only screen and (min-width:1024px)
{
	#endScreenImage p
	{
		margin-bottom:20px;
		font-size:40px;
		margin-bottom:inherit;
		padding:0 16px
	}
}


@media only screen and (max-width:410px)
{
	#endScreenImage p
	{
		font-size:15px;
		line-height:17px
	}
}


#nextButton,#replayButton
{
	z-index:25;
	padding:1ex 2.5em;
	background-color:#f3d64e;
	margin-top:1.5em;
	font-family:"Intel Clear";
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	font-size:1.8em;
	letter-spacing:2px;
	color:#003c71;
	text-shadow:0;
	border:0;
	text-transform:uppercase;
	margin-top:1em;
	display:inline-block;
	min-width:400px
}


#nextButton:focus,#replayButton:focus
{
	outline:0;
	color:#003c71
}


#nextButton:hover,#replayButton:hover
{
	cursor:pointer;
	background-color:#ffa300
}


#nextButton:visited,#replayButton:visited
{
	color:#003c71
}


@media only screen and (max-width:500px)
{
	#nextButton,#replayButton
	{
		font-size:1em
	}
}


@media only screen and (max-width:800px)
{
	#nextButton,#replayButton
	{
		width:100%
	}
}


@media only screen and (min-width:901px)
{
	#nextButton,#replayButton
	{
		font-size:1.8em
	}
}


#nextButton img,#replayButton img
{
	display:block;
	float:left;
	height:20px
}


#nextButton span,#replayButton span
{
	display:block;
	height:20px
}


.disabled
{
	display:none
}


.tabs
{
	position		: relative;
	clear			: both;
	width			: 90vw;
	margin			: 0;
}

@media only screen and (max-width:420px)
{
	.tab
	{
		padding-top	: 5vw; 
	}
}

.tab label
{
	background:#414141;
	padding:10px;
	position:absolute;
	cursor:pointer;
	z-index:30;
	font-family:'Intel Clear';
	font-weight:300
}


#tab-1+label
{
	right			: 60px;
	top				: 0; 
	color			: #FFF; 
}




#tab-2+label
{
	right			: 0px;
	top				: 0;
	color			: #FFF; 
}


.tab [type=radio]
{
	display:none
}


.content
{
	visibility:hidden;
	display:none
}


[type=radio]:checked~label
{
	background:#f3d64e;
	color:#fff
}


[type=radio]:checked~label~.content
{
	z-index:1;
	visibility:visible;
	display:block
}


#legal-modal
{
	color:#bbb;
	text-decoration:none;
	font-size:10px;
	padding:0 15px 15px 15px;
	display:block;
	margin-top:93px;
	margin-top:5px;
	position:absolute;
	top:0
}


#legal
{
	display:none;
	position:fixed;
	z-index:1000;
	text-align:center;
	top:0;
	left:0;
	margin:0;
	background:#fff;
	height:95%;
	padding:30px;
	background-color:#fff;
	color:#868687;
	font-family:'Intel Clear';
	font-weight:300
}


#legal .inner-legal
{
	height:100%;
	overflow-y:scroll
}


#legal h1
{
	font-family:'intel_clear_probold';
	color:#868687;
	font-size:1.875rem;
	line-height:1;
	text-align:center;
	letter-spacing:1px;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	margin:15px auto;
	font-weight:400;
	padding:0 0 0 0
}


#legal p
{
	margin-bottom:1rem;
	font-size:.75rem;
	color:#868687;
	font-family:'Intel Clear';
	font-weight:300;
	text-align:left
}


#legal .close-button
{
	position:absolute;
	color:#868687;
	cursor:pointer;
	right:1rem;
	top:.5rem;
	font-size:2em;
	line-height:1;
	font-family:inherit;
	background:transparent;
	border:0
}