/*===================================================
	// FONTS
	/==================================================*/
	
	@font-face {
		font-family: 'Roboto Regular';
		src:url('fonts/Roboto-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Roboto Light';
		src:url('fonts/Roboto-Light.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Roboto Thin';
		src:url('fonts/Roboto-Thin.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'Roboto Bold';
		src:url('fonts/Roboto-Bold.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'Roboto Medium';
		src:url('fonts/Roboto-Medium.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	
	body{font:15px/1.5em 'Roboto Light', sans-serif; font-weight:400;color:#2d2d2d}
	.large-heading,h1,.toolbar-huge > .toolbar-center{font-family:'Roboto Bold', sans-serif; font-size:240%;font-weight:normal;}
	h2{font-family:'Roboto Bold',sans-serif; font-weight:normal}
	p{font:15px/21px 'Roboto Light', sans-serif; color:#2d2d2d}
	
	h3{ font-size:130%; font-family:'Roboto Bold', sans-serif; font-weight: normal}

	a{color:#2d2d2d;}

	.story-button,strong,b,form label,.fieldset-title,.toolbar-text,.footer-button,.button,.toolbar-center,.toolbar-huge.visible .toolbar-center,.story-title{font-weight:normal; font-family:'Roboto Medium', sans-serif;}
	.page-skip-icon strong{font-weight:normal; font-family:'Roboto Bold', sans-serif!important;}
	

	/*===================================================
	// GRAPHIC ASSETS
	/==================================================*/	

	#background-stage{background:#fff url(images/app-start.png) center center no-repeat; background-size:auto 100%; background-position:top center; background-attachment:scroll;}

	.sign-in-graphic{position: fixed; right: 0; top: 0; bottom: 0; left: 0;}

	.menu-logo{background: url(images/fav-icon.png) center center no-repeat; background-size:100%}
	.bg-dark .menu-logo{background-image: url(images/fav-icon-white.png)}
	.signin-logo{background: url(images/fav-icon.png) center center no-repeat; background-size:100%; margin:30px auto}

    .icon-logo{background: url(images/fav-icon.png) center center no-repeat; background-size:100%;}
	.icon-logo.white{background: url(images/fav-icon-white.png) center center no-repeat; background-size:100%;}
	
	.app-icon{background: url(images/app-icon.png) center center no-repeat; background-size:100%;}