@media (min-width: 1000px) {
    .hero.ourBrands .description h1,
    .hero.home .description h1,
    .hero.pillar.who-we-are .description h1,
	.hero.pillar.what-we-believe .description h1,
    .hero.pillar.nutrition .description h1,
    .hero.pillar.recipe-detail .description h1,
    .hero.pillar.promotions.trick-treat .description h1,
    .hero.ourBrands .description h4,
    .hero.recipes-small .description h1,
    .hero.pillar.nutritiontwogirls .description h1,
    .hero.recipes-small .description h4,
    .hero.pillar.who-we-are .description h1{
        color:#fff;
    }
}

    
	.hero.home {
        background-image: url(/content/dam/europe/kelloggs_fi/images/banners/default_banner.jpg);
    }
.hero.pillar.medium.ourBrands {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/default_tile.jpg);
    background-position: center;
    background-size: cover;
    height: 332px;
}
.hero.small.article.contact {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/contact-banner.png);
    background-position: center;
}
	.hero.promotions{
        height: 332px;
        background-image: url(/content/dam/europe/kelloggs_fi/images/banners/default_banner.jpg);
        background-position: center;
    }
.hero.pillar.who-we-are {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/default_banner.jpg);
    background-position: center;
    height: 332px;
}
.hero.who-we-are-child{
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/banner_eight.jpg);
    background-position: left top;
    height: 332px;
}
.hero.pillar.nutrition{
     background-image: url(/content/dam/europe/kelloggs_fi/images/banners/banner_four.jpg);
    background-position: left top;
    height: 332px;
}

.hero.nutrition-child{
     background-image: url(/content/dam/europe/kelloggs_fi/images/banners/banner_ten.jpg);
    background-position: right center;
    height: 400px;
}
.hero.pillar.what-we-believe {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/banner_six.jpg);
    height: 432px;
	background-position: top center;
}
.hero.what-we-believe-child{
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/banner_eight.jpg);
    background-position: left top;
    height: 400px;
}
.banner.nutritionTile{
        background-image: url(/content/dam/europe/kelloggs_fi/images/tiles/nutrition_tile.jpg);
    }
.banner.spotify-promotionFootball{
        background-image: url(/content/dam/europe/kelloggs_fi/images/banners/web-fi.png);
}	
.banners-container .spotify-promotionFootball .description h2 {
	font-size:16px !important;
}
.banners-container .spotify-promotionFootball .description p {
	font-size:12px !important;
}
.banner.reebok21-promotion{
        background-image: url(/content/dam/europe/kelloggs_fi/images/banners/reebok2021-promotional-banner-desktop-Finland.jpg);
}	
.banners-container .reebok21-promotion .description h2 {
	font-size:16px !important;
}
.banners-container .reebok21-promotion .description p {
	font-size:12px !important;
}	
	 .banner.whatwebelieve {
        background-image: url(/content/dam/europe/kelloggs_fi/images/banners/default_tile.jpg);
		background-position:top right;
    }

.custom-banner-container.frosties-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/brands/Kelloggs_Desktop_Frosties.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.rice-krispies-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/brands/Kelloggs_Desktop_07_Rice-Krispies.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.special-k-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/brands/Kelloggs_Desktop_09_Special-K.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.kellogg-s-corn-flakes-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/brands/Kelloggs_Desktop_03_Corn-Flakes.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.coco-pops-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/brands/CocoPops_Kelloggs_Desktop_Hero-banners_v2.png);
    height: 332px;
    background-position: center;
}
.hero.AllBran-importanceOfFibre {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/importance_of_fibre_Desk.jpg);
    height: 332px;
    background-position: bottom;
}
.hero.AllBran-digestivehealth {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/digestive_health_desk.jpg);
    height: 332px;
    background-position: bottom;
}
.hero.AllBran-beautyofwheat {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/beauty_of_wheat_Desk.jpg);
    height: 332px;
    background-position: bottom;
} 
.hero.AllBran-fivedcchallange {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/five_dc_challange-Desk.jpg);
    height: 332px;
    background-position: bottom;
}
.banners-container .banner2.merlin-promotion {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/merlin_campaign.jpg);
}
.banners-container .banner2.nerf-promotion {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/Fi_fi-.jpg);
}
.banners-container .banner2.nerf-promotion .description h3{
		font-size:24px;
	}
	.banners-container .banner2.nerf-promotion .description p{
		font-size:15px;
	}
.banners-container .banner.who-we-are {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/who-we-are.jpg);
}
.custom-banner-container.wkk-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/fin_banner_v1.jpg);
    background-size: 100%;
    background-color: #f3e3cc;
    height: 332px;
    background-position: center;
}
.custom-banner-container.kellogg-s-limited-edition-header {
    background-image: url("/content/dam/europe/kelloggs_fi/images/banners/kellogg-s-limited-edition-desktop.png");
    height: 332px;
    background-position: center;
}
.custom-banner-container.tresor-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/webtresor.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.all-bran-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/Kelloggs_Desktop_01_All-Bran.png);
    background-position: center;
    height: 332px;
}
.custom-banner-container.toppas-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/banner-Toppas.png);
    background-position: center;
    height: 332px;
}
.custom-banner-container.kelloggs-musli-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/banner.png);
    background-position: center;
    height: 332px;
}
.custom-banner-container.variety-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/Kelloggs_Desktop_00_Kelloggs.png);
    height: 332px;
    background-position: center;
}
.custom-banner-container.honey-bsss-pops-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/banner-HoneyBsssPops.png);
    background-position: center;
    height: 332px;
}
.hideInMobile {
    visibility: visible;
}
.showInMobile {
    display: none;
    visibility: hidden;
}
/* Common to all banners */
.banners-container .xbox-promotion {
	background-image: url(/content/dam/europe/kelloggs_fi/images/banners/Banners_Desktop_Finland_FI.jpg);
}
.banners-container .reebok-promotion {
	background-image: url(/content/dam/europe/kelloggs_fi/images/reebokBanners_Desktop.jpg);
}
.banners-container .personalized-promotion {
	background-image: url(/content/dam/europe/kelloggs_fi/images/banners/fi-web.jpg);
}
.banners-container .description h2 {
	font-size:22px;
}
.banners-container .description p {
	font-size:14px;
}
.banners-container .personalized-promotion .description h2 {
	font-size:14px;
}
.banners-container .personalized-promotion .description p {
	font-size:12px;
}
@media (max-width: 768px){
    
        .custom-banner-container.frosties-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/brands/Kelloggs_Mobile_Frosties.png);
    height: 332px;
    background-position: center center;
}
    .hero.nutrition-child{
     background-image: url(/content/dam/europe/kelloggs_fi/images/banners/passion_hero_mob.jpg);
    background-position: top center;
    height: 332px;
}
    .custom-banner-container.special-k-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/brands/Kelloggs_Mobile_09_Special-K.png);
    height: 402px;
    background-position: center center;
    background-size: cover;
}
.custom-banner-container.rice-krispies-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/brands/Kelloggs_Mobile_07_Rice-Krispies.png);
    height: 402px;
    background-position: center center;
}
.custom-banner-container.coco-pops-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/brands/CocoPops_Kelloggs_Mobile_Hero-banner.png);
    height: 332px;
    background-position: center center;
    background-size: cover;
}
.custom-banner-container.kellogg-s-corn-flakes-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/brands/Kelloggs_Desktop_03_Corn-Flakes.png);
    height: 225px;
    background-position: center center;
}
.hero.AllBran-importanceOfFibre {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/importance_of_fibre_Mob.jpg);
    height: 332px;
    background-position: center;
}
.hero.AllBran-digestivehealth {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/digestive_health_Mob.jpg);
    height: 332px;
    background-position: center;
}
.hero.AllBran-beautyofwheat {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/beauty_of_wheat_Mob.jpg);
    height: 332px;
    background-position: center;
} 
.hero.AllBran-fivedcchallange{
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/five_dc_challange-Mob.jpg);
    height: 332px;
    background-position: center;
}
    .hero.who-we-are-child{
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/whoweare_Ipad.jpg);
    background-position: top center;
    height: 332px;
}
    .custom-banner-container.kellogg-s-limited-edition-header {
    background-image: url("/content/dam/europe/kelloggs_fi/images/banners/kellogg-s-limited-edition-mobile.png");
    height: 402px;
    background-position: center;
}
.custom-banner-container.tresor-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/Kelloggs__0024_23_Mmmh-Treso.png);
    height: 402px;
    background-position: center center;
}
    .custom-banner-container.all-bran-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/Kelloggs_Mobile_01_All-Bran.png);
    background-position: center;
    height: 402px;
}
    .custom-banner-container.toppas-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/mbanner-Toppas.png);
    background-position: center;
    height: 402px;
}
.custom-banner-container.kelloggs-musli-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/Kelloggs_0021_20_Kelloggs-msli_Mobile.png);
}
    .hero.nutrition-child {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/passion_hero_mob.jpg);
    background-position: center center;
    height: 332px;
}
.custom-banner-container.honey-bsss-pops-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/mbanner-HoneyBsssPops.png);
}

    .hero.pillar.what-we-believe{
        background-position:right top;
        margin-bottom: 125px;
    }
.custom-banner-container.variety-header {
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/Kelloggs_Mobile_00_Kelloggs.png);
    height: 225px;
    background-position: left center;
    background-size: cover;
}
    .hideInMobile {
    display: none;
    visibility: hidden;
}
.showInMobile {
    display: block;
    visibility: visible;
}
.banners-container .banner2.nerf-promotion .description h3{
		font-size:18px;
	}
.banners-container .banner2.nerf-promotion .description p{
		font-size:12px;
	}
}
@media (max-width: 999px){
	.hero.pillar.nutrition{
		margin-bottom:75px;
		margin-top:0;
		background-position: top center;
        background-image: url(/content/dam/europe/kelloggs_fi/images/banners/passion_hero_mob.png);
	}
    .hero.what-we-believe-child{
    background-image: url(/content/dam/europe/kelloggs_fi/images/banners/whoweare_Ipad.jpg);
    background-position: center top;
    height: 332px;
}
	.hero.pillar.what-we-believe {
		background-position: right top;
		margin-bottom: 75px;
		height:332px;
	}
}
@media (max-width: 601px) {
/* Common to all banners */
	.banners-container .xbox-promotion {
		background-image: url(/content/dam/europe/kelloggs_fi/images/banners/mobile_banner_Finland_FI.jpg);
		height:340px !important;
	}
	.banners-container .reebok-promotion {
		background-image: url(/content/dam/europe/kelloggs_fi/images/reebokmobile_banner.jpg);
		height:340px !important;
	}
	.banners-container .personalized-promotion {
		background-image: url(/content/dam/europe/kelloggs_fi/images/banners/fi-mobile.jpg);
		height:340px !important;
	}
	.banners-container .description h2 {
		font-size:16px;
	}
	.banners-container .description p {
		font-size:12px;
	}
}
.hero .h1 {
	font-size: 54px;
	color:#fff;
	font-family:KelloggsSansMedium;
}
.margin-20 {
	margin:20px auto;
}
h1.kstl-recipe-name {
	font-size: 54px;
	font-family:KelloggsSansMedium;
	margin-bottom: 20px;
	line-height: 1.2;
}
.recipe-description-container {
	padding-bottom:60px !important;
}
.recipe-description-container h3 {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 20px;
}
.ingredients li {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom:15px;
}
.recipe-description-container .kstl-responsive-image img {
	margin-bottom:40px;
}
@media (max-width: 768px) {
	.hero .h1 {
		color: #000;
		font-size: 40px;
    }
	h1.kstl-recipe-name {
		font-size: 40px;
		line-height:1.6;
	}
}
@media (max-width: 601px) {
	.hero .h1 {
		color: #000;
		font-size: 40px;
    }
	h1.kstl-recipe-name {
		font-size: 40px;
		line-height:1.2;
	}
}