html {
  scroll-behavior: smooth; }

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto; } }

.products-section {
  display: flex;
  justify-content: center;
  background-image: url(/content/dam/NorthAmerica/kashi/images/home/bg-products-section-left-mobile.png), url(/content/dam/NorthAmerica/kashi/images/home/bg-products-section-right-mobile.png);
  background-repeat: no-repeat;
  background-position: top left, bottom right;
  background-size: auto 41%, auto 53%;
  margin-top: -5px; }
  .products-section .products-section--wrapper {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 0 173px; }
    .products-section .products-section--wrapper .products-section--product {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 100px; }
      .products-section .products-section--wrapper .products-section--product .btn {
        margin-top: 20px;
        margin-left: 20%;
        margin-right: 25%;
        font-weight: 600; 
        text-decoration: none;}

@media (min-width: 992px) {

  .products-section {
    background-image: url(/content/dam/NorthAmerica/kashi/images/home/bg-products-section-left.png), url(/content/dam/NorthAmerica/kashi/images/home/bg-products-section-right.png);
    background-position: top left, top right;
    min-height: 657px;
    background-size: auto; }
    .products-section .products-section--wrapper {
      justify-content: space-around;
      flex-direction: row;
      margin: 0 0 100px; }
      .products-section .products-section--wrapper .products-section--product {
        justify-content: flex-end; }
        .products-section .products-section--wrapper .products-section--product .mb-50 {
          margin-bottom: 50px; } }

          .products-section .products-section--wrapper .products-section--product .btn {
     min-width: 235px;
        margin-left: 20%;
        margin-right: 25%;
}
 .products-section .products-section--wrapper .products-section--product img {
  max-width: 92%;
  }

.about-section {
  background: linear-gradient(0deg, white 0%, #e6f6fd 100%);
  padding-top: 60px;
  text-align: center;
  color: #010101;
  width: 100%; }
  .about-section h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
    line-height: 3.15rem; }
  .about-section p {
    font-size: 1.56rem;
    margin-bottom: 1.5em;
    line-height: 2.56rem; }
    .about-section p a {
      color: #2359bb;
      text-decoration: underline; }
  .about-section .btn {
    font-weight: 600;
    margin-bottom: 2rem; 
    text-decoration: none;}
    .about-section .btn:hover {
      color: #fff;
      border: 1px solid #f85a28;
      background: #f85a28; }
  .about-section img {
    width: 100%; }

@media (min-width: 992px) {
  .about-section {
    padding-top: 60px; }
    .about-section h1 {
      font-size: 3.75rem;
      line-height: 3.5rem; } }

.cta-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.3%;
  justify-content: space-between;
  margin-top: .15%;
  text-align: center; }
  .cta-section .cta-section--cta {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 564px;
    margin-bottom: 3px;
    margin-top: 5px; }
    .cta-section .cta-section--cta h2 {
      color: #fff;
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
      line-height: 2.5rem; }
    .cta-section .cta-section--cta.recipes {
      background: url(/content/dam/NorthAmerica/kashi/images/home/kashi_homepage_recipe_panel.jpg);
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover; }
    .cta-section .cta-section--cta.blog {
      background: url(/content/dam/NorthAmerica/kashi/images/home/kashi_homepage_our_story_panel.jpg);
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover; }
    .cta-section .cta-section--cta .btn {
      font-weight: 600;
      margin-bottom: 2rem;
      text-decoration: none; }
      .cta-section .cta-section--cta .btn:hover {
        color: #fff;
        border: 1px solid #f85a28;
        background: #f85a28; 
        text-decoration: none;}

@media (min-width: 992px) {
  .cta-section {
    flex-direction: row; }
    .cta-section .cta-section--cta {
      width: 49.7%; }
      .cta-section .cta-section--cta h2 {
        font-size: 3.75rem;
        line-height: 3.75rem; }
      .cta-section .cta-section--cta.recipes {
        background-size: 100%; }
      .cta-section .cta-section--cta.blog {
        background-size: 100%; } }