@font-face {
	font-family: 'ScienceFair';
	src: url('../fonts/Science.eot');
    src: url('../fonts/Science.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Science.ttf') format('truetype');
}

body {
	font-size: 14px;
	background-color: #000;
	font-family: Helvetica;
}
h2 {
	font-family: 'ScienceFair';
	font-size: 1.714em;
	color: #D70000;
	font-weight: normal;
	margin: 0;
}
div {
	box-sizing: border-box;
}
/* clearfix */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after  {
	content:"";
	display:table;
}
.clearfix:after,
.row:after {
	clear:both;
}
.clearfix,
.row {
	zoom: 1;
}
/* footer and header */
#header,
#footer {
	position: fixed;
	width: 100%;
	background-color: #d70000;
	z-index: 10;
}
#header {
	top: 0px;
	height: 2.357em;
	line-height: 2.357em;
	/*font-family: 'ScienceFair';*/
}
#header .inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 3em;
}
#header a {
	float: right;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
}
#footer {
	bottom: 0px;
	height: 7.857em;
	text-align: center;
}
#footer .footer-inner {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	padding: 0.8em 3em 0 3em;
	width: 100%;
	max-width: 1000px;
}
#footer .address,
#footer .copyright,
#footer .socials {
	width: 35%;
}
#footer .copyright {
	padding: 0 1%;
}
#footer .address,
#footer .address-img,
#footer .address-info,
#footer .copyright,
#footer .socials {
	display: table-cell;
	vertical-align: middle;
}
#footer .address {
	text-align: left;
}
#footer .socials {
	text-align: right;
}
#footer .address-img img {
	height: 5.5em;
	padding-right: 1em;
}
#footer .address-info {
	padding-left: 1em;
	border-left: 1px solid #080808;
	font-family: 'ScienceFair';
}
#footer .copyright,
#footer .socials {
	margin-top: 2em;
}
#footer .copyright {
	font-family: 'ScienceFair';
}
#footer .socials a {
	color: #000;
}
/* navigation */
#fp-nav span {
	border-color: #ccc;
}
#fp-nav.right {
	right: -0.5em;
}
#fp-nav li .active span {
	background: #fff;
}
/* univerasal content */
.section .container {
	margin: 0 auto;
	padding: 0 3em;
	max-width: 1000px;
}
/* intro */
#intro {
	color: #333;
	text-align: center;
	font-family: 'ScienceFair';
}
#intro a {
	color: #333;
}
#intro #ajty-logo {
	width: 35%;
}
#intro span {
	display: block;
	padding-top: 2em;
	font-size: 1.5em;
}
#intro .ico-down a {
	display: block;
	height: 1.5em;
	width: 1.5em;
	border-radius: 1.5em;
	line-height: 1.5em;
	margin: 2em auto 000;
	border: 1px solid #333;
	text-decoration: none;
}
/* app section */
.section-app .row {
	background-color: #e8e8e8;
	margin: 0 0 4em 0;
}
.section-app .row .col-2 {
	float: left;
	width: 50%;
	padding: 2.143em 2.143em 0 2.143em;
	text-align: center;
}
.section-app .row .col-2 img {
	width: 100%;
}
.section-app .row .col-2 p {
	margin: 0;
	font-size: 1.214em;
}
.section-app .row .col-2 p.app-detail {
	margin-top: 1em;
}
.section-app .row:after {
	content: " ";
	position: relative;
	bottom: -2em;
	height: 0;
	width: 0;
	border-left: 2.143em solid transparent;
	border-right: 2.143em solid transparent;
	border-top: 2.143em solid #e8e8e8;
	margin: 0 auto;
}
/* founder */
#founders {
	color: #fff;
	font-family: 'ScienceFair';
}
#founders h2 {
	font-size: 2.143em;
	margin: 0 0 0.667em 0;
}
#founders h3 {
	font-weight: normal;
	font-size: 1.286em;
	margin: 0 0 0.7em 0;
}
#founders a {
	color: #fff;
	text-decoration: none;
}
#founders .col-2 > div,
#founders .col-1 > div {
	font-size: 1.286em;
	margin: 0;
}
#founders .col-2 {
	float: left;
	width: 50%;
}
#founders .col-2 a:hover,
#founders .col-2 a:focus {
	color: #2A6496;
	text-decoration: underline;
}
#founders .col-2 i {
	margin-right: 0.2em;
}
#founders .col-2.right {
	text-align: right;
}
#founders .address {
	display: none;
}
@media (orientation:landscape) and (max-width: 1280px) {
	.section-app .row {
		margin: 0 0 1em 0;
	}
	.section-app .row:after {
		bottom: 0;
	}
	.section-app .row .col-2 img {
		width: 80%;
	}
}
@media (max-width: 991px) {
	#footer .copyright {
		display: none;
	}
	#footer .address {
		width: 80%;
	}
	#footer .socials {
		width: 20%;
	}
}
@media (orientation:landscape) and (max-width: 767px) {
	/* footer and header */
	#footer {
		display: none;
	}
	/* intro */
	#intro .ico-down {
		display: none;
	}
	/* app section */
	.section-app .row {
		display: table-cell;
		width: 50%;
		background-color: #e8e8e8;
	}
	.section-app .row:first-child {
		border-right: 5px solid #000;
	}
	.section-app .row .col-2 {
		float: none;
		width: 100%;
		padding: 1em;
	}
	.section-app .row .col-2.app-photo{
		display: none;
	}
	.section-app .row:after {
		display: none;
	}
	/* founder */
	#founders .address {
		display: block;
		text-align: center;
	}
	#founders h2 {
		margin: 0;
	}
}
@media (max-width: 479px) {
	body {
		font-size: 12px;
	}
	/* univerasal content */
	.section .container {
		padding: 0 2em 0;
	}
	/* footer and header */
	#header .inner {
		padding: 0 2em;
	}
	#footer .footer-inner {
		padding: 0.5em 2em 0 2em;
	}
	#footer .address,
	#footer .socials {
		font-size: 12px;
	}
	#footer .socials {
		margin-top: 0;
	}
	/* app section */
	.section-app .container {
	}
	.section-app .row {
		margin: 0 0 2.5em 0;
	}
	.section-app .row .col-2 {
		float: none;
		width: 100%;
		padding: 1em 1em 0 1em;
	}
	.section-app .row .col-2 p {
		margin: 0;
		font-size: 1em;
	}
	.section-app .row .col-2 p.app-detail {
		margin-top: 1em;
	}
	.section-app .row .col-2.app-photo{
		display: none;
	}
	/* founder */
	#founders .col-2 {
		float: none;
		width: 100%;
		font-size: 12px;
	}
	#founders .col-2:first-child {
		margin-bottom: 2em;
	}
	#founders .col-2 i {
		margin-right: 0.2em;
	}
	#founders .col-2,
	#founders .col-2.right {
		text-align: center;
	}
	#founders .col-2 h2 {
		margin: 0 0 0.3em 0;
	}
	#founders .col-2 h3 {
		margin: 0 0 0.3em 0;
	}
}