/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

body {
	margin:0;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
	display:block;
}

audio,canvas,progress,video {
	display:inline-block;
}

audio:not([controls]) {
	display:none;
	height:0;
}

progress {
	vertical-align:baseline;
}

template,[hidden] {
	display:none;
}

a {
	background-color:transparent;
	-webkit-text-decoration-skip:objects;
}

a:active,a:hover {
	outline-width:0;
}

abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted;
}

b,strong {
	font-weight:inherit;
}

b,strong {
	font-weight:bolder;
}

dfn {
	font-style:italic;
}

h1 {
	font-size:32px;
	font-size:2rem;
	margin:.67em 0;
}

mark {
	background-color:#ff0;
	color:#000;
}

small {
	font-size:80%;
}

sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sub {
	bottom:-.25em;
}

sup {
	top:-.5em;
}

img {
	border-style:none;
}

svg:not(:root) {
	overflow:hidden;
}

code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em;
}

figure {
	margin:1em 40px;
}

hr {
	box-sizing:content-box;
	height:0;
	overflow:visible;
}

button,input,select,textarea {
	font:inherit;
	margin:0;
}

optgroup {
	font-weight:700;
}

button,input {
	overflow:visible;
}

button,select {
	text-transform:none;
}

button,html [type="button"],[type="reset"],[type="submit"] {
	-webkit-appearance:button;
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
	border-style:none;
	padding:0;
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
	outline:1px dotted ButtonText;
}

fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em;
}

legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal;
}

textarea {
	overflow:auto;
}

[type="checkbox"],[type="radio"] {
	box-sizing:border-box;
	padding:0;
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
	height:auto;
}

[type="search"] {
	-webkit-appearance:textfield;
	outline-offset:-2px;
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}

::-webkit-input-placeholder {
	color:inherit;
	opacity:.54;
}

::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit;
}

/**
 * Source: http://nicolasgallagher.com/micro-clearfix-hack/
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.row:before,
.row:after
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.row:after,
.clearfix:after {
    clear: both;
}

/* =Defaults
-------------------------------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* =General
-------------------------------------------------------------- */
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 90%;
}

@media (min-width: 769px) {
	html {
		font-size: 100%;
	}
}

body {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.7;
	font-family: 'Roboto', sans-serif;
	background: #eee;
}

#page {
	position: relative;
	overflow: hidden;
}

p {
  margin: 0 0 25px 0; }

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	clear: both;
}

img {
	max-width: 100%;
	height: auto;
}

.img-circle {
	border-radius: 50%;
}

a {
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

/* =Grid
-------------------------------------------------------------- */
.container {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	max-width: 1230px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.container.no-space {
	max-width: 100%;
	padding: 0;
}

.container.no-space .row {
	margin: 0;
}

.container.no-space .cols {
	padding: 0;
	margin: 0;
}

.cols {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    min-height: 1px;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

@media (min-width:769px) {
	.cols {
		margin-bottom: 0;
	}

	.cols-2 {
		width: 50%;
	}

	.cols-3 {
		width: 33.3333%;
	}

	.cols-4 {
		width: 25%;
	}

	.cols-5 {
		width: 20%;
	}

	.cols-6 {
		width: 16.6666%;
	}
}

/* =Header
-------------------------------------------------------------- */
#masthead {
	width: 100%;
	height: 800px;
	background: url(images/header-image.jpg) no-repeat center top;
    background-size: cover;
    color: #fff;
    text-align: center;
    display: table;
}

.site-meta {
	display: table-cell;
	vertical-align: middle;
    padding: 0 20px;
}

.site-logo {
	margin: 0 0 20px;
}

@media (max-width: 768px) {
	.site-logo {
		margin-bottom: 100px;
	}
}

.site-description {
	font-size: 68px;
	font-weight: 100;
	line-height: 1;
}

.lead {
	font-size: 30px;
	font-weight: 300;
	margin: 20px 0 40px;
}

#mc_embed_signup {
	border: 1px solid #23bce6;
	border-radius: 6px;
	width: 375px;
	background: #000;
	padding: 3px;
	margin: auto;
}

#mce-EMAIL {
	float: left;
	background: #000;
	color: #fff;
	padding: 10px;
	border: 0;
	width: 300px;
	font-size: 14px;
}

#mc-embedded-subscribe {
	padding: 13px 10px 13px 16px;
	margin: -3px 0;
	border: 0;
	border-left: 1px solid #23bce6;
	color: #23bce6;
	text-transform: uppercase;
	background: #000;
	font-size: 14px;
}

#mc-embedded-subscribe:hover {
	color: #fff;
}

@media (max-width: 480px) {
	#masthead {
		height: 100vh;
		background-position: -180px center;
	}

	.site-logo {
		margin: 20px 0 40px;
	}

	.site-description {
		font-size: 48px;
	}

	.lead {
		font-size: 18px;
	}

	#mc_embed_signup {
		width: 280px;
	}

	#mce-EMAIL {
		width: 205px;
	}
}

@media (min-width: 769px) {
	#masthead {
		width: 100%;
		height: calc( 100vh - 82px );
		text-align: left;
	}

	.site-meta {
		padding-left: 40%;
	}

	.lead {
		margin: 0 0 25px;
	}

	#mc_embed_signup {
		margin: 0;
		float: left;
	}
}

@media (min-width: 1025px) {
	.site-description {
		font-size: 78px;
	}
}

/* =Section
-------------------------------------------------------------- */
section {
	float: left;
	width: 100%;
	text-align: center;
	padding: 30px 20px 60px;
}

section h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 44px;
	font-size: 2.75rem;
	text-transform: uppercase;
	letter-spacing: 10px;
	margin: 0 0 30px;
}

.black-bar,
.grey-bar {
	background: #272727;
	color: #fff;
	padding: 20px;
	font-size: 25px;
	clear: both;
}

.grey-bar p,
.black-bar p {
	margin: 0;
}

.grey-bar {
	color: #23bce5;
	background: #f6f6f6;
	clear: both;
}

.center {
	text-align: center;
}

.experience {
	background: #2e2e2e;
	color: #b6b6b6;
	font-size: 19px;
}

.experience p {
	line-height: 1.3;
}

@media (min-width: 769px) {
	.experience p {
		padding: 0 50px;
	}
}

.backers {
	background: #fff;
	color: #23bce5;
}

.backers p {
	padding: 30px 0 50px;
	font-size: 25px;
}

.advisors {
	padding: 0;
}

.advisors .cols {
	position: relative;
}

@media (max-width: 768px) {
	.backers .cols {
		width: 33.3333%
	}
}

@media (max-width: 600px) {
	.advisors .cols,
	.backers .cols {
		width: 100%
	}
}

.advisors img {
	float: left;
	width: 100%;
}

.advisors a {
	text-decoration: none;
}

.advisors h3 {
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin: 0;
}

.advisors .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.3);
	color: #fff;
	padding: 8px 10px;
	margin: 0;
	font-size: 12px;
}

.read {
	background: #53585F;
	color: #fff;
	padding: 50px 0;
}

.read p {
	color: #aaa;
}

.read p,
.hire p {
	margin: 0;
}

.hire a {
	text-decoration: none;
	color: #000;
}

.hire h3 {
	margin: 0;
	font-size: 28px;
}

.hire p a {
	color: #23bce5;
	font-size: 14px;
}

.hire {
	padding: 50px 0;
	background: #fff;
}

@media (min-width: 769px) {
	.hire .cols {
		padding: 0 5%;
	}
}

/* =Footer
-------------------------------------------------------------- */
#footer {
	color: #fff;
	clear: both;
	padding: 10px 0 20px;
	background: #444;
}

#footer p {
	margin: 0 0 10px 0;
}

#footer .footer-buttons div,
.footer-buttons {
	display: inline-block !important;
	width: auto !important;
}

.button {
	color: #fff;
	background: #0084ff;
	padding: 9px 10px 8px;
	border-radius: 3px;
	margin: 0 10px;
	font-size: 15px;
	text-decoration: none;
}

.message {
	width: 29px;
	height: 29px;
	display: inline-block;
	background: url(images/message.png) no-repeat;
    position: relative;
    top: 10px;
}

.fb-messengermessageus {
	position: relative;
	top: 5px;
}

@media (max-width: 768px) {
	#footer {
		padding: 20px 0 30px;
	}

	.footer-buttons {
		display: block;
		margin-top: 10px;
	}

	#footer .footer-buttons div {
		margin-bottom: 5px;
	}
}