@charset "utf-8";
/* CSS responsive */
/*
@media only screen and (max-width: 680px) {
	.homepage .menu_logo, 
	.homepage h1, 
	.homepage h2, 
	.homepage p, 
	.homepage .nav_buttons button, 
	.homepage .nav_buttons button.go_btn img,
	.hide_hp,
	.info_pages,
	footer{
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
		-ms-transition: none;
	}
}
*/

@media only screen and (max-width: 680px) {
	body {
		background-image: url(./background_small.jpg);
	}
}
/* homepage */


@media screen and (max-width: 1150px) , screen and (max-height: 800px) {
	.homepage .menu_logo{
		width: 370px;
		height: 247px;
		margin-bottom: -30px;
	}
	.homepage h1 {
		font-size: 50px;
		margin:0px 20px 30px;
	}
	.homepage h2{
		font-size: 32px;
		font-weight: 500;
		margin: 15px 20px 30px;
	}
	.homepage p {
		font-size: 20px;
	}
	.homepage .nav_buttons button {
		padding: 0 25px 3px 25px;
		margin: 30px 30px 35px;
		height: 60px;
		border-radius: 15px;
	}
	.homepage .nav_buttons button.go_btn img {
		height: 27px;
	}
}
@media only screen and (max-width: 880px) {
	.homepage h1 {
		font-size: 38px;
		margin: 0px 20px 20px;
	}
}
@media only screen and (max-width: 765px) {
.homepage.small_top h1 {
		font-size: 17px !important;
	}
}
@media only screen and (max-width: 670px) {
.homepage.small_top h1 {
		margin-top: 20px !important;
	}
}
.homepage.small_top.apply h1 {
		margin-top: -2px !important;
	}
}
@media only screen and (max-width: 700px) {
	.homepage .nav_buttons button {
		padding: 0 20px 3px 20px;
		margin: 20px;
		height: 55px;
		border-radius: 15px;
		font-size: 16px;
	}
	.homepage .nav_buttons button.go_btn  {
		font-size: 22px !important;
	}
	.homepage .nav_buttons button.learn_btn {
		font-size: 18px;
	}
	.homepage .nav_buttons button.go_btn img {
		height: 25px;
	}
}
@media only screen and (max-width: 700px){
	.homepage .menu_logo{
		width: 260px;
		height: 174px;
		margin: -5px 20px -20px;
	}
	.homepage.small_top h1 {
		font-size: 22px;
	}
	.homepage h1 {
		font-size: 34px;
	}
	.homepage h2{
		font-size: 28px;
		font-weight: 500;
		margin: 15px 20px;
	}
	.homepage p {
		font-size: 18px;
	}
	
	/* don't delete the dups!!!!!!!!!!!*/
	.homepage .nav_buttons button {
		padding: 0 20px 3px 20px;
		margin: 20px;
		height: 55px;
		border-radius: 15px;
		font-size: 16px;
	}
	.homepage .nav_buttons button.go_btn  {
		font-size: 22px !important;
	}
	.homepage .nav_buttons button.learn_btn {
		font-size: 18px;
	}
	.homepage .nav_buttons button.go_btn img {
		height: 25px;
	}
}

@media only screen and (max-width: 550px){
	.homepage h1 {
		font-size: 22px;
	}
	.homepage h2{
		font-size: 20px;
	}
	.homepage p{
		font-size: 16px;
	}
}
@media only screen and (max-width: 465px) {
	.homepage .menu_logo{
		height: auto;
		margin: -5px 0 0 -200px;
	}
}
@media only screen and (max-width: 465px) {
	.homepage .menu_logo{
		margin: -5px 0 -25px -160px !important;
	}
	.homepage.thankyou .menu_logo{
		margin: 10px 20px -65px !important;
	}

}

@media only screen and (max-width: 400px){
	.homepage h1{
		font-size: 18px;
		font-weight: 500;
		margin: -5px 20px 10px;
	}
	.homepage.small_top h1{
		
	}
	.homepage.small_top .nav_buttons button.go_btn {
		padding: 0px 15px 3px;
		margin: 9px 20px;
		height: 35px;
		font-size: 18px;
	}
}

@media only screen and (max-width: 360px){
	.homepage .nav_buttons button {
		padding: 0px 15px 3px;
		margin: 15px 10px 30px;
		height: 50px;
		border: 2px;
	}
}





/* how to order */
@media only screen and (max-width: 1300px) , screen and (max-height: 800px){
	.how_to_order_page ul.four_steps {
		padding: 0px;
		font-size: 0px;
		text-align: center;
		margin: 0px auto 0px;
	}
	.how_to_order_page ul.four_steps li{
		width: 200px;
	}
	.how_to_order_page ul.four_steps li h4{
		font-size: 16px;
	}
	.how_to_order_page ul.four_steps li p{
		font-size: 14px;
	}
	.how_to_order_page .wrap_select {
		margin: 10px auto 20px;
	}
	.how_to_order_page ul.four_steps li {
		padding: 0 20px 20px;
	}
}
@media only screen  and (max-width: 1000px){
	.how_to_order_page ul.four_steps li{
		width: 42%;
		padding: 10px 4%;
		background-image: none;
	}
	.how_to_order_page ul.four_steps li img{
		float: left;
		margin-right: 15px;
		margin-bottom: 14px;
		width: 60px;
		height: auto;
	}
	.how_to_order_page ul.four_steps li h4{
		font-size: 16px;
		text-align: left;
		margin: 0;
	}
	.how_to_order_page ul.four_steps li p{
		font-size: 14px;
		text-align: left;
	}
}
@media only screen and (max-width: 570px){
	.how_to_order_page ul.four_steps li{
		width: 90%;
		padding: 0px 5%;
		background-image: none;
	}
}





/* faq */
@media only screen and (max-width: 620px) , screen and (max-height: 800px){
	.how_to_order_page .wrap_select{
		width: 400px;
		border: 1px solid #a3a3a3;
	}
	.how_to_order_page select{
		font-size: 14px;
		border-bottom: none;
		width: 430px;
		padding: 5px 3px;
	}
	.how_to_order_page select option[selected]{
		font-size: 26px;
	}
	.how_to_order_page .answers p{
		font-size: 14px;
		margin: 20px auto 0;
		display: none;
	}
	.how_to_order_page .answers p.show_p{
		display: block;
	}
}

@media only screen and (max-width: 500px){
	.how_to_order_page select{
		font-size: 13px;
	}
	.how_to_order_page .wrap_select {
		width: 96%;
		padding: 8px 2%;
	}
	.how_to_order_page select{
		width: 115%;
		padding:
	}
}



/* costs */
@media only screen and (max-width: 620px) , screen and (max-height: 800px){
	.best_sellers_page .wrap_select{
		width: 400px;
		border: 1px solid #a3a3a3;
	}
	.best_sellers_page select{
		font-size: 14px;
		border-bottom: none;
		width: 430px;
		padding: 5px 3px;
	}
	.best_sellers_page select option[selected]{
		font-size: 26px;
	}
	.best_sellers_page .answers p{
		font-size: 14px;
		margin: 20px auto 0;
		display: none;
	}
	.best_sellers_page .answers p.show_p{
		display: block;
	}
}

@media only screen and (max-width: 500px){
	.best_sellers_page select{
		font-size: 13px;
	}
	.best_sellers_page .wrap_select {
		width: 96%;
		padding: 8px 2%;
	}
	.best_sellers_page select{
		width: 115%;
		padding:
	}
}





/* about + subscribe */

@media only screen and (max-width: 730px){
	ul.business_info {
		margin: 50px auto 30px;
	}
	.about_us, .contact_us {
		width: 90%;
		max-width: 90%;
		padding: 20px 5%;
		display: block;
		clear: both;
	}
}
@media only screen and (max-width: 500px){
	.contact_us form input {
		width: 98%;
		padding: 0px 1%;
		display: block;
		margin: 7px 0px !important;
	}
}

/*info*/
@media only screen and (max-width: 1300px){
	ul.business_info li {
		font-size: 13px;
		padding-left: 55px;
	}
	ul.business_info li p{
		font-size: 14px;
	}
}
@media only screen and (max-width: 1160px), screen and (max-height: 800px){
	ul.business_info li {
		padding: 0px 0px 20px 35px;
		margin: 15px 15px 0px;
		background-siZe: 24px;
	}
	ul.business_info li p{
		font-size: 13px;
	}
}
@media only screen and (max-width: 965px){

	ul.business_info li {
		width: 36%;
		padding-left: 5%;
		margin: 20px 0px 0px 8%;
		padding-bottom: 5px;
	}
}
@media only screen and (max-width: 500px){
	ul.business_info  {
		width: 86%;
		margin: 20px 7%;
	}
	ul.business_info li {
		width: 80%;
		width: calc(100% - 55px);
		-moz-width: calc(100% - 55px);
		-webkit-width: calc(100% - 55px);
		-o-width: calc(100% - 55px);
		padding-left: 55px;
		margin: 30px auto 10px;
		display: block;
	}
}	
	
	
	




/* best sellers */
@media (max-width: 900px){
	.best_sellers_page .best_features h2{
		font-size: 16px;
		margin: 10px 0 20px 0;
		padding: 5px;
	}
	
	.best_sellers_page li{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.best_sellers_page .left_checklist, .best_sellers_page .right_checklist{
		margin: 5px 0;
		padding: 5px;
	}
}
@media (max-width: 750px){
	.best_sellers_page .best_features h2{
		font-size: 16px;
		margin: 0;
		padding: 0 10px;
	}
	.best_sellers_page .left_checklist, .best_sellers_page .right_checklist{
		margin-top: 5px;
	}
}
@media (max-width: 560px){
	.best_sellers_page .navi a{
		width: 100px;
	}
}
@media (max-width: 460px){
	.best_sellers_page .navi a{
		width: 70px;
		font-size: 12px;
	}
}
@media (max-width: 340px){
	.best_sellers_page .navi a{
		width: 70px;
		font-size: 10px;
		padding: 5px 0 7px 0; 
	}
}

	
	


/*best sellers */
@media only screen and (max-width: 850px){
	.best_sellers_page .feature_banner img {;
		width: 94%;
		max-width: 400px;
		margin: 3% 13px;
	}
}

	

/* footer */
@media only screen and (max-width: 1100px){
	footer .left_footer {
		margin-left: 5px;
	}
	footer .left_footer img, footer .right_footer img{
		height: 45px;
	}
	footer .left_footer .text_left_footer{
		margin-left: 5px;
	}
	footer .left_footer nav a{
		font-size: 12px;
	}
	footer .left_footer p{
		font-size: 12px;
	}
	
	
	footer .right_footer p{
		max-width: 300px;
		text-align: right;
		margin: 5px 10px 0 0;
		font-size: 12px;
	}
}
@media only screen and (max-width: 850px){
	footer .right_footer p {
		max-width: 220px;
		margin: 0px 10px 0 0;
		font-size: 11px;
	}
}
@media only screen and (max-width: 840px){
	footer {
		height: 240px;
	}
	footer .left_footer, footer .right_footer {
		
		display: block;
		margin: 0px auto;
		text-align: center;
	}
	footer .left_footer > a {
		display: block;
		margin: opx auto;
		text-align: center;
	}
	footer .left_footer .text_left_footer p, .linkedin{	
		display:block;
		margin: 12px 0;
	}
	footer .right_footer  {
		margin-top: 10px;
		position: relative;
		right: auto;
		top: auto;
	}
	footer .right_footer img, .youcantrustpaypal {
		float: none;
		margin: 0 5px;
	}
	footer .right_footer p {
		width: 96%;
		padding: 10px 2% 0;
		max-width: 96%;
		text-align: center;
		margin-right: 0;
	}
	
	/* sticky footer */
	.wrap {
		margin: 0 auto -280px; 
	}
	.push_footer {
		height: 280px; 
	}
	/* end sticky footer */
}

@media only screen and (max-height: 800px) {
	.homepage.small_top {
		height: 130px;
	}
	.homepage.small_top.apply {
		height: 135px !important;
	}
	.homepage.small_top .menu_logo {
		width: 180px;
		height: auto;
	}
	.homepage.small_top h1 {
		font-size: 24px;
		margin:-3px 20px 2px;
	}
	.homepage.small_top .menu_logo.hide{
		height: 0;
		width: 0;
		opacity: 0;
	}
	.homepage.small_top .nav_buttons button {
		padding: 0 30px 3px 30px;
		margin:20px 20px 30px;
		border-radius: 15px;
		box-shadow:0 0 25px rgba(255,255,255,1);
	}
	.hide_hp {
		min-height: 600px;
	}

	.about_us, .contact_us {
		width: 44%;
		padding: 0px 3%;
		font-size: 15px;
	}
	.contact_us form input {
		line-height: 28px;
	}
	.about_page h3 {
		margin: 5px 0 10px 0px;
	}
	.how_to_order_page ul.four_steps li p {
		margin-bottom: 5px;
	}
}

@media only screen and (max-height: 660px) {
	.homepage .menu_logo{
		margin-bottom: -35px;
		z-index: 1;
	}
	.homepage .nav_buttons button {
		margin-top: 11px;
	}
	.homepage p {
		margin: 15px auto;
	}
	.how_to_order_page ul.four_steps li img {
		width: 70px;
	}
	.how_to_order_page ul.four_steps li h4 {
		margin: 10px;
	}
	.best_sellers_page .left_checklist, .best_sellers_page .right_checklist{
		margin: 15px auto 10px;
	}
	.how_to_order_page ul.four_steps li p{
		font-size: 13px;
	}
	.best_sellers_page .left_checklist p, .best_sellers_page .right_checklist p{
		font-size: 14px;
	}
}
@media only screen and (max-width: 500px){
	.hide_hp {
		min-height: 700px;
	}
}

@media (max-width: 730px) and (max-height: 800px) {
	.about_us, .contact_us {
		width: 90%;
		max-width: 90%;
		padding: 7px 5%;
		display: block;
		clear: both;
	}
}
@media (max-width: 420px) and (max-height: 800px) {
	.homepage.small_top h1 {
		font-size: 18px;
	}
	.homepage.small_top .nav_buttons button.go_btn {
		margin: 15px 20px;
		height: 40px;
		font-size: 20px;
	}
	.homepage.small_top .nav_buttons button.go_btn img{
		height: 15px;
	}
}