@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,100italic,300italic");

/* Basic */
	html, body, style {
		background: #1a1513;
	}

	body, input, select, textarea {
		font-family: "Roboto", Helvetica, sans-serif;
		font-size: 15pt;
		font-weight: 100;
		line-height: 0em;
	}

	@keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -100000;
		}
	}


	body.landing:after {
		-moz-animation: overlay-hide 2.5s ease-in forwards !important;
		-webkit-animation: overlay-hide 2.5s ease-in forwards !important;
		-ms-animation: overlay-hide 2.5s ease-in forwards !important;
		animation: overlay-hide 2.5s ease-in forwards !important;
		background: #fff;
		content: '';
		display: block;
		height: 100%;
		left: 0;
		opacity: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: -1;
	}

/* Footer */
		#footer {
			padding: 1em 0;
		}
		#footer .copyright {
			color: rgba(255, 255, 255, 0.5);
			font-size: 0.8em;
			text-align: center;
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: auto;
		}
		#footer .copyright li {
			display: inline-block;
		}

		#footer .ccc3 {
			margin-left: auto;
			margin-right: auto;
			width: auto;
			display: block;
		}




/* XLarge */
	@media screen and (max-width: 1680px) {
		/* Basic */
			body, input, select, textarea {
				font-size: 13pt;
			}
	}
/* Large */
	@media screen and (max-width: 1280px) {
		/* Basic */
			body, input, select, textarea {
				font-size: 11.5pt;
			}
	}