/******************************************
* STYLES
******************************************/
/*
* Vendor Prefixes Key
*
* -webkit-	=	Chrome/Safari
* -moz-		=	Firefox
* -o-		=	Opera
* -ms-		=	Internet Explorer
*
*/
	html {

	}
	
	body {
		background: #a50100; /* Red */
		background-image: linear-gradient(65deg, #a50100, #620100);
		height: 100%;
		margin:0;
	}
	
	#link a:link,
	#link a:visited,
	#link a:active
	{
		color: #961d23; /* Red */
		text-decoration: none;
		position: relative;
	}
	
	

/******************************************
* PAGE CONTAINER
******************************************/
	.page-container {
		background: hsla(0, 0%, 100%, 0.00);
    height: 100%;
    width: 100%;
    display: block;
		color: #ffffff;
		z-index: 99 !important;
		text-align: center;
		
		position: absolute;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	
	.greeting-text {
		font-family: Arial, Helvetica, sans-serif;
		/*text-transform: capitalize;*/
		color: #ffffff; /* White */
		padding: 0 20px;
		font-size: 50px;
		top: 75px;
		line-height: 60px;
		letter-spacing: 1px;
		white-space: 
	}
	.greeting-text .wrap-line {
		display:inline;
	}

	/* FROM YOUR FRIENDS AT */
	.friendsat {
		font-family: Arial, Helvetica, sans-serif;
		padding: 0 20px;
		font-size: 25px;
		color: #ffffff;
		margin-top: 36px;
		letter-spacing: 1px;
		font-weight: normal;
		line-height: 40px;
	}
	
	.fd-logo {
		margin: 24px 0;
	}
	
	/* mainLogo */

	.lunarLogo{
		margin:45px auto;
	}
	.mainlogo {
		width: 50%;
		display: block;
		position: relative;
		-webkit-transition: width 300ms;
    -moz-transition: width 300ms;
    -o-transition: width 300ms;
    -ms-transition: width 300ms;
    transition: width 300ms;
	}
	
	
	/* 恭贺新年，吉祥如意！*/
	.chinese-text {
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 40px;
		margin-top: 20px;
	}

	
	/* Faegre Drinker Logo */
	.faegre-drinker-logo {
		width: 200px;
	}
	
	.bottom {
		margin-bottom: 40px;
    margin-top: 0!important;
		display:inline-block;
	}
	
	.chinese-text.bottom{
		font-size: 30px;
	}
	
	
/******************************************
* WIDTH @ 1650px
******************************************/
	@media only screen and (max-width: 1650px) {
		
		.greeting-text {
			font-size: 50px;
			top: 75px;
			line-height: 60px;
			margin-top: 25px;
			-webkit-transition: top 750ms;
			-moz-transition: top 750ms;
			-o-transition: top 750ms;
			-ms-transition: top 750ms;
			transition: top 750ms;
		}
		
		/* FROM YOUR FRIENDS AT */
			.friendsat 
			color:#ffffff; /* Gold */
			font-size: 30px;
			margin-top: 30px;
			line-height: 40px;
		}
	
		/* mainLogo */
		.mainLogo {
			width: 30%;
			display: block;
			position: relative;
			margin: 12.5px auto;
		}
		
		/* 恭贺新年，吉祥如意！*/
		.chinese-text {
			font-size: 45px;
			margin-top: 20px;
		}

		.chinese-text {
			font-size: 35px;
		}

	}
	
	
/******************************************
* WIDTH @ 1450px
******************************************/
	@media only screen and (max-width: 1450px) {

		/* mainLogo */
		.mainLogo {
			width: 40%;
		}
		
		/* Wishing You a... */
		.greeting-text {
			margin-top: 55px;
		}

		
	}
	
	
/******************************************
* WIDTH @ 1350px
******************************************/
	@media only screen and (max-width: 1350px) {
		
		.greeting-text {
			font-size: 40px;
			top: 75px;
			line-height: 50px;
			letter-spacing: 1px;
		}
		
		
		/* 恭贺新年，吉祥如意！*/
		.chinese-text {
			font-size: 38px;
			margin-top: 20px;
		}
		
		
		/* mainLogo */
		.mainLogo {
			width: 55%;
			
			-webkit-transition: width 300ms;
			-moz-transition: width 300ms;
			-o-transition: width 300ms;
			-ms-transition: width 300ms;
			transition: width 300ms;
		}

	}


/******************************************
* WIDTH @ 1250px
******************************************/
	@media only screen and (max-width: 1250px) {

	/* mainLogo */
		.mainLogo {
			width: 55%;
			display: block;
			position: relative;
			margin: 12.5px auto;
		}

	}


/******************************************
* WIDTH @ 1150px
******************************************/
	@media only screen and (max-width: 1110px) {

		/* GREETINGS TEXT */
		.greeting-text {
			font-size: 40px;
			margin-top: 10px;
			letter-spacing: 1px;
			font-weight: normal;
			letter-spacing: 1px;
			line-height: 50px;
		}
	
		
		/* mainLogo */
		.mainLogo {
			width: 55%;
			
			-webkit-transition: width 300ms;
			-moz-transition: width 300ms;
			-o-transition: width 300ms;
			-ms-transition: width 300ms;
			transition: width 300ms;
		}
		
		/* Faegre Drinker Logo */
		.faegre-drinker-logo {
			width: 170px;
		}
		
		/* 恭贺新年，吉祥如意！*/
		.chinese-text {
			font-size: 35px;
			margin-top: 15px;
		}

	}

	@media only screen and (max-width: 850px) {
		/* mainLogo */
		.mainLogo {
			width: 75%;
			
			-webkit-transition: width 400ms;
			-moz-transition: width 400ms;
			-o-transition: width 400ms;
			-ms-transition: width 400ms;
			transition: width 400ms;
		}
		.greeting-text .wrap-line {
			display:block;
		}
	}
	
	@media only screen and (max-width: 650px) {
		/* GREETINGS TEXT */
		.greeting-text {
			font-size: 26px;
			margin-top: 10px;
			letter-spacing: 1px;
			font-weight: normal;
			letter-spacing: 1px;
			line-height: 30px;
		}
		
		/* FROM YOUR FRIENDS AT */
			.friendsat {
			font-size: 18px;
			margin-top: 30px;
			line-height: 30px;
		}
		
		/* 恭贺新年，吉祥如意！*/
		.chinese-text {
			font-size: 23px;
			margin-top: 15px;
		}
		.bottom {
			font-size: 20px!important;
		}
		
		/* mainLogo */
		.mainLogo {
			width: 75%;
			
			-webkit-transition: width 400ms;
			-moz-transition: width 400ms;
			-o-transition: width 400ms;
			-ms-transition: width 400ms;
			transition: width 400ms;
		}
		
	}
	@media only screen and (max-width: 300px) {
		.greeting-text .wrap-line {
			display:inline;
		}
	}

canvas {
	display: inline;
	position: absolute;
	z-index: 1;
	height: 100%;
			-webkit-animation: fadeIn 3s;
		-moz-animation: fadeIn 3s;
		-o-animation: fadeIn 3s;
		-ms-animation: fadeIn 3s;
		animation: fadeIn 3s;
}

