@charset "utf-8";
/* CSS Document */

/*---------------------- Responsive Styles */

@media only screen and (max-width: 1069px) {

div.sub {
	width: 90%;
}

h1 {
	font-size: 80px;
	line-height: 80px;
}

.splash {
	padding: 50px 0;
	min-height: 400px;
}

.headline {
	width: 100%;
	font-size: 50px;
	line-height: 40px;
}

p.sub-headline {
	width: 100%;
}

.floater {
	width: 100%;
}

.short {
	width: 50%;
}

.wide {
	width: 50%;
}

.compare {
	display: block;
	width: 100%;
}

.compare-box {
	padding: 24px 0;
}

.compare-image {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


}


@media only screen and (max-width: 942px) {


}

@media only screen and (max-width: 660px) {


.float-content {
  width: 100%;
}

.short {
	width: 100%;
}

.wide {
	width: 100%;
}

.float-image {
  width: 100%;
  height: 700px;
  position: relative;
  overflow: hidden; /* crop overflowing image if needed */
}

.floater {
  height: auto; /* keep for now, adjust later for responsiveness */
  display: block;
  margin-bottom: 100px;
}

.float-image {
	display: none;
}

.bluebox {
	display: none;
}

.core-comp {
	display: block;
}

.waitlist .signup {
	width: 100%;
	padding: 50px 1%;
	justify-content: center;
	align-items: center;
}

.signup form {
	text-align: center;
}

.signup form input.form {
	margin-left: auto;
	margin-right: auto;
	float: none;
	width: 90%;
}

input.redbutton {
}

}



/*---------------------- MOBILE */

@media only screen and (max-width: 520px) {

.sub {
	width: 98%;
}

h2 {
	font-size: 40px;
	line-height: 50px;
}

h4.small {
	font-size: 24px;
}

.navigation a.button {
	display: none;
}

}

/* The signup form only needs to be flex on larger screens. */
@media only screen and (min-width: 660px) {

.signup form {
    display: flex;
    justify-content: space-between;
}

.signup input.form {
    flex-grow: 1;
}
}