/*  Styling that will get inlined for basic styling above the fold */
html,
body {
	font-size: 16px;
	font-family: 'Open Sans',Helvetica,Arial,Sans-Serif;
	min-height:100vh;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Sans Pro',Helvetica,Arial,Sans-Serif;
}

a, a:active, a:focus, a:hover, a:visited {
  text-decoration: none;
  color: #424242;
}

embed,
img,
object,
video,
picture {
	max-width: 100%;
}

/** Common **/
h1 {
  font-size: 3.125rem;
  font-weight: 300;
  color: #333;
}

h2 {
  font-size: 2.5rem;
  font-weight: 300;
}

h3 {
  font-size: 1.5rem;
  font-weight: 300;
}

.center-block {
	display: block;
	margin: 0 auto 0 auto;
}

.bg-darker-grey {
  background-color: #1a2226;
}

/** Menu **/
@media screen and (max-width: 979px) {
	.mw-980 {
		padding-left: 0.7rem;
		padding-right: 0.7rem;
	}
	.header.site .burger .navbar-toggle {
		padding: 0;
		margin: 0;
		border: 0;
		border-radius: 0;
		float: none;
		margin-top: 0.5rem;
	}
}

@media screen and (min-width: 980px) {
	.mw-980 {
		max-width: 980px;
	}
}

@media screen and (min-width: 980px) {
	.campaign.crowdscore article {
	  margin-top: 1rem;
	}
}

.header.site .mw-980 {
	margin-left: auto;
	margin-right: auto;
}

.header.site {
  font-family: 'Source Sans Pro', Helvetica, Arial, Sans-Serif;
  font-size: 1rem;
  font-weight: 600;
}

.header.site .top {
	height: 3.5rem;
}

.header.site .top .mw-980 {
	display: flex;
	justify-content: space-between;
	padding-top: 0.9rem;
}

@media (min-width: 768px) {
	.navbar-toggle {
	    display: inherit;
	}
}

@media (min-width: 980px) {
	.header .mw-980 {
		max-width: 980px;
	}

	.header.site .top {
		height: 5rem;
	}

	.header.site .top .mw-980 {
		padding-top: 1.875rem;
	}

	.header.site .top .burger {
		display: none;
	}

}

.header.site .burger .navbar-toggle .icon-bar {
	background-color: #8fa4af;
	width: 1.2rem;
	height: 1px;
	border-radius: 0;
}

.header.site .burger .navbar-toggle .icon-bar.short {
	width: 0.9rem;
}

.header.site .top .logo.image {
	max-width: 12.3rem;
}

.header.site .top .magnifier {
 width: 1.25rem;
}

.hero{
	min-height:36rem;
	width:100%;
	background-position: 50% 20%;
	background-attachment: scroll;
    background-repeat: no-repeat;
	position: relative;
	justify-content: center;
	height: 100%;
	background-size: cover
}
header.hero .overlay {
    background-color: #1a2226;
    background-color: rgba(26,34,38,.6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
header.hero .overlay .overlay-center {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

@media (max-width: 979px) {
	h1 {
	  font-size: 2.5rem;
	}
	h2 {
	  font-size: 1.7rem;
	}
	.fx-zoom {
		margin-left: -0.7rem;
		margin-right: -0.7rem;
	}
}

.fx-zoom img {
	width: 100%;
}

/* Sections */

.listing section.application {
  padding: 5rem 0 3rem 0;
}

.listing section.testing,
.listing section.result,
.listing.sampling .campaigns {
  padding: 7rem 0 5rem 0;
}

.listing section > header {
  /* Center all section headers */
	padding: 0 0 4rem 0;
  text-align: center;
}

.listing section>header>h2 {
	color: #868686;
	padding-top: 0.8rem;
  font-size: 1.5rem;
  font-weight: 300;
}

.listing article .infobar .item .icon {
	width: 1rem;
}

.listing article .infobar .item {
	display: inline-block;
	vertical-align: top;
}

.listing .infobar .item {
	margin-right: 2rem;
}