/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
#lead {
  /* redbox fill-right */ }
  #lead:after {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    top: 0;
    left: 65%;
    right: 0;
    background: #F00000;
    z-index: -1; }
    @media screen and (max-width: 1024px) {
      #lead:after {
        display: none; } }
  #lead .services-box {
    background: #F00000;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 54px 16px 69px 51px; }
    #lead .services-box h2, #lead .services-box li {
      color: white; }
    #lead .services-box h2 {
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 0; }
      #lead .services-box h2:after {
        content: "";
        display: block;
        width: 37px;
        height: 4px;
        background: white;
        margin-top: 10px;
        margin-bottom: 31px; }
    #lead .services-box .services-menu {
      list-style: none;
      margin: 0;
      padding: 0; }
      #lead .services-box .services-menu li {
        position: relative;
        margin-bottom: 24px; }
        #lead .services-box .services-menu li:last-child {
          margin-bottom: 0; }
        #lead .services-box .services-menu li a, #lead .services-box .services-menu li a:visited {
          font-size: 20px;
          line-height: 28px;
          color: white; }
          #lead .services-box .services-menu li a:hover, #lead .services-box .services-menu li a:visited:hover {
            font-weight: bold; }
        #lead .services-box .services-menu li.current {
          padding-left: 20px;
          font-weight: bold; }
          #lead .services-box .services-menu li.current:before {
            color: white;
            font-size: 36px;
            font-family: "standard-icons";
            content: "\e901";
            position: absolute;
            left: -13px;
            top: -4px;
            transform: rotate(180deg); }

@media screen and (min-width: 1024px) {
  #sub-lead .small-p h2 {
    max-width: 510px; } }

#sub-lead .image-container picture {
  max-height: 100% !important; }