body {
	background: #140033;
	text-align: center;
	margin: 250px 0px 0px 0px;
	font-family: "proxima-nova", helvetica, lucida grande;
	color: #b3a9c2; // #897f98
}

canvas#bigCanvas {
	width: 100%;
	height: 100%;
}

p {
	text-align: center;
	font-size: 15px;
}

a {
	color: #FF1833;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



div.bigImage {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 30%;
	//background-color: black;
}

@media (max-width: 1100px) {
	div.bigImage {
		position: absolute;
		top: 0px;
		width: 100%;
		bottom: auto;
		height: 200px;
	}
}



div.content {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 70%;

	div.logo {
		width: 800px;
		height: 125px;
		margin: 15vh auto 0px auto;
		zoom: 0.85;
		-moz-transform: scale(0.85);
		
		img {
			top: -85px;
			position: relative;
		}
		
		canvas#granim-canvas {
			background-color: green;
			width: 70px;
			height: 70px;
			left: 365px;
		}
	}
	
	@media (max-width: 800px) {
		div.logo {
			zoom: 0.8;
			-moz-transform: scale(0.8);
		}
	}
	
	@media (max-width: 700px) {
		div.logo {
			zoom: 0.7;
			-moz-transform: scale(0.7);
		}
	}
	
	@media (max-width: 600px) {
		div.logo {
			zoom: 0.6;
			-moz-transform: scale(0.6);
		}
	}
	
	@media (max-width: 500px) {
		div.logo {
			zoom: 0.5;
			-moz-transform: scale(0.5);
		}
	}
	
	@media (max-width: 450px) {
		div.logo {
			zoom: 0.45;
			-moz-transform: scale(0.45);
		}
	}
	
	@media (max-width: 400px) {
		div.logo {
			zoom: 0.4;
			-moz-transform: scale(0.4);
		}
	}
	
	@media (max-width: 320px) {
		div.logo {
			zoom: 0.3;
			-moz-transform: scale(0.3);
		}
	}
	
	h2 {
		margin: 20px 10vw 20px 10vw;
		text-align: left;
		margin-top: 80px;
	}
	
	p {
		margin: 20px 10vw 20px 10vw;
		text-align: left;
	}
	
	ul {
		margin: 20px 10vw 20px 10vw;
		text-align: left;
	}
	
	p.tagline {
		font-family: "lust-script";
		font-size: 30px;
		max-width: 600px;
		margin: 8vh auto 0px auto;
		text-align: center;
	}
	
	@media (max-width: 500px) {
		p.tagline {
			font-size: 20px;
			margin: 5vh 30px 0px 30px;
		}
	}
	
	div.mainText {
		margin-top: 40px;
		
		h2 {
			font-size: 20px;
			font-weight: bold;
		}
		
		p b {
			color: white;
		}
		
		ul {
			columns: 2;
			-webkit-columns: 2;
			-moz-columns: 2;
		    list-style-type: none;
		    padding: 0px;
		    
		    li {
			    margin: 0px;
			}
		}
	
		@media (max-width: 500px) {
			ul {
				columns: 1;
				-webkit-columns: 1;
				-moz-columns: 1;
			}
		}
	}
	
	div.bottom {
		margin-top: 100px;
		margin-bottom: 100px;
		
		p {
			text-align: center;
		}
		
		a {
			background: #FF1833;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
			padding: 4px 15px 2px 15px;
			border-radius: 16px;
		}
	}

}
	
@media (max-width: 1100px) {
	div.content {
		position: absolute;
		top: 200px;
		right: 0px;
		width: 100%;
	}
}