/*Home page above the fold*/

br {
	font-size: 0em;
}

@media all and (min-width: 500px) {
section.header {
	padding-top: 1em;
	padding-left: calc((100% - 1180px)/ 2);
	padding-right: 50%;
	background-image: url(../../images/back-to-school/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: calc(100vw * (600 / 1917));
	position: relative;
	margin-top: 70px;
}

body.autismgps section.header:before {
	left: 60%;
}

body.gps-for-autism-wandering-a section.header,
body.gps-for-autism-wandering section.header {
	display: block;
	margin-top: 70px;
	position: relative;
	background-color: black;
	height: auto;
	padding: 0;
	background-image: none;
}

body.gps-for-autism-wandering-a section.header video,
body.gps-for-autism-wandering section.header video {
	display: block;
	margin-left: auto;
	margin-right: auto;
	outline: 0;
	cursor: pointer;
	position: relative;
}

body.gps-for-autism-wandering-a section.header .wistia_embed,
body.gps-for-autism-wandering section.header .wistia_embed {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

body.gps-for-autism-wandering-a img.w-edit-in-place__edit-button,
body.gps-for-autism-wandering img.w-edit-in-place__edit-button {
	display: none !important;
}

body.start-now section.header {
	margin-top: 0px;
}

section.header div.content {
	position: absolute;
	top: 50%;
	left: calc(50% - 485px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 550px;
}

section.header h1 {
	font-size: 2.8rem;
	font-weight: 600;
	color: #62676b;
	line-height: 1.1;
}

section.header h1 span {
	font-weight: 600;
	color: #3abeb0;
}

section.header p {
	font-size: 1.2rem;
	color: #62676b;
}

section.header div.wistia_responsive_padding {
	position: relative;
}

section.header a.video {
	display: block;
	color: #3abeb0;
	font-weight: 700;
	outline: none;
	margin-bottom: 1.5em;
	font-size: 1.1rem;
	outline: none;
}

section.header a.video:before,
section.header a.video:after {
	display: none;
}

section.header a.action {
	width: 290px;
}

section.header a.action.white {
	background-color: transparent;
	margin-left: 1em;
}

section.header a.action {
	overflow: visible;
}

section.header a.action.white:hover {
	background-color: transparent;
}

section div.action {
	margin-top: 3em;
}

section.header p.promotion span.highlight {
	color: #4be7d6;
	font-weight: 700;
}

section.header p.promotion span.white {
	color: white;
	font-weight: 700;
}

em {
	font-style: normal;
}

section.features {
	padding: 3em calc((100% - 1180px)/ 2);
	background-color: #3abeb0;
	color: white;
	text-align: center;
}

section.sponsers h2,
section.trial h2,
section.capabilities h2,
section.features h2 {
	text-align: center;
	font-size: 2.5rem;
	font-weight: 700;
}

section.sponsers h2,
section.trial h2,
section.capabilities h2 {
	color: #3abeb0;
	margin-bottom: 1em;
}

section.trial h2 {
	margin-bottom: 0;
}

section.features ul {
	display: block;
	margin-top: 2em;
}

section.features ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0em 0.5em;
	box-sizing: border-box;
	width: 33%;
}

section.features ul li svg {
	display: inline-block;
	vertical-align: top;
	width: 2em;
	height: 2em;
	fill: white;
	padding: 0em 0.2em;
}

section.features ul li h4 {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5rem;
	min-height: 3em;
	width: calc(100% - 2em);
}
}

@media all and (min-width: 1500px) {
	section.header {
		padding-top: 5em;
		padding-left: calc((100% - 1180px)/ 2);
		padding-right: 50%;
		background-image: url(../../images/back-to-school/header.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		height: calc(100vw * (600 / 1917));
		position: relative;
		margin-top: 70px;
	}

	section.header div.content {
		position: absolute;
		top: 50%;
		left: calc(50% - 600px);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 650px;
	}

	section.header .content.gps-tracking-school  {
		width: 550px;
	}

	section.header div.gps-tracker-school h1,
	section.header div.gps-tracker-for-school h1,
	section.header div.gps-tracking-school h1,
	section.header div.gps-tracking-for-school h1 {
		font-size: 2.7rem;
	}

	section.header h1 {
		font-size: 3.2rem;
		font-weight: 600;
		color: #62676b;
		line-height: 1.1;
	}

	section.header h1 span {
		font-weight: 600;
		color: #3abeb0;
	}

	section.header p {
		margin-top: 0.2em;
		font-size: 1.5rem;
		color: #62676b;
	}

	body.autismgps section.autismgps p {
		margin-top: 0em;
	}

	section.header div.wistia_responsive_padding {
		position: relative;
	}

	section.header a.video {
		display: block;
		color: #3abeb0;
		font-weight: 700;
		outline: none;
		margin-bottom: 1.5em;
		font-size: 1.2rem;
		outline: none;
	}
}