#header .inner {
	background: url(../images/header-gardein.jpg) no-repeat 100% 100%;
}

span#avocado {
	display: block;
	width: 1004px;
	height: 1020px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../images/bg-avocado.png) no-repeat;
}
span#brownie {
    left:0;
    top: 0;
    width: 1400px;
    height:435px;
	background: #fff url(../images/bg-brownie.jpg) no-repeat;
}
span#tempeh {
    right: 0;
    top: 0;
    width: 882px;
    height:456px;
	background: #1b5b1e url(../images/bg-tempeh.png) no-repeat 100% 0;
}
span#macncheese {
	right: 16%;
	top: -120px;
	width: 400px;
	height: 419px;
	background: url(../images/circle-macncheese.png) no-repeat;
}
span#soba {
	right: -10%;
	top: 200px;
	width: 310px;
	height: 314px;
	background: url(../images/circle-soba-noodles.png) no-repeat;
}
span#pie {
    bottom: -30px;
    right: 3%;
    width: 220px;
    height: 220px;
	background: url(../images/circle-pie.png) no-repeat;
}
span#seitan {
	left: -2%;
    top: 420px;
    width: 236px;
    height: 236px;
	background: url(../images/circle-seitan.png) no-repeat;
}
@media only screen and (max-width: 1260px) {
     span#brownie {
        left: -140px;
    }
}
@media only screen and (max-width: 840px) {
    span#avocado {
        right: -30%;
    }
    span#tempeh {
        right: auto;
        left: 16%;
    }
    span#macncheese {
        right: -10%;
        top: -120px;
    }

    span#soba {
        right: -10%;
        top: 200px;
    }

    span#pie {
        bottom: -30px;
        right: -10px;
    }
}
@media only screen and (max-width: 640px) {
    span.food-image {
        opacity: .5;
    }
    #conclusion span.food-image {
        opacity: .3;
    }
}