/*

	Refactoring everything

  Please follow this order when writing CSS and media queries
  	1. Most general selector comes first
  	2. Order within screensize should follow markup (needs to be cleaned up)
		3. Write media queries for the smallest screen resolution first
		4. Handle largest screen at the end (mobile first)
		5. Generally, all should MQ be min-width (needs to be cleaned up)

	This ensures that we won't accidentally override any CSS

*/

/* ------------ General ------------ */

* {
  -webkit-font-smoothing: antialiased;
}

html, body {
	max-width  : 100%;
	overflow-x : hidden;
	font-family: Helvetica, sans-serif;
	color      : #6e5952;
	background : white;
}

a, a:visited, a:hover {
	color          : #8eba29;
	text-decoration: none;
}

button:focus {
	outline: 0;
}

h1 {
	font-weight  : bold;
	margin-bottom: 25px;
}

.row {
	margin-left : 0;
	margin-right: 0;
}

.sections {
	text-align    : center;
	background    : white;
	padding-top   : 100px;
	padding-bottom: 100px;
	padding       : 12vh 8%;
}

.upSlantSection,
.downSlantSection {
	z-index : 1;
	position: relative;
}

.upSlantSection::after {
	top           : 0;
	left          : -25%;
	z-index       : -1;
	width         : 140vw;
	height        : 100%;
	position      : absolute;
	content       : '';
	pointer-events: none;
		transform        : rotate(-5deg);
		-moz-transform   : rotate(-5deg);
		-webkit-transform: rotate(-5deg);

	background : rgba(215, 213, 213, 0.2);
	background : -webkit-linear-gradient(rgba(215, 213, 213, 0.2), #FFFFFF 10vh);
	background :    -moz-linear-gradient(rgba(215, 213, 213, 0.2), #FFFFFF 10vh);
	background :         linear-gradient(rgba(215, 213, 213, 0.2), #FFFFFF 10vh);
}

.downSlantSection::after {
	top           : 0;
	left          : -40%;
	z-index       : -1;
	width         : 140vw;
	height        : 100%;
	position      : absolute;
	content       : '';
	pointer-events: none;
	transform        : rotate(5deg);
	-moz-transform   : rotate(5deg);
	-webkit-transform: rotate(5deg);

	background : rgba(215, 213, 213, 0.2);
	background : -webkit-linear-gradient(rgba(215, 213, 213, 0.2), #FFFFFF 10vh);
	background :    -moz-linear-gradient(rgba(215, 213, 213, 0.2), #FFFFFF 10vh);
	background :         linear-gradient(rgba(215, 213, 213, 0.2), #FFFFFF 10vh);
}


.inputText {
	display      : block;
	width        : 100%;
	margin       : 2vh auto 0 auto;
	padding      : 6px 12px;
	border       : 1px solid #8eba29;
	border-radius: 8px;
	color        : #555;
	outline      : 0;
}

/* ------------ Main (Landing) Section ------------ */

#main-section {
	text-align : center;
	padding    : 12vh 0;
	background : white !important;
}

#introHeader {
	padding-top: 35px;
}

#comingSoonLink {
	border-bottom  : 1px solid #f8ed86;
	text-decoration: none;
}

#comingSoonLink:hover {
	cursor: pointer;
}

#investNowLink {
	border-bottom  : 1px solid #f8ed86;
	text-decoration: none;
}

#investNowLink:hover {
	cursor: pointer;
}

#inputForm {
	padding: 0;
}

.email-form {
	text-align: center;
}

.email-form form {
	display: inline-block;
}

.email-input {
	display       : inline-block;
	vertical-align: middle;
	border        : 1px solid #8eba29;
	border-radius : 8px;
	color         : #555;
	outline       : 0;
}

::-webkit-input-placeholder {
	color: #b6aca8;
}

#facebook-signup-button {
	font-weight     : 500;
	color           : #ffffff;
	background-color: #3B5998;
	border-width    : 0;
	border-radius   : 5px;
	margin          : 0 0 3vw 0;
	width           : 70vw;
}

#orImage {
	margin-bottom: 3vw;
	width        : 70%;
}

.mainSignUpInput {
	margin-top   : 0px;
	padding      : 6px 12px;
	height       : 43px;
	font-size    : 14px;
	width        : 70%;
	margin-bottom: 3vw;
}

#submit-email-button {
	font-weight     : 500;
	color           : #6e5952;
	background-color: #f8ed86;
	border-width    : 0;
	border-radius   : 5px;
	margin-bottom   : 3vw;
	width           : 70vw;
}

#install-message-container {
	position     : relative;
	border-radius: 5px;
	border       : 1px solid #8eba29;
	top          : 4px;
	margin-bottom: 25px;
	height       : 250px;
}

#install {
	font-size       : 18px;
	background-color: #8eba29;
	color           : #fff;
	border-width    : 0;
	border-radius   : 5px;
}

.warning {
	display: none;
}

#disclaimerText,
#disclaimerTextSmall {
	color: #b6aca8;
}

.supportedLanguages {
	color : #6e5952;
}

/* ------------ How it works Section ------------ */

#howHeader {
	overflow: hidden;
}

#howDescription {
	margin: 40px auto 0 auto;
}

#howItWorksImage {
	width     : 100%;
	height    : auto;
}

#howHeaderText {
	max-width: 80%;
}

/* ------------ Flippers Section ------------ */

#flippers {
	height: auto;
}

#flippers .externalLink {
	color           : #6e5952;
	font-style      : normal;
	text-decoration : none;
	white-space     : nowrap;
}

#flippersContainer {
	overflow: auto;
}

.portrait {
	opacity: 0.9;
}

.fTitle,
.fName {
	white-space: nowrap;
}

.externalLink:focus,
.externalLink:hover {
	opacity: 0.60;
}

.externalLink:active {
	opacity: 0.90;
}

/* Contact Section */

#contactSection {
	margin-bottom: 100px;
}

.contactText {
	text-align   : left;
	margin-top   : 2vh;
	margin-bottom: 0;
	font-size    : 16px;
}

#contact-email-input {
	width: 100%;
}

#contact h1 {
	margin-bottom: 0;
}

#contactText {
	font-size    : 16px;
	margin-top   : 2vh;
	margin-bottom: 0;
}

.checkbox label {
	padding: 0px;
}

.checkboxText {
	margin-top : 6px;
	margin-left: 40px;
	display    : inline-block;
}

#contact-email-input {
	margin-top   : 3vh;
	margin-bottom: 0;
	width        : 100%;
}

#contact-message-input {
	margin-top   : 2vh;
	margin-bottom: 0;
	width        : 100%;
	height       : 20vh;
}

.contact-wrapper {
	padding-left : 20vw;
	padding-right: 20vw;
	position     : relative;
}

/* ------------ Contact Us ------------ */

.contactText {
	text-align   : left;
	margin-top   : 2vh;
	margin-bottom: 0;
	font-size    : 16px;
}

.checkmark {
	width        : 33px;
	height       : 33px;
	position     : absolute;
	border       : 1px solid #8eba29;
	border-radius: 8px;
}

#contactEmailInput {
	margin-top   : 3vh;
	margin-bottom: 0;
}

#contactMessageInput {
	padding-bottom: 30vh;
	margin-top    : 2vh;
	margin-bottom : 0;
}

#contactSubmit {
	font-size       : 18px;
	margin-top      : 2vh;
	margin-bottom   : 0;
	width           : 174px;
	height          : 47px;
	padding         : 0px;
	background-color: #f8ed86;
	border-width    : 0;
	border-radius   : 5px;
	float           : right;
}

#contactSubmit:disabled {
	background-color: rgba(248, 237, 134, 0.61);
}


input[type=checkbox] {
	display: none;
}

input[type=checkbox]:checked + label:before {
	content   : "\2713";
	font-size : 24px;
	text-align: center;
	position  : absolute;
	left      : 8px;
}

/* ------------ Footer Section ------------ */

.footer {
	background-color: #FFFFFF;
	width           : 100%;
	position        : absolute;
	height          : 50px;
}

.copyright {
	margin-top    : 10px;
	margin        : 0;
	text-align    : center;
	vertical-align: middle;
	line-height   : 50px;
	opacity       : 0.6;
	width         : 100%;
	height        : 100%;
	box-shadow        : 0 -4px 11px -9px black;
	-moz-box-shadow   : 0 -4px 11px -9px black;
	-webkit-box-shadow: 0 -4px 11px -9px black;
}

.copyright p {
	margin: 0 auto;
}

/* ------------ Miscellaneous ------------ */

.fb_iframe_widget {
	margin   : 13px !important;
	padding  : 0 2px 2px 2px;
	width    : 122px;
	min-width: 122px;
	display  : inline-block !important;
}

button#signin {
	display   : none;
	visibility: hidden;
}

.main-container {
	height: 100%;
	width: 100%;
	margin: 0;
	padding-left: 10%;
	padding-right: 10%;
}

.custom-border {
	border-color: rgb(142, 186, 41);
}

.custom-placeholder::-webkit-input-placeholder {
   color: #6e5952;
   opacity: .5;
}

#inputForm {
	position: absolute;
	padding: 0;
}

#paymentForm {
	position:absolute;
	margin:0 auto;
	width: 330px;
}

#paymentIntro {
	background-color: rgb(142, 186, 41);
    color: white;
    margin-bottom: 15px;
    padding: 10px 20px;
    border-radius: 4px;
	text-align: center;
	font-size: 18px;
}

#paymentForm .form-group {
	padding: 0;
}

#paymentForm .form-row:nth-child(4) .form-group {
	margin-bottom: 5px;
}

#cvc {
	padding-right: 15px !important;
}

#expMonth {
	padding: 0 7.5px !important;
}

#expYear {
	padding-left: 15px !important;
}

#paymentForm label {
	float:left;
}

#paymentButton {
	background-color: #f8ed86;
	color: #6e5952;
	font-size: 18px;
	border-color: transparent;
	height: 50px;
	box-shadow: none;
}

#install-message-container {
	position: relative;
	border-radius: 5px;
	border: 1px solid #8eba29;
	top: 4px;
	margin-bottom: 25px;
	height: 250px;
}

/* ------------ MEDIA QUERIES ------------ */

@media(max-width:575px) {
	h1 {
		font-size: 8vw;
	}

	#main-section {
		min-height   : auto;
		margin-bottom: 4vh;
	}

	#contactSubmit {
		float: none;
	}

	.fTitle {
		margin-top   : 3vw;
		margin-bottom: -0.2vw;
		font-size    : 3vw;
	}

	.fName {
		color    : #8eba29;
		font-size: 4vw;
	}

	.portrait {
		margin-top   : 12vw;
		width        : 25vw;
		border-radius: 50%;
	}

	#hiddenFlippers {
		display: none;
	}

	.previous-contributors {
		display: none;
	}

	.contact-wrapper {
		padding-left : 20vw;
		padding-right: 20vw;
		position     : relative;
	}

	#contactCheckbox {
		margin-top   : 2vh;
		margin-bottom: 0px;
		height       : 100%;
	}

	#introHeader {
		margin-left : 8vw;
		margin-right: 8vw;
	}

	#introImage {
		width        : 65vw;
		margin-bottom: 6vw;
	}

	.introText {
		text-align   : center;
		font-size    : 4.5vw;
		margin-bottom: 6vw;
	}

	#facebook-signup-button {
		font-size: 4.5vw;
		height   : 12vw;
		width    : 70vw;
		margin   : 3vw;
	}

	#fbIcon {
		height        : 20px !important;
		padding-bottom: 5px  !important;
		padding-right : 14px !important;
	}

	#orImage {
		width        : 70vw;
		margin-top   : 0;
		margin-bottom: 3vw;
	}

	.email-input {
		padding      : 6px 12px;
		height       : 12vw;
		font-size    : 4.5vw;
		width        : 70vw;
		margin-bottom: 5vw;
	}

	#submit-email-button {
		font-size    : 4.5vw;
		height       : 12vw;
		width        : 70vw;
		margin-bottom: 3vw;
	}

	#install {
		font-size : 4.5vw;
		height    : 12vw;
		width     : 70vw;
		margin-top: 5vw;
	}

	#disclaimerText {
		font-size   : 2.7vw;
		margin-left : 10vw;
		margin-right: 10vw;
	}

	#disclaimerTextSmall {
		font-size   : 2.2vw;
		margin-left : 10vw;
		margin-right: 10vw;
	}

	#how-it-works {
		min-height: 130vh;
		max-height: 130vh;
		height    : auto !important;
	}

	.quotationMark {
		display: none;
	}

	#howHeader {
		font-size   : 4vw;
		line-height : 175%;
	}
	#howDescription {
		font-size   : 4.2vw;
		margin-top  : 5vw;
		line-height : 200%;
	}

	#howItWorksImage {
		width: 100%  !important;
		height: auto !important;
	}

	.read-more {
		font-size       : 4vw;
		position        : absolute;
		bottom          : -10px;
		left            : 0;
		width           : 100%;
		text-align      : center;
		text-decoration : none;
		margin          : 0;
		padding-top     : 80px;
		padding-bottom  : 40px;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 50%);

		/* border-radius  : 25px; */

/* 		-webkit-box-shadow : 0 0 29px -12px black;
		   -moz-box-shadow : 0 0 29px -12px black;
		        box-shadow : 0 0 29px -12px black;
		background-image  : -webkit-linear-gradient(white, white);
		background-image  :      -o-linear-gradient(white, white);
		background-image  :         linear-gradient(white, white); */
	}
}

/* Screen Width <= 767 px */
@media(max-width: 767px) {

	#introImage {
		width        : 65vw;
		margin-bottom: 6vw;
	}

	.introText {
		text-align   : center;
		font-size    : 5vw;
		margin-bottom: 5vw;
	}

	#facebook-signup-button {
		font-size    : 5vw;
		height       : 12vw;
	}

	#fbIcon {
		height        : 5vw;
		padding-bottom: 8px;
		padding-right : 14px;
	}

	.email-input {
		padding      : 6px 12px;
		height       : 50px;
		font-size    : 18px;
		width        : 70vw;
		margin-bottom: 5vw;
	}

	#submit-email-button {
		font-size    : 5vw;
		height       : 12vw;
		margin-bottom: 3vw;
	}

	#install {
		font-size: 5vw;
		height   : 12vw;
		width    : 70vw;
	}

	#install-message {
		width    : 70vw;
		font-size: 3vw;
		padding  : 3vw 5vw;
	}

	#disclaimerText {
		font-size   : 3vw;
		margin-left : 10vw;
		margin-right: 10vw;
	}

	#disclaimerTextSmall {
		font-size   : 2.5vw;
		margin-left : 10vw;
		margin-right: 10vw;
	}

	#howDescription {
		margin-top  : 5vw;
	}

	#howItWorksImage {
		width: 90vw;
	}

	.quotationMark {
		display: none;
	}

	.read-more {
		font-size       : 4vw;
		position        : absolute;
		bottom          : 0;
		left            : 0;
		width           : 100%;
		text-align      : center;
		margin          : 0;
		padding-top     : 100px;
		padding-bottom  : 60px;
		/* border-radius   : 25px; */
		background-image: linear-gradient(to bottom, transparent, white 50%);
/* 		margin-top      : 100px;
		margin-bottom   : 60px;
		-webkit-box-shadow : 0 0 29px -12px black;
		   -moz-box-shadow : 0 0 29px -12px black;
		        box-shadow : 0 0 29px -12px black;
		background-image  : -webkit-linear-gradient(white, white);
		background-image  :      -o-linear-gradient(white, white);
		background-image  :         linear-gradient(white, white); */
	}

	.fTitle {
		margin-top   : 2vw;
		margin-bottom: -0.2vw;
		font-size    : 3vw;
	}

	.fName {
		color    : #8eba29;
		font-size: 4vw;
	}

	.portrait {
		margin-top   : 6vw;
		width        : 30vw;
		border-radius: 50%;
	}

	#hiddenFlippers {
		display: none;
	}

	.previous-contributors {
		display: none;
	}

	.contact-wrapper {
		padding-left : 20vw;
		padding-right: 20vw;
		position     : relative;
	}

	#contactCheckbox {
		margin-top   : 2vh;
		margin-bottom: 0px;
		height       : 100%;
	}

	.contact-us-form {
		margin: 0px;
	}

	#contact-email-input {
		width: 100%;
	}

	#contact-message-input {
		width: 100%;
	}

	.checkboxContainer {
		text-align: left;
	}

	.checkbox + .checkbox {
		position   : relative;
		margin-top : 15px;
		margin-left: 0px;
	}

	.contactWrapper {
		position: relative;
	}

	#contactCheckbox {
		margin-top   : 2vh;
		margin-bottom: 0px;
		height       : 100%;
	}

	#install-message-container {
		width        : 70vw;
		margin-bottom: 2vh;
	}

	#install-message {
		font-size: 4.5vw;
		width    : 70vw;
		padding  : 5vw;
	}
}

/* Screen Width >= 768 */
@media(min-width: 768px) {
	h1 {
		font-size    : 39px;
		margin-bottom: 65px;
	}

	#main-section {
		min-height: 550px;
	}

	.upSlantSection::after {
		transform        : rotate(-3deg);
		-moz-transform   : rotate(-3deg);
		-webkit-transform: rotate(-3deg);
	}
	.downSlantSection::after {
		transform        : rotate(3deg);
		-moz-transform   : rotate(3deg);
		-webkit-transform: rotate(3deg);
	}

	#registration-confirmation,
	#inputForm {
		width: 300px;
	}

	#facebook-signup-button {
		font-size    : 14px;
		height       : 43px;
		width        : 300px;
		margin-bottom: 20px;
	}

	.mainSignUpInput {
		margin-bottom: 20px;
		width        : 300px;
	}

	#fbIcon {
		height        : 18px;
		padding-bottom: 3px;
		padding-right : 18px;
	}

	#orImage {
		width        : 300px;
		margin-bottom: 20px;
	}

	.email-input {
		padding      : 6px 12px;
		height       : 43px;
		font-size    : 14px;
		width        : 300px;
		margin-bottom: 20px;
	}

	#submit-email-button {
		font-size    : 14px;
		height       : 43px;
		width        : 300px;
		margin-bottom: 1vw;
	}

	.checkboxContainer {
		height          : 33px;
		padding-left    : 0px;
		margin-top      : 2vh;
		margin-bottom   : 0;
		text-align      : justify;
		-ms-text-justify: distribute-all-lines;
		text-justify    : distribute-all-lines;
	}

	.checkboxContainer:after {
		content    : '';
		width      : 100%;
		display    : inline-block;
		font-size  : 0;
		line-height: 0;
	}

	.checkbox {
		vertical-align: top;
		display       : inline-block;
		*display      : inline;
		zoom          : 1;
		margin-top    : 0px;
		margin-left   : 0px;
	}

	.checkbox + .checkbox {
		margin-top: 0px;
	}

	.quotationMark {
		color    : #f8ed86;
		font-size: 80px;
	}

	#qMark1 {
		margin-right: 5px;
	}
	#qMark2 {
		margin-left: 5px;
	}
	#howHeader {
		width : 100%;
		margin: auto;
	}

	#howHeader span {
		display: inline-block;
	}

	#howHeader,
	#howDescription {
		position   : relative;
		font-size  : 18px;
		line-height: 200%;
	}

	#howDescription {
		text-align  : center;
		width       : 100%;
		max-width   : 1200px;
		margin-left : auto;
		margin-right: auto;
	}

	#howItWorksImage {
		margin-top: -10%;
	}

  .read-more {
		text-decoration: none;
		display        : none;
  }

	.fTitle {
		margin-top   : 14px;
		margin-bottom: -0.2vw;
		font-size    : 0.8vw;
	}

	.fName {
		color        : #8eba29;
		font-size    : 1vw;
		white-space  : nowrap;
		margin-bottom: 28px;
	}

	.portrait {
		width        : 60%;
		border-radius: 50%;
	}

	#previousFlippers {
		display: none;
	}
	.previous-contributors {
		margin-bottom: 2vh;
	}

	.previous-contributors a,
	.previous-contributors a:visited {
		display        : inline-block;
		padding        : 10px 2.5%;
		margin-top     : 10px;
		text-decoration: none;
		color          : #f8ed86;
		font-size      : 1.3vw;
		font-weight    : bold;
		text-align     : center;
		white-space    : nowrap;
		width          : 20vw;
		border-radius  : 25px;

		box-shadow        : 0 0 29px -12px black;
		-moz-box-shadow   : 0 0 29px -12px border-left: ;
		-webkit-box-shadow: 0 0 29px -12px black;
		background-image  : -webkit-linear-gradient(white, white);
		background-image  : -o-linear-gradient(white, white);
		background-image  : linear-gradient(white, white);
	}

	.previous-contributors a:hover {
		        box-shadow : 0 0px 35px -10.5px black;
		   -moz-box-shadow : 0 0px 35px -10.5px black;
		-webkit-box-shadow : 0 0px 35px -10.5px black;
	}

	#contactEmailInput {
		margin-top: 2vh;
	}

	#install {
		font-size: 18px;
		height   : 43px;
		width    : 300px;
	}

	#install-message-container {
		border-radius: 5px;
		border       : 1px solid #8eba29;
		position     : relative;
	}

	#disclaimerText {
		font-size: 12px;
	}

	#disclaimerTextSmall {
		font-size: 10px;
	}
}

@media(min-width:768px) and (max-width:1200px) {
	.sections {
		padding: 12vh 12%;
	}

	.introText {
		display: none;
	}

	#introMainContainer {
		width    : 100%;
		min-width: 650px;
		margin   : auto;
	}

	#introImage {
		width       : 350px;
		float       : right;
		margin-top  : -20px;
		margin-right: -30px;
	}
}

@media(min-width: 873px) {
	.contact-wrapper {
		padding-left : 20vw;
		padding-right: 20vw;
		height       : 100%;
	}
}

@media(min-width: 768px) and (max-width: 872px) {
	.contact-wrapper {
		padding-left : 20vw;
		padding-right: 20vw;
		position     : relative;
	}

	#contactCheckbox {
		margin-top   : 2vh;
		margin-bottom: 0px;
		height       : 100%;
	}

	.contact-us-form {
		margin: 0px;
	}

	#contact-email-input {
		width: 100%;
	}

	#contact-message-input {
		width: 100%;
	}
}

@media(min-width:576px) and (max-width:767px) {
	h1 {
		padding-top: 10vw;
		font-size  : 6vw;
		width      : 60vw;
		margin     : auto;
	}

	#main-section {
		height       : auto;
		margin-bottom: 6vh;
	}

	.mainSignUpInput {
		margin-top: 0px;
		padding: 6px 12px;
		height: 43px;
		font-size: 18px;
		width: 330px;
		margin-bottom: 23px;
	}

	.sections {
		padding-top: 10vw;
		height     : 100vh;
	}
}

@media (max-width: 1201px) {
	#introMainContainer {
		max-width: 650px;
		margin   : 0 auto;
	}

	#install-message-container {
		top          : 0;
		margin       : auto;
		margin-bottom: 15px;
	}
}

@media(min-width: 1201px) {
	#main-section {
		min-height: 550px;
	}

	.sections {
		padding: 12vh 8%;
	}

	#introMainContainer {
		width    : 100%;
		max-width: 1100px;
		margin   : auto;
	}

	#introInfoContainer {
		float: right;
		width: 615px;
	}

	#introHeader {
		font-size  : 52px;
		padding-top: 52px;
	}

	#introImage {
		height      : 384px;
		float       : right;
		margin-top  : -30px;
		margin-right: -40px;
	}

	.introText {
		text-align: right;
		font-size : 18px;
	}

	#introText1 {
		position   : absolute;
		width      : 250px;
		margin-left: 40px;
	}

	#introText2 {
		position  : absolute;
		width     : 250px;
		margin-top: 90px;
	}

	#introText3 {
		position  : absolute;
		width     : 250px;
		margin-top: 180px;
	}

	#introText4 {
		position   : absolute;
		width      : 250px;
		margin-top : 270px;
		margin-left: 40px;
	}

	#howDescription {
		text-align: left;
	}

	#registration-confirmation,
	#inputForm {
		width: 330px;
	}

	#facebook-signup-button {
		font-size    : 20px;
		height       : 50px;
		width        : 330px;
	}

	#fbIcon {
		height        : 25px;
		padding-bottom: 5px;
		padding-right : 14px;
	}

	#orImage {
		width: 330px;
	}

	#signUpNameInput,
	#signUpEmailInput {
		margin-top: 0px;
		padding: 6px 12px;
		height: 43px;
		font-size: 18px;
		width: 330px;
		margin-bottom: 23px;
	}

	.email-input {
		padding      : 6px 12px;
		height       : 50px;
		font-size    : 18px;
		width        : 330px;
		margin-bottom: 23px;
	}

	#submit-email-button {
		font-size    : 20px;
		height       : 50px;
		width        : 330px;
	}

	#install {
		font-size : 20px;
		height    : 50px;
		width     : 330px;
		margin-top: 0;
	}

	#disclaimerText {
		font-size: 14px;
		width    : 310px;
		margin   : 0 auto;
	}

	#disclaimerTextSmall {
		font-size: 12px;
		width    : 310px;
		margin   : 0 auto;
	}
}

/* Screen Width <= 767 px */
@media(max-width: 767px) {
	#inputForm,
	#paymentForm {
		position:relative;
	}

	#flippersContainer {
		max-width: 1100px;
		margin   : 0 auto;
	}

	#contactCheckbox {
		height       : 33px;
		padding-left : 0px;
		margin-top   : 2vh;
		margin-bottom: 0;
		text-align      : justify;
		    text-justify: distribute-all-lines;
		-ms-text-justify: distribute-all-lines;
	}

	.mainSignUpInput {
		width: 70vw;
		font-size: 5vw;
		font-weight: 500;
		height: 12vw;
	}

	#contactCheckbox:after {
		content    : '';
		width      : 100%;
		display    : inline-block;
		font-size  : 0;
		line-height: 0
	}

	.contact-us-form {
		height: 100%;
		width : 100%;
	}

	#contact-email-input {
		width        : 100%;
		margin-top   : 2vh;
		margin-bottom: 0;
	}

	#contact-message-input {
		width        : 100%;
		margin-top   : 2vh;
		margin-bottom: 0;
	}

	.contactWrapper {
		max-width: 1100px;
		margin   : 0 auto;
	}

	#install-message-container {
		width: 70vw;
		margin-bottom: 2vh;
	}

	#install-message {
		font-size: 20px;
		width: 70vw;
		padding: 5vw;
	}
}

@media(min-width:1450px) {
	.sections {
		padding: 12vh 15%;
	}
}

@media (min-width: 2300px) {
	.fTitle {
		font-size: 0.4vw;
	}
	.fName {
		font-size: 0.8vw;
	}
}