.funny_as_photos .gradient_colour {
        background-image: linear-gradient(to right, #000000 60%, rgba(0,0,0,0));
      }

      @media only screen and (max-width: 37.45em) {
        .funny_as_photos .gradient_colour {
          background-image: linear-gradient(to bottom, #000000 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 37.5em) {
        .funny_as_photos .gradient_colour {
          background-image: linear-gradient(to bottom, #000000 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 60em) {
        .funny_as_photos .gradient_colour {
          background-image: linear-gradient(to right, #000000 60%, rgba(0,0,0,0));
        }
      }

      .funny_as_photos .site-header::before {
        background-color: #000000;
      }


      .people .gradient_colour {
        background-image: linear-gradient(to right, #1f4a2b 60%, rgba(0,0,0,0));
      }

      @media only screen and (max-width: 37.45em) {
        .people .gradient_colour {
          background-image: linear-gradient(to bottom, #1f4a2b 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 37.5em) {
        .people .gradient_colour {
          background-image: linear-gradient(to bottom, #1f4a2b 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 60em) {
        .people .gradient_colour {
          background-image: linear-gradient(to right, #1f4a2b 60%, rgba(0,0,0,0));
        }
      }

      .people .site-header::before {
        background-color: #1f4a2b;
      }


      .funny_as .gradient_colour {
        background-image: linear-gradient(to right, #450210 60%, rgba(0,0,0,0));
      }

      @media only screen and (max-width: 37.45em) {
        .funny_as .gradient_colour {
          background-image: linear-gradient(to bottom, #450210 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 37.5em) {
        .funny_as .gradient_colour {
          background-image: linear-gradient(to bottom, #450210 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 60em) {
        .funny_as .gradient_colour {
          background-image: linear-gradient(to right, #450210 60%, rgba(0,0,0,0));
        }
      }

      .funny_as .site-header::before {
        background-color: #450210;
      }


      .collections .gradient_colour {
        background-image: linear-gradient(to right, #c01b1f 60%, rgba(0,0,0,0));
      }

      @media only screen and (max-width: 37.45em) {
        .collections .gradient_colour {
          background-image: linear-gradient(to bottom, #c01b1f 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 37.5em) {
        .collections .gradient_colour {
          background-image: linear-gradient(to bottom, #c01b1f 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 60em) {
        .collections .gradient_colour {
          background-image: linear-gradient(to right, #c01b1f 60%, rgba(0,0,0,0));
        }
      }

      .collections .site-header::before {
        background-color: #c01b1f;
      }






      .collection_drill_in .page-banner .background_colour {
        background-color: #172a42;
      }
      .screentalk .gradient_colour {
        background-image: linear-gradient(to right, #3d3d3d 60%, rgba(0,0,0,0));
      }

      @media only screen and (max-width: 37.45em) {
        .screentalk .gradient_colour {
          background-image: linear-gradient(to bottom, #3d3d3d 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 37.5em) {
        .screentalk .gradient_colour {
          background-image: linear-gradient(to bottom, #3d3d3d 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 60em) {
        .screentalk .gradient_colour {
          background-image: linear-gradient(to right, #3d3d3d 60%, rgba(0,0,0,0));
        }
      }

      .screentalk .site-header::before {
        background-color: #3d3d3d;
      }


      .interview_groups .gradient_colour {
        background-image: linear-gradient(to right, #3d3d3d 60%, rgba(0,0,0,0));
      }

      @media only screen and (max-width: 37.45em) {
        .interview_groups .gradient_colour {
          background-image: linear-gradient(to bottom, #3d3d3d 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 37.5em) {
        .interview_groups .gradient_colour {
          background-image: linear-gradient(to bottom, #3d3d3d 10%, rgba(0,0,0,0));
        }
      }

      @media only screen and (min-width: 60em) {
        .interview_groups .gradient_colour {
          background-image: linear-gradient(to right, #3d3d3d 60%, rgba(0,0,0,0));
        }
      }

      .interview_groups .site-header::before {
        background-color: #3d3d3d;
      }