@charset "UTF-8";

.jumbotron {
	position: relative;
	margin: 0;
	padding: 150px 0 150px 0;
	background: url(../img/couple-yoga-mats.jpg);
	background-size: cover;
	background-position: center center;
	display: flex;
  }

  .jumbotron h1 {
	margin: 0;
	padding: 0 0 20px 0;
	color: #110081;
	font-family: 'Montserrat', sans-serif;
	font-size: 2.625em;
	font-weight: 600;
	font-style: normal;
	line-height: normal;
	text-align: left;
  }

  .jumbotron h1 span {
	display: block
  }

  .jumbotron h2 {
	margin-bottom: 30px;
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.375em;
	font-weight: 400;
	text-align: left
  }

  .zipContainerWrap {
	padding: 20px 30px 10px 30px;
	max-width: 530px;
	background: #fff;
	border: 2px solid #D9D9D9;
	border-radius: 12px
  }

  .zipContainer {
	display: block;
	padding: 1px;
	width: 70%
  }

  .textfield {
	padding: 5px 12px;
	height: 49px;
	color: #333;
	font-size: 1em;
	line-height: 1.3333333;
	font-weight: 400;
	background: #fff
  }

.card-disclaimer {
    color: #707070;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.bullets {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #00366f;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 500;
}

	.bullets li {
		padding: 0 0 25px 0;
	}

		.bullets li span {
			display: inline-block;
			width: 20px;
			text-align: center;
		}

input {
	vertical-align: middle
}

.message {
	display: flex;
	margin-bottom: 0 !important;
	padding: 10px 0;
	color: #DE4F5C;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-align: left
}

#TrustedSiteBadge {
	display: none;
}

@media screen and (min-width:1920px) {
	.jumbotron {
		height: 90vh;
	}
}

@media screen and (min-width:1600px) {
	.jumbotron {
		height: 75vh;
	}
}

@media (min-width:991px) and (max-width:1199px) {
	.jumbotron h1 {
		font-size: 2.625em;
	}
}

@media screen and (min-width:1024px) {
	.jumbotron {
		background-position: 40% 0;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.jumbotron {
		margin-bottom: 0;
		padding-top: 70px;
		padding-bottom: 70px;
		background-position: -5% 0;
	}

		.jumbotron h1 {
			padding-bottom: 10px;
			font-size: 1.875em;
		}

		.jumbotron h2 {
			font-size: 1em;
		}

	.message {
		padding: 10px 0;
		color: #DE4F5C;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px !important;
		font-weight: 600 !important;
		text-align: left
	}
}

@media (min-width:768px) and (max-width:939px) {
	.zipContainer {
		display: block;
		padding: 1px;
		width: 80%
	}
}

@media (min-width:280px) and (max-width:767px) {
	#mobileHero {
		display: block;
		height: 225px;
		background: url("../img/couple-yoga-mats.jpg") no-repeat 100% 0;
		background-size: cover;
	}

	.jumbotron {
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 0;
		background: #fff
	}

		.jumbotron h1 {
            margin-top: 20px;
			font-size: 2.625em;
			text-align: center
		}

			.jumbotron h1 span {
				display: inline
			}

		.jumbotron h2 {
			text-align: center
		}

		.jumbotron p {
			margin-bottom: 40px;
			text-align: center;
		}

	.zipContainerWrap {
		padding: 0;
		border: none
	}

	.zipContainer {
		display: block;
		margin: 0 auto;
		padding: 1px;
	}

	.textfield {
		margin-bottom: 15px;
		height: 48px;
		border-radius: 6px !important;
	}

	.btn-default {
		width: 100%;
		height: 48px;
		border-radius: 6px !important;
	}

	.message {
		display: inline-flex;
		padding: 10px 20px;
		color: #DE4F5C;
		font-family: "roboto", sans-serif;
		font-size: 14px !important;
		font-weight: 600 !important;
		text-align: center
	}

	#TrustedSiteBadge {
		display: block;
		margin: 15px auto 0 auto;
		padding-left: 0;
		padding-bottom: 0;
		text-align: center;
	}

	.bullets {
		list-style: none;
		margin: 0;
		padding: 0;
		color: #00366f;
		font-family: "roboto", sans-serif;
		font-size: 20px;
		font-weight: 500;
	}

		.bullets li {
			margin: 0 auto;
			padding: 0 0 35px 0;
			width: 75%;
			text-align: center;
		}

			.bullets li span {
				display: block;
				margin: 0 auto;
				width: 20px;
				text-align: center;
			}

				.bullets li span .fas {
					font-size: 28px;
				}
}

@media (min-width:439px) and (max-width:639px) {
	.zipContainer {
		display: block;
		margin: 0 auto;
		padding: 1px;
		width: 70%
	}

	.zipContainer2 {
		width: 70%
	}
}

@media (min-width:320px) and (max-width:439px) {
	.jumbotron h1 {
		padding-bottom: 15px;
		font-size: 2.125em;
		text-align: center
	}

	.jumbotron h2 {
		font-size: 1.25em
	}

	.zipContainer {
		display: block;
		margin: 0 auto;
		padding: 1px;
		width: 80%
	}
}

@media screen and (max-width: 414px) {
	.jumbotron h1 {
		padding-bottom: 15px;
		font-size: 1.875em;
		text-align: center
	}

	.jumbotron h2 {
		font-size: 1.25em
	}
}

@media screen and (max-width: 390px) {
	.jumbotron h2 {
		font-size: 1.125em
	}
}

@media screen and (max-width: 375px) {
	.jumbotron h1 {
		padding-bottom: 15px;
		font-size: 1.75em;
		text-align: center
	}

	.jumbotron h2 {
		font-size: 1.125em
	}
}

@media screen and (max-width: 360px) {
	.mobile-menu li a {
		font-size: 13px;
	}

	.jumbotron h2 {
		font-size: 1em
	}
}

@media screen and (max-width: 320px) {
	.jumbotron h1 {
		padding-bottom: 15px;
		font-size: 1.875em;
		text-align: center
	}

	.mobile-menu li a {
		font-size: 11px;
	}

	.zipContainer {
		display: block;
		margin: 0 auto;
		padding: 1px;
		width: 100%
	}
}