@media only screen and (max-width: 768px){
	.header_main{ width:90%;  margin:0 auto;}
	.header_right{ float:right; height:auto; padding:0 1% 0 0;}
	.container{width:90%;}
	.cont_top{padding:0 4%; width:92%;}
	.cont_top_right{ float:right;width:58%;padding:0 2% 0 0; }
	.order_button{padding:5% 0 0 0;}
	.three_boxes{ padding:4% 4% 0 4%; margin:0 auto; width:92%; }
	.box p{ min-height:14.5em;}
	.footer{width:92%;padding:4% 4% 3% 4%;}
	.footer_left{ float:left; width:40%; padding:0 0 0 .8%}
	.author_blog{ margin:5% 0 0 0%;}
	.author_blog h5{  padding:8% 0 5% 2%; }
	.footer_right{ float:right; width:52%; padding:6% 0 0 0;}
	.footer_right p a{ margin: 0; float:left;}
	}

@media only screen and (max-width: 35em){
	.header_main{ width:100%; margin:0 auto;}
	.header_right{ width:92%; margin:0 auto; float:none; padding:0 0 0 4%;}
	.header_right img{padding:2% 0 0 0; float:left;}
    .header_right h3{ padding:3% 0 2.5% 1%; float:left;}
	.container_bg{ width:100%;background:#ebf7f9 url(../images/cont_bg.png) repeat left top; margin:0 auto;}
	.container{ display:none;}
    .mobile_container{ width:98%; margin:0 auto; display:block;}
	.mobile_cont_top{ padding:4% 0 0 0;}
	.mobile_recipes{ float:left; width:54%; margin:0 0 0 1%;}
	.mobile_recipes img{ width:100%; height:0 auto;
	behavior: url(PIE.htc); /*IE fix for: border-radius, box-shadow, border-image, multiple background images, linear-gradient as background image*/
    box-shadow:3px 3px 3px #999999;
	-moz-box-shadow:3px 3px 3px #999999;
	-webkit-box-shadow:3px 3px 3px #999999;
	-khtml-shadow:3px 3px 3px #999999;
	-ms-shadow:3px 3px 3px #999999;
	-icab-shadow:3px 3px 3px #999999;}
	.mobile_order{ float:right;margin:0 6% 0 0;}
    .mobile_order img{ height:0 auto; 	}
	.mobile_cont_top p{font-family: 'yanone_kaffeesatz_regularRg'; font-size:1.7em; color:#2b2c2c; line-height:1.2em; padding:5% 2% 2% 1%; margin:0 0 2% 0;}
	.mobile_box{ width:83%;  padding:2% 4.5% 5% 5.5%;  position:relative; margin:0 auto;
	behavior: url(PIE.htc); /*IE fix for: border-radius, box-shadow, border-image, multiple background images, linear-gradient as background image*/
	 border-radius: 10px 10px 0 0; /* CSS3 */
	-moz-border-radius: 10px 10px 0 0; /* Firefox */
	-webkit-border-radius: 10px 10px 0 0; /* Safari, Google Chrome */
	-khtml-border-radius: 10px 10px 0 0; /* KHTML */ 
	-o-border-radius: 10px 10px 0 0; /* Opera */ 
	-ms-border-radius: 10px 10px 0 0; /* IE8 */
	-icab-border-radius: 10px 10px 0 0; /* Icab */
	
	box-shadow:3px 3px 3px #999999;
	-moz-box-shadow:3px 3px 3px #999999;
	-webkit-box-shadow:3px 3px 3px #999999;
	-khtml-shadow:3px 3px 3px #999999;
	-ms-shadow:3px 3px 3px #999999;
	-icab-shadow:3px 3px 3px #999999;
	
	background: rgb(193,214,217); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(193,214,217,1) 0%, rgba(228,237,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,214,217,1)), color-stop(100%,rgba(228,237,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(193,214,217,1) 0%,rgba(228,237,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(193,214,217,1) 0%,rgba(228,237,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(193,214,217,1) 0%,rgba(228,237,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(193,214,217,1) 0%,rgba(228,237,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d6d9', endColorstr='#e4edee',GradientType=0 ); /* IE6-9 */}
	.mobile_box h4{font-family: 'yanone_kaffeesatz_regularRg'; font-size:3.7em; color:#2b2c2c;}
	.mobile_box p{font:1.2em Arial, Helvetica, sans-serif; color:#2b2c2c;}
	.mobile_description{ padding:5% 3% 0 3%;}
	.mobile_description p{font:1.2em Arial, Helvetica, sans-serif; color:#2b2c2c;}
	.mobile_description ul{padding:6% 0 0 0;}
	.mobile_description ul li{font:1.2em Arial, Helvetica, sans-serif; color:#2b2c2c; background:url(../images/dot_icon.png) no-repeat left 50%; padding:0 0 0 5%;}
	.about_author{ padding:4% 0 6% 0;}
	.about_author h3{ padding:0 0 0 3%;font-family: 'yanone_kaffeesatz_regularRg'; font-size:2.5em; color:#2b2c2c;}
	.about_author p{padding:0 0 0 3%;font:1.2em Arial, Helvetica, sans-serif; color:#2b2c2c;}
	.author_blog{margin:3% 0 0 7%;}
	.author_blog h5{ padding:8% 0 5% 1%;  float:left;}
    .author_blog h5 a{font-family: 'yanone_kaffeesatz_regularRg'; font-size:1.7em; color:#2b2c2c;}
    .author_blog h5 a:hover{ text-decoration:underline;}
	.follow_us{ float:right; padding:6% 3% 0 0;}
	.about_author h4{ margin:1% 0 0% 0; padding:0 0 10% 0;}
	.about_author h4 a{font-family: 'yanone_kaffeesatz_regularRg'; font-size:1.5em; color:#2b2c2c;display:block; float:left;}
	.about_author h4 a:hover{text-decoration:underline;}
}