.click {cursor: pointer;}
.noselect {
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue.woff') format('woff'), url('../fonts/HelveticaNeue.ttf')  format('truetype'), url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-CondensedBold';
  src: url('../fonts/HelveticaNeue-CondensedBold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-CondensedBold';
  src:  url('../fonts/HelveticaNeue-CondensedBold.otf')  format('opentype'),
	     url(data:application/x-font-woff;charset=utf-8;base64) format('woff'), url('../fonts/HelveticaNeue-CondensedBold.ttf')  format('truetype'), url('../fonts/HelveticaNeue-CondensedBold.svg#HelveticaNeue-CondensedBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

html { background-image:url('../images/background.png');background-repeat:no-repeat;background-size: cover;background-position: top left; width:100%; height: 100%;}

body { margin: 0; width: 100%; height: 100%; position: relative; font-family: 'FS Albert Pro', 'FS Albert', Arial, sans-serif;}

#outer {}

#banner {width: 100%;}
#banner img {max-width: 100%;}

#content {height:100%; width: 65vw; float: right; text-align: center; }
#title {text-align: center; width: 82%; margin: 140px auto 0;}
#headerTxt {color:#33a63a; font-size: 3.8vw; font-family: 'HelveticaNeue-CondensedBold'; text-align: justify;}

#contentBody{text-align: center; margin-top: 3vw; width: 82%; margin: 55px auto 0;}
.contentTxt{width:100%;font-family: 'HelveticaNeue';text-align: left;}
#instructions{font-size: 1.6vw; line-height: 2.2vw;}
#employeesOnly{font-size: 1.2vw; padding-top: 28px;}

#logo{background:url('../images/logo.png') no-repeat; margin: 75px auto 0; background-size: auto 100%; width: 90%; height: 10vw; background-position: center; max-height: 155px; }

#upload {margin-left: auto;}
#uploadBtn {width: 508px; 
			height: 95px;
			margin: 0 auto; 
			margin-top: 4vw; 
			background:url('../images/submitBtnBG.png') no-repeat; 
			background-size: contain; 
			background-color: transparent;
			background-position: center;
			display: flex; 
			align-items: center; 
			justify-content: center;
			box-shadow: 0 8px 25px -2px rgba(0, 0, 0);
		}
#uploadTxt {font-weight: bold; font-size: 52px; color: #fff; font-family: 'HelveticaNeue-CondensedBold'}

#site {font-weight: bold; font-size: 20px; color: #f27707;}

#footer{width: 100%;bottom: 0;left:0;position: relative; padding-bottom: 20px; margin-top: 75px;}
#terms {margin-right: 30px;}
#termsFAQ{display: inline-block;}
#termsFAQ a {text-decoration: none;}
.termsFAQ{font-family: 'HelveticaNeue'; color:#737573; font-family: Arial; font-size: 18px;display: inline-block; vertical-align: middle; user-select: none; cursor:pointer;}



@media (max-width: 1410px) {
	html {background-position:-130px;}
	#content {width: 55vw;}
	#headerTxt {font-size: 36px; text-align: center;}
	#instructions {font-size: 23px; line-height: 28px;}
	#employeesOnly {font-size: 19px; line-height: 23px;}
	#logo {margin-top: 32px;}
	#uploadBtn {margin-top: 32px; width: 460px; height: 86px; background-size: 100% auto;}
	#uploadTxt {font-size: 46px;}
	.termsFAQ {font-size: 16px;}
	#terms {margin-right: 22px;}
}

@media (max-width: 1070px) {
	html {background-position: -275px;}
	#headerTxt {font-size: 3.4vw;}
	#instructions {font-size: 2.6vw; line-height: 3.4vw;}
	#employeesOnly {font-size: 1.6vw; line-height: 2.4vw;}
	#uploadBtn {width: 300px; height: 56.1px;}
	#uploadTxt {font-size: 30px;}
	.termsFAQ {display: block;}
	#faq {margin-top: 8px;}
}

@media (max-width: 767px){
	html {background: url('../images/mobileBg.png');background-position: top center;background-size: contain;background-repeat: no-repeat;}
	body{background: url('../images/babySides.png');background-position: top center;background-size: cover;}
	#content {width: 90%; float: none; margin: 0 auto;}
	#title {width: 100%; margin: 0; padding-top: 51.2399vw;}
	#headerTxt {font-size: 6vw; }
	#contentBody {width: 100%; margin-top: 32px;}
	#instructions {font-size: 3.6vw; line-height: 4.6vw; text-align: center;}
	#employeesOnly {font-size: 2.8vw; line-height: 4vw; padding-top: 25px; text-align: center;}
	#columns {width: 100%; margin-top: 30px;}
	#logo {width: 100%; flex: auto; margin-top: 35px; height: 18vw;}
	#uploadBtn {width: 80vw; height: 14.96vw; margin-top: 20px;}
	#uploadTxt {font-size: 5.8vw;}
	#footer {margin-top: 30px;}

	.termsFAQ {display: inline-block;}
	#termsFAQ{height: auto;text-align: center; }
	#faq {margin-top: 0;}
	#columns{display: flex; flex-direction: column;}
	#logo{order: 2;}
	#upload{order: 1;margin-left: 0;}

}


@media(max-width: 575px) {
/*	#logo{width: 80.2vw; background-size: contain;}*/
	/*html {background: url('../images/mobileBg.png');background-position: top center;background-size: contain;background-repeat: no-repeat;}*/
}

@media (max-width: 545px) {	
	#logo{margin-top: 20px;}
	.termsFAQ{width: 100%;text-align: center;margin: 0;}

	#termsFAQ {display: block;}
	#terms {margin: 0;}
	#faq {margin-top: 8px;}
}

@media (max-width: 450px) {
	#instructions {font-size: 14px;}
	#employeesOnly{font-size: 11px;}
	.termsFAQ {font-size: 12px;}
}