body {
	padding-top: 0;
	padding-bottom: 20px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	font-family: MyriadPro-Regular;
}

@font-face {
	font-family: MyriadPro-Light;
	src: url(/fonts/MyriadPro-Light.otf);
}

@font-face {
	font-family: MyriadPro-Regular;
	src: url(/fonts/MyriadPro-Regular.otf);
}

@font-face {
	font-family: MyriadPro-Semibold;
	src: url(/fonts/MyriadPro-Semibold.otf);
}

@font-face {
	font-family: Lato-Light;
	src: url(/fonts/Lato-Light.ttf);
}

.g-recaptcha { width:304px; margin-left:auto; margin-right:auto; }

.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin .checkbox {
	font-weight: normal;
}

.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#hero {
	width: 800px;
	height: 450px;
	position: relative;
}

#hero span {
	display: block;
	position: relative;
	margin: 0 auto;
	color: #fff;
	font-size: 3em;
	padding-top: 40px;
	font-weight: bold;
	text-align: center;
	width: 250px;
}

.centreGfx { margin-left: auto; margin-right: auto; }

.gutter {
	width: 134px;
	min-height: 20px;
	float: left;
}

#landingPage {
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

#navLine {
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
	martin-top: 0;
}

#signIn2x {
	width: 82px;
	height: 35px;
}
#joinNow2x {
	width: 126px;
	height: 35px;
}

#finalDev {
	width: 313px;
	float: left;
	font-family: MyriadPro-Regular;
	font-size: 10pt;
	margin-top: 28px;
}

#signInBtn  { width:82px; margin-top: 20px; border:0; float: left; }
#joinNowBtn { width:126px; margin-top: 20px; border:0; float: left; }

#heroHandGfx {
	width: 500px;
	height: 625px;
	margin-left: 0;
	margin-top: 162px;
	float: left;
}

#heroInner {
	width: 720px;
	height: 120px;
	float: left;
	font-family: MyriadPro-Light;
	font-size: 38pt;
	text-align: left;
	color: #fff;
	margin-top: 620px;
	margin-left: 134px;
}

#mutedVideoUnderlay {
     position: absolute;
     top: 0;
     left: 0;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -1000;
     overflow: hidden;
}

.videoPlayBoxSD 	{ width:1024px; height:576px; margin-left: auto; margin-right: auto; }
.videoPlayBox720p 	{ width:1280px; height:720px; margin-left: auto; margin-right: auto; }
.videoPlayBox1080p	{ width:1920px; height:1080px; margin-left: auto; margin-right: auto; }

#heroPositionerBg {
	width: 720px;
	height: 120px;
	background-color: #000;
	opacity: 0.6;
}

#heroPositioner {
	width: 720px;
	height: 120px;
	color: #fff;
	opacity: 1.0;
}

#heroText {
	font-family: MyriadPro-Regular;
	font-size: 15pt;
	color: #fff;
	opacity: 1.0;
}

#heroHand {
	width: 500px;
	height: 625px;
}

#worldsBest {
	margin-left: 134px;
	margin-top: 162px;
}

#header { width: 1132px; height: 85px; margin-left: auto; margin-right: auto; }
#mainHeaderImg { border: 0; width: 380px; height: 85px; }

#headerInnerR {
	width: 566px;
	height: 85px;
	margin-left: 0;
	float: left;
	font-family: MyriadPro-Regular;
	font-size: 15pt;
}

#headerInnerL {
	width: 566px;
	height: 85px;
	margin-left: 0;
	float: left;
}

#videoHero {
	width: 1400px; height:788px;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

#features { width: 1400px; height: 320px; margin-left: auto; margin-right: auto; }
#featuresMain { width: 1132px; height: 240px; margin-left:auto; margin-right:auto; }

.featureThirds {
	width: 375px;
	height: 120px;
	float: left;
}

.featureButton {
	width: 80px;
	height: 80px;
	float: left;
}

.button80 { width: 80px; height: 80px; }

.buttonSp20 {
	width: 20px;
	height: 120px;
	float: left;
}

.featureXsp {
	width: 270px;
	height: 170px;
	float: left;
}

.featureHead { width: 270px; font-family: MyriadPro-Semibold; font-size: 12pt; margin-left: 30px; margin-top: 10px; color: #4e5155; }
.featureDetail {
	width: 270px;
	font-family: MyriadPro-Regular;
	font-size: 10pt;
	margin-left: 30px;
	margin-right: 10px;
	color: #a1a2a4
}

#screenshots {
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f7f8fa;
}

#screenShots2x {
	width: 1400px;
	height: 938px;
}

#featuredClients {
	width: 1400px;
	height: 360px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fdfdfd;
}

.clientsSpacer { width: 1400px;  height: 40px; }

#clientsLogos {
	width: 1118px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#clientsBrands {
	width: 1118px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}

#clientsDelivering {
	width: 1400px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	font-family: MyriadPro-Semibold;
	font-size: 12pt;
	color: #4e5155;
	text-align: center;
}

#clientsAllSent {
	width: 1400px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	font-family: MyriadPro-Semibold;
	font-size: 12pt;
	color: #4e5155;
	text-align: center;
}

#desktopConsole {
	width: 1153px;
	height: 672px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

#desktopConsoleL {
	width: 599px;
	height: 672px;
	float: left;
}

#desktopConsoleR {
	width: 533px;
	height: 672px;
	float: left;
}

#desktopHdr {
	width: 560px;
	font-family: MyriadPro-Light;
	font-size: 38pt;
	color: #3d5567;
	margin-top: 120px;
}

#desktopReg {
	width: 599px;
	font-family: MyriadPro-Regular;
	font-size: 14pt;
	color: #a1a2a4;
	margin-top: 0;
}

#macConsoleImg {
	width: 553px;
	height: 672px;
	margin-right: 0;
}

#numbers {
	width: 1400px;
	height: 620px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f7f8fa;
	background-image: url("https://static.andygrace.com/landing/numbersBg.png");
	background-size: 1400px 620px;
	background-repeat: no-repeat;
}

#numContainer { width: 846px; height: 620px; float: left; }

#numHead {
	width: 846px;
	height: 150px;
	font-family: MyriadPro-Light;
	font-size: 32pt;
	color: #3d5567;
	margin-top: 80px;
	text-align: center;
	margin-top: 180px
}

#numJournosCtn {
	width: 270px;
	height: 70px;
	float: left;
	color: #39c0d3;
	font-family: Lato-Light;
	font-size: 48pt;
	text-align: center;
}

#numDelivCtn {
	width: 270px;
	height: 70px;
	float: left;
	color: #39c0d3;
	font-family: Lato-Light;
	font-size: 48pt;
	text-align: center;
}

#numViewsCtn {
	width: 270px;
	height: 70px;
	float: left;
	color: #39c0d3;
	font-family: Lato-Light;
	font-size: 48pt;
	text-align: center;
}

#numJournosTxt {
	width: 270px;
	height: 30px;
	float: left;
	color: #a1a2a4;
	font-family: MyriadPro-Regular;
	font-size: 12pt;
	text-align: center;
}

#numDelivTxt {
	width: 270px;
	height: 30px;
	float: left;
	color: #a1a2a4;
	font-family: MyriadPro-Regular;
	font-size: 12pt;
	text-align: center;
}

#numViewsTxt {
	width: 270px;
	height: 30px;
	float: left;
	color: #a1a2a4;
	font-family: MyriadPro-Regular;
	font-size: 12pt;
	text-align: center;
}

#testimonials {
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

#overlayAndy {
	width: 420px;
	height: 620px;
	float: left;
}

#callToAction {
	width: 1400px;
	height: 750px;
	background-image:
		url("https://static.andygrace.com/landing/callToActionBg.png");
	margin-left: auto;
	margin-right: auto;
}

#ctaInnerLeft {
	width: 700px;
	float: left;
}

#ctaInnerRight {
	width: 566px;
	float: left;
}

#ctaGetApp {
	width: 566px;
	font-family: MyriadPro-Light;
	font-size: 38pt;
	text-align: left;
	color: #3d5567;
	margin-top: 140px;
}

#ctaGetAppSub {
	width: 566px;
	font-family: MyriadPro-Regular;
	font-size: 12pt;
	text-align: left;
	color: #4e5155;
	margin-top: 20px;
}

.storeBtns {
	width: 250px;
	height: 68.5px;
	float: left;
}

#iphones2 {
	margin-left: 134px;
	width: 501px;
	height: 630.5px;
	margin-top: 40px;
}

#getButtons {
	margin-left: 0;
	width: 501px;
	height: 70px;
	margin-top: 40px;
}

#appStoreBtn {
	width: 182px;
	height: 68.5px;
	margin-left: 0;
	border:0;
}

#playStoreBtn {
	width: 182px;
	height: 68.5px;
	margin-right: 0;
}

#footer { width: 1132px; margin-left: auto; margin-right: auto; margin-top: 40px; }

#footerCopyright {
	width: 566px;
	font-family: MyriadPro-Regular;
	font-size: 14px;
	float: left;
	text-align: left;
	color: #5d6063;
}

#footerSocial {
	width: 560px;
	float: left;
}

#footerSpacer {
	width: 380px;
	height: 40px;
	float: left;
}

#footerSpFb {
	width: 30px;
	float: left;
	text-align: center;
}

#footerSpTwit {
	width: 30px;
	float: left;
	text-align: center;
}

#footerSpIn { width: 30px; float: left; text-align: center; }
#footerFbImg { width: 7px; height: 14px; }
#footerTwitImg { width: 14px; height: 11px; }
#footerInImg { width: 13px; height: 13px; }

.agmSmallBrand 	{ width: 350px; margin-left: auto; margin-right: auto; margin-top: 20px; font-size: 8px; font-family: 'Open Sans', Helvetica; text-align: center; font-weight: 200; }
.agmSmallImg 	{ border: 0px; margin-left: auto; margin-right: auto; width: 190px; }

.posLinkImage { margin-left: auto; margin-right: auto; margin-top: 6px; text-align: center; font-family: MyriadPro-Regular; font-size: 10px; font-weight: normal; line-height: 10px; color: #666666; border: 0; width: 75px; }
.centreContent { margin-left: auto; margin-right: auto; text-align: center; }
.previewPicContainer { width: 1000px; margin-left: auto; margin-right: auto; text-align: center; }
.previewPicTitle { margin-left: auto; margin-right: auto; text-align: center; font-size: 18px; }
.previewPicDesc { margin-left: auto; margin-right: auto; text-align: center; font-size: 12px; }
.width1000 { width: 1000px; margin-left: auto; margin-right: auto; }
.maxWidth1000 { max-width: 1000px; }
.audioRenderWave { width:640px; margin-left:auto; margin-right:auto; }
.spacer20px { width: 100%; height: 20px; }