body {
	margin: 0 !important;
}

a {
	text-decoration: none;
}

h1.head {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 5em;
	font-weight: 800;
	color: #fff !important;
	text-transform: uppercase;
	line-height: 1.1 !important;
	margin: 0;
}

h2.body {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	color: #0791a1;
	text-align: center !important;
	margin: 1em;
}

ul {
	margin: 1em 2.5em !important;
}

ul > li {
    font-family: 'Open Sans', sans-serif;
    margin: 0.5em auto;
}

.list {
	margin: 1em 2.5em !important;
}

.list > li {
	font-family: 'Open Sans', sans-serif;
	list-style: none;
	margin: 0.5em auto;
	display: flex;
}

.list > li:before { 
	content:"\2714\0020";
	margin-right: 10px;
}

.headerText {
	width: 45%;
}

p {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.6;
	margin: 1em 0;
}

p.headline {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8em;
	font-weight: 600;
	color: #fff;
	margin: 0;
}

p.intro {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	width: 79%;
}

.header {
	background: url('//media.mercola.com/assets/images/get-your-life-back-now/header-bg-doc.jpg') no-repeat center center;
	background-size: cover;
	overflow: hidden;
	height: auto;
}

.headerIn {
	margin: 3em 5em;
}

.header img {
	float: right;
	margin-top: 77px;
}

#hideLarge {
	display: none;
}

a.regBtn_head,
a.regBtn_head:focus {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #0791a1;
	margin: 1.2em auto;
	padding: 1.3em 2em;
	background-color: #fff;
	border: 5px solid #fff;
	display: inline-block;
}

a.regBtn,
a.regBtn:focus {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #0791a1;
	width: inherit;
	margin: 1em auto;
	margin-bottom: 0;
	padding: 1.3em 2em;
	background-color: #fff;
	border: 5px solid #fff;
	display: inline-block;
}

a.regBtn_head:hover,
a.regBtn:hover {
	color: #fff;
	background-color: transparent;
	border: 5px solid #fff;
	transition-duration: 0.3s;
	text-decoration: none;
}

a.regBtn_body,
a.regBtn_body:focus {
	font-family: 'Montserrat', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    width: 90%;
    margin: 1em auto;
    padding: 1.3em 2em;
    background-color: #0791a1;
    border: 5px solid #0791a1;
    display: block;
    text-align: center;
}

a.regBtn_body:hover,
a.regBtn_body:focus {
	color: #fff;
	background-color: #037886;
	border: 5px solid #037886;
	transition-duration: 0.3s;
	text-decoration: none;
}

.row {
	width: inherit;
	text-align: center;
	padding: 3em 5em;
	background-color: #0791a1;
}

.content {
    width: 1480px;
    margin: 4em auto;
}

.experts-row {
	margin: 1em auto;
	text-align: center;
	width: 1400px;
}

.expert {
    display: inline-block;
}

.expert p {
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #0791a1;
}

p.expert-name {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	color: #fff;
	margin: 0 0 0.5em;
}

.experts-row .expert img {
	margin: 0.4em 0.3em;
}

.expert img:hover {
	opacity: 0.8;
}

.dropdown-content {
	font-family: 'Open Sans', sans-serif;
    display: none;
    position: absolute;
	color: #fff;
    background-color: #0791a1;
    width: 400px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.expert:hover .dropdown-content {
    display: block;
}

.desc {
    padding: 1.5em;
    text-align: left;
}

.bottom {
    padding: 4em 9em;
    background-color: #0791a1;
    color: #fff;
}

p.headline_small {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3em;
	margin: 0;
}

p.headline_large {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8em;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
}

p.headline_med {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
}

.bottom hr {
	text-align: left;
    max-width: 11rem;
    margin: 1em 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 4px solid #fff;
    border-left: 0;
}

@media only screen and (max-width: 1685px) {
	.content {
		width: 78%;
	}
	
	.experts-row {
		width: auto;
	}
	
	.dropdown-content {
    	width: 340px;
	}
}

@media only screen and (max-width: 1366px) {
	.header {
		background: url('//media.mercola.com/assets/images/get-your-life-back-now/header-bg-doc-1366.jpg') no-repeat center center;
		background-size: cover;
	}
	
	.headerText {
		width: 60%;
	}
	
	a.regBtn_body {
    	width: 90%;
	}
}

@media only screen and (max-width: 1325px) {
	content {
    	width: 340px;
	}
}

@media only screen and (max-width: 1210px) {
	a.regBtn_body {
    	width: auto;
	}
}

@media only screen and (max-width: 1030px) {
	.bottom {
		padding: 4em 8em;
	}
	
	.dropdown-content {
    	width: 280px;
	}
}

@media only screen and (max-width: 1024px) {
	.header {
		background: url('//media.mercola.com/assets/images/get-your-life-back-now/header-bg-doc-1024.jpg') no-repeat center center;
		background-size: cover;
	}
	
	headerText {
		width: 80%;
	}
}

@media only screen and (max-width: 900px) {
	.bottom {
		padding: 4em 6em;
	}
}

@media only screen and (max-width: 890px) {
	.header {
		background: url('//media.mercola.com/assets/images/get-your-life-back-now/header-bg-doc-768.jpg') no-repeat center center;
		background-size: cover;
	}
	
	.headerText {
    	width: 70%;
	}
}

@media only screen and (max-width: 790px) {
	.headerIn {
		margin: 3em 4em;
	}
	
	.headerText {
		width: 90%;
	}
	
	p.intro {
		width: 100%;
	}
	
	span {
		display: block;
	}
	
	.dropdown-content {
    	width: 340px;
	}
}

@media only screen and (max-width: 770px) {
	.dropdown-content {
    	width: 260px;
	}
}

@media only screen and (max-width: 670px) {
	ul {
    	margin: 1em !important;
	}
	
	h1.head {
    	font-size: 4.5em;
	}
	
	a.regBtn_head,
	a.regBtn,
	a.regBtn_body {
    	padding: 1.3em 1.7em;
	}
	
	a.regBtn_head:focus,
	a.regBtn:focus,
	a.regBtn_body:focus {
    	padding: 1.3em 1.7em;
	}
	
	p.headline {
    	font-size: 1.7em;
	}
	
	.headerIn {
		margin: 3em 3em;
	}
	
	.bottom {
		padding: 4em 4em;
	}
}

@media only screen and (max-width: 615px) {
	.headerIn {
		margin: 2em 3em;
	}
	
	h1.head {
    	font-size: 4em;
	}
	
	.header img {
		display: none;
	}
	
	a.regBtn_head,
	a.regBtn,
	a.regBtn_body {
    	font-size: 1.2em;
	}
	
	.bottom {
		padding: 2em 3.5em;
	}
	
	p.headline_med {
    	font-size: 1.3em;
	}
}

@media only screen and (max-width: 568px) {	
	p.intro {
    	font-size: 1.1em;
	}
	
}

@media only screen and (max-width: 530px) {
	p.headline_small {
    	font-size: 1em;
	}
	
	p.headline_large {
    	font-size: 1.5em;
	}
	
	p.headline_med {
    	font-size: 1.1em;
	}
	
	.bottom hr {
		margin: 0.8em 0;
		border-bottom: 3px solid #fff;
	}
}

@media only screen and (max-width: 523px) {
	.dropdown-content {
		width: 300px;
		position: inherit;
		margin-bottom: 1em;
	}
}

@media only screen and (max-width: 490px) {
	.header {
		background: url('//media.mercola.com/assets/images/get-your-life-back-now/header-bg.jpg') no-repeat center center;
		background-size: cover;
	}
	
	.headerText {
		width: 100%;
	}
}

@media only screen and (max-width: 450px) {
	p.headline {
    	font-size: 1.5em;
	}
	
	h1.head {
    	font-size: 3.5em;
	}
	
	a.regBtn_head {
    	margin: 1em auto 0;
	}
	
	.row {
    	padding: 2em 3em;
	}
	
	p.intro {
		font-size: 1em;
	}
	
	.content {
    	margin: 2em auto;
	}
	
	.list {
    	margin: 1em 1.5em !important;
	}
	
	ul {
    	margin: 1em 0 !important;
	}
	
	a.regBtn_head, a.regBtn, a.regBtn_body {
		font-size: 1.1em;
	}
}

@media only screen and (max-width: 405px) {
	h1.head {
		font-size: 3.3em;
	}
	
	h2.body {
    	font-size: 1.2em;
	}
}

@media only screen and (max-width: 390px) {
	ul {
    	margin: 1em 0em !important;
	}
	
	h1.head {
		font-size: 3em;
	}
	
	p.headline {
		font-size: 1.3em;
	}
}

@media only screen and (max-width: 360px) {
	h1.head {
		font-size: 2.5em;
	}
	
	.headerIn {
		margin: 2em 2.5em;
		text-align: center;
	}
	
	.dropdown-content {
    	width: 250px;
	}
	
	p.expert-name {
    	font-size: 1em;
	}
}