@font-face {
    font-family: INTRO-BLACK;
    src: url('/content/dam/Australia/kelloggs_au/fonts/INTRO-BLACK.otf'); format('opentype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility
}
@font-face {
    font-family: LunchBox-Bold;
    src: url('/content/dam/Australia/kelloggs_au/fonts/LunchBox-Bold.eot'); /* IE9 Compat Modes */
    src: url('/content/dam/Australia/kelloggs_au/fonts/LunchBox-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/content/dam/Australia/kelloggs_au/fonts/LunchBox-Bold.woff') format('woff'), /* Modern Browsers */
         url('/content/dam/Australia/kelloggs_au/fonts/LunchBox-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/content/dam/Australia/kelloggs_au/fonts/LunchBox-Bold.svg#LunchBox-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility
}

@font-face {
	font-family: KelloggsSansBold;
	src: url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-Bold.eot);
	src: url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-Bold.eot?#iefix) format("embedded-opentype"), url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-Bold.woff) format("woff"), url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-Bold.ttf) format("truetype"), url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-Bold.svg) format("svg");
	font-weight: 400;
	font-style: normal
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.kstl-rich-text {
    max-width: 1440px !important;
    margin: auto;
}

.content1 {
    position: relative;
    text-align: left;
    color: black;
}

.banner img {
    width: 100%;
    /* height: 420px; */
    display: block;
    /* margin-top: -17px; */
}

@media screen and (min-width: 997px) {
    .header-desktop {
        display: block !important;
    }
    .header-mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .banner img {
        height: 300px;
    }
}

@media screen and (max-width: 600px) {
    .header-desktop {
        display: none !important;
    }
        .header-mobile {
        display: block !important;
        height: auto !important;
    }
}