/* Global */
.red { color: #d60000; }
.yellow { color: #f5fe00; }
.bright-green { color: #82ee35; }
.dark-green { color: #40ad37 !important; }
.dark-red { color: #780b0b !important; }

.blue-bg { background: #16a695; }

h1, h2, h3, h4, h5 { font-family: 'Oswald', sans-serif; }

h2 { font-size: 2.8rem; }
h3 { font-size: 2.15rem; }
h5 { font-size: 1.0rem; }

/* section -> limited supply */
.limited-supply { background: #000000; }
.limited-supply p { font-size: 13px; color: #ffffff; }

/* section -> masthead */
.masthead { background: url('../img/bg-main.jpg') #e4eff1; background-repeat: no-repeat; min-height: 840px; }
.masthead .logo { width: 64px; }
.masthead .lead-container { width: 600px; margin: 0 0 0 auto; }
.masthead .bottles { position: absolute; bottom: 30px; left: -180px;  }
.masthead .full-spectrum { position: absolute; bottom: 100px; left: -150px;}
.masthead .no-rx { position: absolute; bottom: 0px; left: 0; }
.masthead ul { list-style-image: url('../img/bullet-check.png'); padding: 0; width: 290px; text-align: left; margin: 0px auto 20px auto; }
.masthead ul li { padding: 0 0 0 5px; margin: 0 0 10px 30px; font-weight: 600; }
.masthead .form-container { background: #005f74; padding: 5px;}
.masthead .form-container h3 { color: #1fbea9; font-size: 1.2rem; }
.masthead .form-container h4 { color: #ffffff; font-size: 2.2rem; }
.masthead .form-container .inner { background: #1a9c8b; }
.masthead .form-container .inner .rush-my-bottle { background: url('../img/btn-rush.png'); background-position: center top; background-size: contain; background-repeat: no-repeat; border: 0px none; outline: 0px none; width: 100%; height: 55px; }

/* section -> the-problem */
.the-problem { background: #f9f9f9; }

/* section -> the-solution */
.the-solution { background: url('../img/bg-the-solution.jpg') #ffffff; background-size: contain; background-repeat: no-repeat; background-position: right bottom; }
.the-solution .bottles { position: absolute; bottom: 0px; left: 40px; }

.the-solution .green-tag { position: absolute; left: 319px; bottom: 50px; background: #128945; padding: 20px 30px 10px 30px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.the-solution .green-tag h5 { color: #ffffff; }
.the-solution .green-tag ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
.the-solution .green-tag ul li { color: #82ee35; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: .9rem !important; }

/* section -> the-science */
.the-science { background: url('../img/bg-the-science.jpg') #ffffff; background-repeat: no-repeat; background-position: right top; }
.the-science .full-spectrum { position: absolute; bottom: 280px; left: 0px; width: 180px; }
.the-science .bottles { position: absolute; bottom: 10px; left: 40px; }
.the-science .dr-recommended { position: absolute; right: 50px;}
.the-science ul { list-style-image: url('../img/bullet-check.png'); margin: 10px 0 20px 25px; padding: 0; }
.the-science ul li { padding: 0 0 0 5px; margin: 0 0 10px 0; font-weight: 600; }

/* section -> amazing-benefits */
.amazing-benefits { background: url('../img/bg-amazing-benefits.jpg') #ffffff no-repeat 0 bottom;  }
.amazing-benefits .bottles { position: absolute; bottom: 20px; right: 40px; }
.amazing-benefits ul { list-style-type: none; margin: 0; padding: 0; }
.amazing-benefits .icon { float: left; width: 100px; margin-right: 20px; }

/* section -> testimonials */
.testimonials .carousel-inner { min-height: 300px; }
.testimonials .carousel-item p { font-family: 'Oswald', sans-serif; font-size: 2.1rem; font-weight: 300; }
.testimonials .carousel-item p span { color: #16a695; }
.testimonials .carousel-item p.attribution { font-size: 1.6rem; }

/* section -> wrap-up */
.wrap-up { background: url('../img/bg-wrap-up.jpg') #ffffff no-repeat right top;  }
.wrap-up .bottles { position: absolute; bottom: 100px; left: -140px; }
.wrap-up .full-spectrum { position: absolute; bottom: 250px; left: -140px; }
.wrap-up ul { list-style-image: url('../img/bullet-check.png'); padding: 0; width: 290px; text-align: left; margin: 0px auto 20px auto; }
.wrap-up ul li { padding: 0 0 0 5px; margin: 0 0 10px 30px; font-weight: 600; }
.wrap-up .no-rx { position: absolute; bottom: 30px; left: 60px; }

/* section -> cta-divider */
.cta-divider { background: #16a695; }
.cta-divider h3 { color: #ffffff; font-size: 2.75rem; font-weight: 700; }
.cta-divider h4 { color: #ffffff; font-size: 1.2rem; letter-spacing: 1px; }

footer p { color: #939393; margin-bottom: .3rem !important; }


/* lg */
@media (max-width: 1200px) {

	h2 { font-size: 2.2rem; }

	/* section -> masthead */
	.masthead { overflow: hidden; background-position-x: -120px; }
	.masthead .bottles { position: absolute; bottom: 30px; left: -370px;  }
	.masthead .claim { margin-left: -170px; }
	.masthead .full-spectrum { position: absolute; bottom: 110px; left: 20px; width: 150px; }
	.masthead .no-rx { display: none; }

	/* section -> the-problem */
	.the-problem h4 { font-size: 1.1rem; }

	/* section -> the-solution */
	.the-solution { background-position-x: 220px; }
	.the-solution .green-tag { left: 309px; padding: 20px 30px 10px 40px; }

	/* section -> wrap-up */
	.wrap-up { overflow: hidden; background-position-x: 520px; }

	/* section -> cta-divider */
	.cta-divider h3 { color: #ffffff; font-size: 2.25rem; font-weight: 700; }

}

/* md */
@media (max-width: 992px) {

	p { font-size: .81rem; line-height: 1.1rem; }
	h2 { font-size: 2.55rem; }
	h3 { font-size: 1.9rem; }

	/* section -> masthead */
	.masthead { padding-bottom: 20px; }
	.masthead .claim { display: none; }
	.masthead .lead-container { width: auto; }
	.masthead .bottles { position: absolute; bottom: 9px; left: auto; right: -330px;  }
	.masthead .as-seen-on { margin-top: 20px; }

	/* section -> the-solution */
	.the-solution .green-tag { display: none; }

	/* section -> the-science */
	.the-science .dr-recommended { display: none; }

	/* section -> testimonials */
	.testimonials { padding-top: 20px; }
	.testimonials .carousel-item p { line-height: 2.9rem; }

	/* section -> wrap-up */
	.wrap-up .full-spectrum { width: 150px; bottom: 280px; left: -80px; }


	/* section -> cta-divider */
	.cta-divider { text-align: center; }
	.cta-divider h3 { font-size: 1.75rem; }
	.cta-divider img { width: 100%; }

}

/* sm */
@media (max-width: 768px) {

	/* section -> masthead */
	.masthead { background-position-x: -160px; background-position-y: 240px; }
	.masthead .full-spectrum { left: -60px; display: none; }
	.masthead .bottles { right: -229px; width: 68%; bottom: 19px; }
	.masthead .organic-hemp { max-width: 100%; }
	.masthead .main-seals { max-width: 100%; }
	.masthead .clinically-validated { max-width: 100%; }
	.masthead .lab-tested { max-width: 100%; }

	/* section -> the-solution */
	.the-solution { overflow: hidden; background-size: cover; background-position-x: 160px; }
	.the-solution .seals { width: 100%; }
	.the-solution .bottles { width: 80%; }

	/* section -> amazing-benefits */
	.amazing-benefits { background-position-x: -501px; }
	.amazing-benefits h4 { font-size: 1.2rem; }

	/* section -> the-science */
	.the-science { background-position-x: 260px; overflow: hidden; }

	/* section -> testimonials */
	.testimonials .carousel-item p { font-size: 1.5rem; line-height: 2.2rem; }

	/* section -> in-the-media */
	.in-the-media { padding-top: 20px; }
	.in-the-media .as-seen-on { width: 100%; }

	/* section -> wrap-up */
	.wrap-up { padding-top: 20px; background-position-x: 220px; }
	.wrap-up .organic-hemp { max-width: 100%; }
	.wrap-up .clinically-validated { max-width: 100%; }
	.wrap-up .main-seals { max-width: 100%; }
	.wrap-up .lab-tested { max-width: 100%; }
	.wrap-up .as-seen-on { max-width: 100%; }
	.wrap-up .no-rx { display: none; }

	footer p { font-size: .61rem; line-height: .81rem; }

}

/* xs */
@media (max-width: 576px) {

	/* section -> masthead */
	.masthead { background-position-x: -290px; }
	.masthead .as-seen-on { max-width: 100%; }

	/* section -> the-problem */
	.the-problem .symptoms h4 { text-align: left; }
	.the-problem .symptoms p { text-align: left; }
	.the-problem .symptoms img { float: left; width: 20%; margin-right: 10px; }

	/* section -> the-solution */
	.the-solution .bottles { display: block; position: relative; }

	/* section -> amazing-benefits */
	.amazing-benefits h4 { font-size: 1.1rem; }



}