/*************** HEADER ************/

#nav_logo {
	margin-top:0px;
}

@media screen and (max-width: 1000px) {
	#nav_logo {
		margin-top:9px;
		width:100px;
	}
}

@media screen and (max-width: 399px) {
	#nav_logo {
		width:75px;
	}
}


/********** HERO ****************/

#hero {
	background-image:url("../images/hero_hospital.png");
	background-size:60%;
	padding-bottom:53%; /*** this will maintain the aspect ratio ***/
}

#hero_copy {
	width:42%;
	margin-left:58%;
	padding-top:0%;
}

#hero p {
  max-width: 98%;
}

#hero_duck {
    top: -35px;
    left: 310px;
}

#hero h2 {
	font-size:38px;
	line-height:48px;
	margin-bottom:15px;
}

#hero p {
	font-size:24px;
	line-height:27px;
}

#cta_duck {
	margin-top:40px;
}

@media screen and (max-width: 1250px) {
	#hero_duck {
	    top: -15px;
	    left: 275px;
	}

	#hero h2 {
		font-size:31px;
		line-height:38px;
		margin-bottom:10px;
	}

	#hero p {
		font-size:21px;
		line-height:25px;
	}

	p.product-title {
		font-size:15px;
	}

	nav {
		width:53%;
	}
}

@media screen and (max-width: 1099px) {
	#hero_duck {
		display: none !important;
	}
}

@media screen and (max-width: 1000px) {
	#hero_duck {
	    left: 210px;
	    top:-35px;
	}

	#hero_copy {
		margin-left:55%;
		width:45%;
	}

	#cta_duck {
		margin-top:20px;
	}

	#hero a {
    	font-size: 18px;
    	padding: 12px 18px;
	}

	#hero h2 {
		font-size:25px;
		line-height:30px;
		margin-bottom:10px;
		max-width:325px;
	}

	#hero p,
	#hero p span {
		font-size:17px !important;
		line-height:22px;
		max-width:375px;
	}

	p.product-title {
		font-size:13px;
	}
}

@media screen and (max-width: 780px) {
	#hero_duck {
	    left: 160px;
	    top:-10px;
	}

	#hero a {
    	font-size: 14px;
    	padding: 12px 12px;
	}

	#hero h2 {
		font-size:19px;
		line-height:21px;
		margin-bottom:5px;
	}

	#hero p,
	#hero p span {
		font-size:13px !important;
		line-height:18px;
		margin-bottom:10px;
	}

	#cta_duck {
		margin-top:10px;
	}

	nav {
		width:25%;
	}
}

@media screen and (max-width: 570px) {
	#hero {
		background-image:url("../images/hero_mobile.png");
		background-size:100%;
		padding-bottom:90%; /*** this will maintain the aspect ratio ***/
	}

	#hero_duck {
	    left: 270px;
	    top:-60px;
	}

	#cta_duck {
		margin-bottom:45px;
	}

	nav {
		width:100%;
	}
}

@media screen and (max-width: 399px) {
	#hero_duck {
	    left: 185px;
	}

	#hero_copy_bottom h2 {
    	font-size: 32px;
    	line-height: 35px;
	}
}




/********** HOW IT WORKS ****************/

.hiw_disclaimer {
	max-height:376px;
	overflow-y:scroll;
}

#hiw_contract, #hiw_expand {
	padding-right:0%;
}

@media screen and (max-width: 780px) {
	.hiw_disclaimer {
		max-height:inherit;
		overflow-y:inherit;
	}

	#hiw_contract, #hiw_expand {
		padding-right:inherit;
	}
}



#hiw_duck p.hiw_toggle {
	min-height:inherit;
}

#hiw_hd_1 {
	background-image:url('../images/hiw_accordion_hd_1.png');
}
#hiw_bg_1 {
	background-image:url('../images/hiw_accordion_bg_1.png');
}

#hiw_hd_2 {
	background-image:url('../images/hiw_accordion_hd_2.png');
}
#hiw_bg_2 {
	background-image:url('../images/hiw_accordion_bg_2.png');
}

#hiw_hd_3 {
	background-image:url('../images/hiw_accordion_hd_3.png');
}
#hiw_bg_3 {
	background-image:url('../images/hiw_accordion_bg_3.png');
}

#hiw_hd_4 {
	background-image:url('../images/hiw_accordion_hd_4.png');
}
#hiw_bg_4 {
	background-image:url('../images/hiw_accordion_bg_4.png');
}


#pointing_duck {
	margin-top:2%;
}

#hiw_duck p {
	font-size:22px;
	line-height:25px;
}

#accordion_disclaimer {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	color:#767773;
}

#how_it_works {
	min-height:770px;
	height:inherit;
}

#hiw_bg_1, #hiw_bg_2, #hiw_bg_3, #hiw_bg_4, #hiw_hd_1, #hiw_hd_2, #hiw_hd_3, #hiw_hd_4 {
	background-position-x: center;
}

#hiw_bg_1, #hiw_bg_2, #hiw_bg_3, #hiw_bg_4 {
	height:398px;
	background-position-y:-93px;
}

@media screen and (max-width: 780px) {
	#hiw_hd_1, #hiw_bg_1, #hiw_hd_2, #hiw_bg_2, #hiw_hd_3, #hiw_bg_3, #hiw_hd_4, #hiw_bg_4 {
   		background-size:inherit;
	}
}
@media screen and (max-width: 570px) {
	#hiw_hd_1, #hiw_bg_1, #hiw_hd_2, #hiw_bg_2, #hiw_hd_3, #hiw_bg_3, #hiw_hd_4, #hiw_bg_4 {
   		background-position-x:555px;
	}
}

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

	#hiw_duck h2 {
		font-size:28px;
		line-height:30px;
	}

	#hiw_duck p {
		font-size:20px;
		line-height:24px;
	}

	.accordion_step {
		padding-right:20px;
	}
	.accordion_header h2, .accordion_header_bottom h2 {
	    font-size: 25px;
    	line-height: 32px;
    }
}

@media screen and (max-width: 1000px) {
	#hiw_duck h2 {
		font-size:24px;
		line-height:26px;
	}

	#hiw_duck p {
		font-size:18px;
		line-height:22px;
	}

	.accordion_step {
		padding-left:8px;
		padding-right:8px;
	}

	#hiw_accordion h2 {
		margin-top:36px;
	}
	.accordion_header h2, .accordion_header_bottom h2 {
	    font-size: 20px;
    	line-height: 24px;
    	width:75%;
    }

}

@media screen and (max-width: 480px) {
	#hiw_accordion h2 {
		margin-top:45px;
	}

	.accordion_header h2, .accordion_header_bottom h2 {
	    font-size: 15px;
	    line-height: 0px;
	    width: 72%;
	}
}


@media screen and (max-width: 399px) {
	#hiw_accordion h2 {
		margin-top:50px;
	}

	.accordion_header h2, .accordion_header_bottom h2 {
	    font-size: 13px;
	    line-height: 0px;
	    width: 76%;
	}

	.accordion_step {
    	padding-left: 5px;
    	padding-right: 5px;
    	width: 32px;
    	top: 28px;
	}
}




/*************** BENEFITS OVERVIEW *********************/
.bo_header h3 {
	margin-bottom:0px;
}

@media screen and (min-width: 781px) {
.bo_header p b {
  font-size: 18px
}
}

#tab_bodies h4 {
    color: #3b3b3b;
    margin-bottom: 5px;
    font-family: "ProximaNovaBold";
    font-size: 28px;
    line-height: 28px;
    margin-top:20px;
}

h3.bo_subtitle {
	font-size:28px;
	margin-bottom:5px;
}

@media screen and (max-width: 780px) {
	h3.bo_subtitle {
		font-size:20px;
	}
}

@media screen and (max-width: 570px) {
	h3.bo_subtitle {
		font-size:16px;
	}
}