

	a.frontlink {
		color: #5C90FF;
	}
	
	a.frontlink:hover {
		color: #4166B5;
	}
	
	/* Registration box */
	div#register_premium {
		margin: 10px 0 20px 0; 
		color: #FFA500; 
		font-size: 14px; 
		text-align: center;
	}
	
	div#register_divider {
		border-bottom: 1px solid #292929; 
		border-top: 1px solid #121212; 
		margin-bottom: 20px;
	}
	
	div#register_terms {
		text-align: center;
		font-size: 11px;
		margin: 18px 0 24px 0;
	}
	
	.register_button {
		width: 100%; 
		height: 48px;
		font-size: 18px;
		font-family: quattrocento, 'open sans', 'dejavu sans', 'bitstream vera', helvetica, verdana; 
		padding: 1px 0 0 0;
	}
	
	/* Intro box */
	div#frontpage_introbox {
		float: left; 
		width: 550px;
		margin-left: 15px;
	}
	
	div#frontpage_introbox div.innerbox {
		background: url('../images/frontcharacter.png') bottom right no-repeat #1D1D1D; 
		height: 275px;
	}
	
	div#frontpage_introbox h2 {
		margin: 5px 0 15px 0;
	}
	
	div#frontpage_introbox div.innerbox > div {
		width: 330px; 
		text-align: justify;
	}
	
	/* Image thing */
	div#frontpageimages {
		margin: 15px auto;
	}
	
	div#frontpageimages > div {
		height: 390px;
		overflow: hidden;
		position: relative;
		padding: 0;
	}
	
	div#frontpageimages_menu {
		width: 200px;
		border-left: 1px solid #111111;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	div#frontpageimages_menu > div {
		background: #181818;
		border-bottom: 1px solid #111111;
		width: 180px;
		height: 19px;
		padding: 23px 10px;
		font-size: 14px;
		cursor: pointer;
		transition: 0.5s;
		color: #777777;
	}
	
	div#frontpageimages_menu > div.active {
		background: RGBA(5, 35, 75, 0.99);
		color: #DDDDDD;
	}
	
	div#frontpageimages img {
		position: absolute;
		width: 767px;
		display: none;
	}
	
	div.frontnewsbox {
		width: 550px; 
		margin-top: 10px;
	}
	
	div.frontnewsdate {
		width: 75px; 
		float: left; 
		text-align: center; 
		background: RGBA(0, 0, 0, 0.2); 
		border-radius: 3px; 
		padding: 5px 7px 9px 7px; 
		margin-right: 10px;
	}
	
	div.frontnewsdate > span {
		font-size: 20px;
	}
	
	div.frontnewssubject {
		display: table-cell;
		height: 60px;
		vertical-align: middle;
		font-size: 20px;
		font-weight: 300;
	}
	
	div.frontnewsintro {
		margin: 20px 0;
		text-align: justify;
	}
	
	div.frontpage-community-image {
		width: 170px; 
		height: 120px; 
		display: table-cell; 
		text-align: center; 
		vertical-align: middle;
	}
	
	div.frontpage-community-image span.fa {
		font-size: 90px;
		color: #5C90FF;
	}
	
	div.frontpage-community-image img {
		width: 90px;
		height: 90px;
	}
	
	div.frontpage-community-data {
		height: 120px; 
		display: table-cell; 
		vertical-align: middle;
	}
	
	span.fa-facebook {
		float: right; 
		font-size: 90px; 
		color: #3b5998;
	}
	
	img#facebookmain {
		height: 85px;
		border: 1px solid #242424; 
		border-radius: 3px; 
		padding: 3px; 
		margin: 0 10px -7px 0;
	}
	
	/* Mobile */
	@media only screen and (max-width: 980px) {
		
		div#frontpageimages > div {
			height: 150px;
		}
		
		div#frontpageimages img {
			position: absolute;
			width: 100%;
		}
	
	}

section.landing {
	padding: 40px 10px;
	text-align: center;
	color: #fff;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}

@media(min-width: 700px) {
	section.landing {
		padding: 80px 0;
	}
}

section.landing h1 {
	font-size: 2.7rem;
	margin: 0;
}

.landing-text {
	font-size: 20px;
}

.landing .call-to-action {
	margin-top: 40px;
}

.landing .call-to-action h2 {
	font-size: 2rem;
}

.landing button {
	display: block;
	padding: 15px 20px;

	font-size: 18px;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	background: linear-gradient(to bottom, #6db317, #5e8b11);
	border-radius: 4px;
}

.landing button:hover {
	background: linear-gradient(to bottom, #5e8b11, #4f740e);
}

.landing .button-strip {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.landing .download {
	margin-bottom: 5px;
}

.landing .button-strip a {
	color: rgba(255, 255, 255, 0.6);
}

.landing .button-strip .or {
	padding: 20px 10px;
}

@media(max-width: 600px) {
	.landing .button-strip {
		flex-direction: column;
		padding: 0 20px;
	}

	.landing button {
		width: 100%;
	}

	.landing .button-strip .or {
		padding: 10px;
	}
}

.landing a {
	color: rgba(255, 255, 255, 0.7) !important;
}
