@media only screen and (max-width: 768px) {
  .wrapper {
		width: 100%;
	}
	.header {}
		.logo {
			margin-top: 20px;
			margin-left: 20px;
		}
			.logo a {
				width: 80px;
				height: 80px;
				-webkit-background-size: contain;
				     -o-background-size: contain;
				        background-size: contain;
			}
		.mobile-menu-opener {
			display: block;
			font-size: 20px;
			color: #d5c599;
			font-family: 'HouschkaPro-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			letter-spacing: 2px;
			text-align: right;
			height: 20px;
			padding: 45px 30px 55px 80px;
			margin-right: 25px;
			cursor: pointer;
			background: url('../images/golden-arrow-down.png?1') no-repeat right 52px;
		}
			.svg .mobile-menu-opener {
				background-image: url('../assets/golden-arrow-down.svg?1');
				-webkit-background-size: 15px 12px;
				     -o-background-size: 15px 12px;
				        background-size: 15px 12px;
			}
			.mobile-menu-opener.open {
				background-image: url('../images/golden-arrow-up.png?1');
			}
				.svg .mobile-menu-opener.open {
					background-image: url('../assets/golden-arrow-up.svg?1');
				}
			.mobile-menu-opener span {
				border-bottom: 3px solid #b3a16e;
			}
		.mainmenu {
			text-align: right;
			padding: 0;
			position: absolute;
			z-index: 100;
			background: #2b2b2b;
			left: 0;
			right: 0;
			display: none;
		}
			.mainmenu.open { display: block; }
			.mainmenu li {
				float: none;
				margin: 0;
				border-top: 1px solid #3b3b38;
			}
				.mainmenu li:first-child {
					border-top: none;
				}
				.mainmenu li.active {
					border-bottom: none;
					display: none;
				}
				.mainmenu a, .mainmenu li.small-menuitem + li.small-menuitem a {
					text-align: right;
					line-height: 1;
					padding: 25px 55px;
				}
			.mainmenu li.small-menuitem {
				float: none;
				margin: 0;
				padding: 0;
				border-left: 0;
				font-size: 20px;
			}
				.mainmenu li.small-menuitem + .small-menuitem {
					padding: 0;
					margin-right: 0;
				}
				.mainmenu li.small-menuitem.active a {
					border: none;
				}
				.mainmenu .small-menuitem:before {
					width: 0;
				}
	.focus {
		-webkit-background-size: 125% auto;
		     -o-background-size: 125% auto;
		        background-size: 125% auto;
	  background-position: center top;
	}
		.focus img {
			width: 125%;
			height: auto;
		}
		.focus .wrapper {
			height: auto;
		}
		.focus-content {
			position: relative;
			background: black;
		}
			.focus-content-inner {
				padding: 20px;
			}
				.focus-content h2 {
					font-size: 25px;
					padding-right: 70px;
				}
				.focus-content p {
					font-size: 20px;
				}
				.focus-content .focus-content-block-link {
					right: 20px;
					width: 17px;
					height: 25px;
					top: 25px;
					margin-top: 0;
					-webkit-background-size: 17px 25px;
					     -o-background-size: 17px 25px;
					        background-size: 17px 25px;
				}
	.front .body, .products-page .body {
		padding-top: 0;
	}
		.three-col-list {}
			.three-col-list li {
				float: none;
				margin: 0;
				width: auto;
			}
				.three-col-list li:first-child {
					margin-top: 0;
				}
		.three-col-list + p {
			padding: 0 20px;
		}
		.news {
			margin: 30px 0;
			padding: 30px 10px;
		}
			.news h2 {
				display: block;
				padding: 0;
				margin: 0 0 10px;
				border: none;
			}
			.news .date {
				display: block;
				margin: 0 0 5px;
			}
			.news a {
        margin-left: 0;  
      }
		.recipes, .products {
			padding: 0 20px 0 20px;
			margin-bottom: 30px;
		}
		.product-page .recipes {
			padding: 0;
		}
			.recipes .three-col-list {}
				.recipes li, .three-col-list li, .product-page .recipes li {
					/*padding-left: 80px;*/
					padding-bottom: 15px;
					margin: 0;
				}
				.three-cols-featured-products li {
					padding-left: 0;
				}
				.three-cols-new-products li {
					height: auto;
				}
					.recipes img, .three-col-list img {
						height: 60px;
						width: 60px;
					}
					.recipes li p, .three-col-list li p {
						margin: 5px 0;
					}
		.two-col-list {}
			.two-col-list .col {
				float: none;
				margin: 0;
				width: 100%;
			}
				.two-col-list .hl-col {
					margin-bottom: 90px;
				}
				.two-col-list .shadow-col {
					-webkit-background-size: contain;
					     -o-background-size: contain;
					        background-size: contain;
				}
  			  .shadow-col iframe {
            height: 280px;
  				}
					.two-col-list .shadow-col p {
						padding: 0 20px;
					}
					.two-col-list .shadow-col div {
						padding: 0 20px;
					}
	.wrapper {
		position: relative;
	}
		.four-col-list, .five-col-list {
			display: none;
			position: absolute;
			top: 74px;
			z-index: 10;
		}
		.products-page .four-col-list, .products-page .five-col-list {
			position: relative;
			top: 0;
		}
		.four-col-list.open, .five-col-list.open {
			display: block;
		}
			.four-col-list li, .five-col-list li, .col-list-opener {
				width: 100%;
				height: 74px;
				display: block;
				background-repeat: no-repeat;
				background-position: left top;
				background-color: #000;
				background-size: 110px 74px;
				border-top: 1px solid #1a1a1a;
			}
				.four-col-list li a:before, .five-col-list li a:before, .col-list-opener:before {
				  content: '';
				  display: inline-block;
				  vertical-align: middle;
				}
				.recipe-page .four-col-list li.active, .product-page .five-col-list li.active {
					display: none;
				}
					.four-col-list .col-name, .five-col-list .col-name, .col-list-opener .col-name {
						background: none;
						padding: 0 0 0 126px;
						width: auto;
						height: auto;
					}
						.four-col-list li a:hover .col-name, .five-col-list li a:hover .col-name {
							background: none;
						}
					.five-col-list .col-name img {
						margin: 0;
					}
  .header-image img {
    width: 100%;
    height: auto;
  }
	.contentholder {
		background-image: none;
	}
		.sidebar {
			width: 100%;
			background: #F0ECE1;
			float: none;
			padding: 0;
      position: relative;
		}
      .sidebar-group {
        position: absolute;
        display: none;
        width: 100%;
  		  background: #F0ECE1;
        z-index: 100;
        border-bottom: 1px solid #D8D4CB;
      }
			.sidebar ul, .cat-header {
				display: none;
			}
      .sidebar ul.open {
        display: block;
      }
				.sidebar li, .sidebar-opener {
					border-bottom: 1px solid #D8D4CB;
					padding: 25px;
				}
				.sidebar-opener {
					display: block;
				}
        .sidebar-opener.open + ul {
          display: block;
        }
				.sidebar li.active {
					display: none;
				}
        /*.sidebar li:first-child {
          padding-top: 0;
        }*/
				.cat-header {
					margin: 0 25px 0 0;
					padding: 25px;
  	      background-image: url('../images/golden-circle-arrow-up.png');
				}
          .svg .cat-header { 
            background-image: url('../assets/golden-circle-arrow-up.svg');
          }
        .cat-header.open {
  		    background-image: url('../images/golden-circle-arrow-down.png'); 
        }
          .svg .cat-header.open { 
            background-image: url('../assets/golden-circle-arrow-down.svg');
          }
				.cat-header:first-child {
					border-top: none;
					margin-top: 0;
				}
		.content {
			width: auto;
			float: none;
			padding: 34px 20px 0;
		}
			.navigation {
				display: none;
			}
			.content img {
				max-width: 100%;
				height: auto;
			}
			.nutrition-info-col {
				float: none;
				padding-bottom: 20px;
			}
	.footer-mainmenu {
		float: none;
		width: 100%;
	}
		.footer-mainmenu li {
			float: none;
			margin: 0;
		}
			.footer-mainmenu li a {
				font-size: 20px;
				padding: 10px 20px;
			}
		.footer-mainmenu li.small-menuitem {
			float: none;
			margin: 0;
		}
			.footer-mainmenu li.small-menuitem a {
				font-size: 20px;
			}
	.footer p.right {
		float: none;
		text-align: right;
		padding: 0 20px;
	}
		.social-icon {
			text-indent: 9999px;
			float: left
		}
}

@media only screen and (max-width: 360px) {
	.logo {
		margin-top: 35px;
	}
		.logo a {
			width: 52px;
			height: 52px;
		}
	.nutritional-value, .nutritional-value + .nutritional-value {
		margin: 0 5px 5px 0;
	}
}