@font-face {
    font-family: 'KelloggsSansBold';
    src: url('/content/dam/europe/kelloggs_gb/fonts/KelloggsSans-Bold.woff2') format('woff2'),
         url('/content/dam/europe/kelloggs_gb/fonts/KelloggsSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KelloggsSansMedium';
    src: url('/content/dam/europe/kelloggs_gb/fonts/KelloggsSans-Medium.woff2') format('woff2'),
         url('/content/dam/europe/kelloggs_gb/fonts/KelloggsSans-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fsclerkenwellbold';
    src: url('/content/dam/europe/kelloggs_gb/fonts/fsclerkenwell-bold.woff2') format('woff2'),
         url('/content/dam/europe/kelloggs_gb/fonts/fsclerkenwell-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fsclerkenwellitalic';
    src: url('/content/dam/europe/kelloggs_gb/fonts/fsclerkenwell-italic.woff2') format('woff2'),
         url('/content/dam/europe/kelloggs_gb/fonts/fsclerkenwell-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fsclerkenwelllight';
    src: url('/content/dam/europe/kelloggs_gb/fonts/fsclerkenwell-light.woff2') format('woff2'),
         url('/content/dam/europe/kelloggs_gb/fonts/fsclerkenwell-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fsclerkenwellregular';
    src: url('/content/dam/europe/kelloggs_gb/fonts/fsclerkenwell.woff2') format('woff2'),
         url('/content/dam/europe/kelloggs_gb/fonts/fsclerkenwell.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h2{font-family:"fsclerkenwellbold"; font-size: 40px; color: #b20026;padding: 50px;}
h3{font-family: "fsclerkenwellregular";font-size: 30px; margin-top:-25px;}
.image-content p,
.hello-happy-gut-section p,
.Ingredients-section p,.disclaimer p {font-family: "fsclerkenwellregular";font-size:28px;line-height:34px;color:#000000;max-width: 1000px;display: inline-block;padding: 50px;}
img.pera-image{max-width: 300px;display: block;margin: 50px auto;}
hr{border: none;height: 3px;background-color: #fff;}
.internal-scroll{padding-top: 50px !important;}
.internal-scroll.is-sticky{padding-top: 20px !important;}
.internal-scroll .nav ul li {margin:10px 0;}
.internal-scroll .nav ul li a {background:#b35623; padding:8px 20px;border:3px solid #b35623; color:#fff; font-size:14px; line-height:normal; font-weight:bold; text-transform:none;}
.internal-scroll .nav ul li a:hover, 
.internal-scroll .nav ul li a.active {background:#fff;color:#b35623;}
.grey{background: #e8e8e8;}
.red{color: #b20026 !important;}
.showInMobile{display: none;visibility: hidden;}
.hideInMobile{visibility: visible;}
.hide{display: none;visibility: hidden;}

.videoArea{padding: 0px 200px 100px !important; text-align: center;}
.video_description h2{ padding: 50px 25px;}
.infoStrip h2{font-family: "fsclerkenwellregular";background: #fff;font-weight:unset;text-align: center;}
.image-content{text-align: center;}

.product-info{background: #e8e8e8 url("/content/dam/europe/kelloggs_gb/images/happy-guts/prod-bg1.jpg") no-repeat center center; background-size: cover;}
.product-info img{max-height: 475px;}
.product-info p{margin-top:-20px;padding: 0px 50px 50px;}

.hello-happy-gut-section{background: #e8e8e8 url("/content/dam/europe/kelloggs_gb/images/happy-guts/bg2.jpg") no-repeat center center; background-size: cover;}
.hello-happy-gut-section p{padding: 0px 50px 100px;}
.hello-happy-gut-section  h2{padding: 80px 50px 50px;}
.hello-happy-gut-section .infoStrip  h2{padding: 50px;}

.product-wrapper{display: flex;align-items:center;justify-content: center;text-align: center;}
.product {padding: 40px;}
.product img {max-height: 400px;}
.product:first-child{align-self: flex-start;}
.product:last-child{align-self: flex-end;}

.Ingredients-section{padding: 50px 100px;}
.Ingredients-section p {font-family:"KelloggsSansMedium";font-size: 18px;line-height:24px;padding: 0px 10px; margin: 0px;}
.Ingredients-section p.heading{padding: 20px 0px;}
.Ingredients-section p .bold{font-family:"KelloggsSansBold"}
table {width: 100%;}
table, th, td {border: 1px solid black;}
.disclaimer{background: #fff; text-align: center;}
.disclaimer p{font-family:"KelloggsSansMedium";font-size:13px;line-height: 15px;}

@media only screen and  (max-width: 1500px) {
    .internal-scroll {margin-bottom: 45px;padding-top: 45px !important;}
}
@media only screen and (max-width: 999px) {
    .videoArea{padding: 0px 50px 75px !important;}
    .Ingredients-section{  padding: 50px !important; }
    .hello-happy-gut-section h2{padding: 50px !important}
}
@media only screen and (max-width: 767px)
{
    
    .internal-scroll{    padding-top: 20px !important;}
    .showInMobile{display: block;visibility: visible;}
    .hideInMobile{display: none;visibility: hidden;}
    .internal-scroll .nav {clear: both;}
    .internal-scroll .nav ul li a { padding: 5px 7px; margin: 0 5px; font-size: 13px;}
    .internal-scroll .nav ul li {margin: 5px 3px;}
    .internal-scroll{margin-bottom: 0px;}
    h1, 
    h2,
    .hello-happy-gut-section h2 {font-size: 30px;padding: 30px !important;}
    .image-content p,
    .hello-happy-gut-section p {font-size: 22px; line-height: 25px;padding: 30px;}
    .hello-happy-gut-section p {padding: 0px 30px 30px;}
    .videoArea{padding: 0px 0px 50px}
    .product-info img{max-height: 270px;}
    .product-info p{padding: 0px 30px 30px;}
    .Ingredients-section p{font-size: 15px;padding: 0px 5px;line-height: 20px;}
    .disclaimer p{font-size: 12px;line-height: 14px;padding: 25px;}
}

@media only screen and (max-width:601px)
{
    .videoArea{padding: 0px 0px 50px !important ; }
    .product-wrapper{display: block !important;}
    .product img{max-height: 350px;}
    .Ingredients-section{padding: 10px !important;}
  
}
@media only screen and (max-width:479px)
{
    img.pera-image{max-width: 250px;}
    .Ingredients-section p{font-size: 11px;line-height: 15px;}
}

@media only screen and (max-width:320px)
{
    h1, h2 {font-size: 24px!important;;padding: 20px !important;;}
    .hello-happy-gut-section h2{font-size: 24px !important;;padding: 20px !important;;}
    .image-content p, .hello-happy-gut-section p{font-size: 18px ;line-height: 20px;padding: 20px;}
}