.ds2ContentBlock {
  font-family: uolInter, "Arial";
  .preheading {
    font-family: uolSans, sans-serif;
    font-weight: 100;
    font-size: 18px;
    margin: 16px 0;
    @include media(">=uol-media-s") {
      font-size: 18px;
    }
  }

  .ds2ContentBlockUolLogo {
    svg {
      max-height: 90px;
      max-width: 100%;
    }
  }
  
  h1, h2, h3, h4, h5 {
    font-family: uolSans, sans-serif;
  }
  h2 {
    
    font-size: 32px;
    margin: 16px 0;
    @include media(">=uol-media-s") {
      font-size: 48px;
    }
     @include media(">=uol-media-l") {
      font-size: 64px;
      margin: 24px 0;
    }
  }
  
  h3 {
    font-size: 24px;
    font-weight: 100;
    margin: 16px 0;
    @include media(">=uol-media-l") {
      font-size: 32px;
      margin: 24px 0;
    }
  }
  
  p {
    font-size: 16px;
    margin: 16px 0;
  }
  
  // TODO: Put in new button component when built
  .inlineButtons {
    margin: 16px 0;

    @include media(">=uol-media-l") {
      margin: 24px 0;
    }

    .brandButton {
      width: 100%;
      box-sizing: border-box;
      border-radius: 4px;
      padding: 0 32px;
      height: 52px;
      margin-right: 0;
      display: inline-flex;
      align-items: center;
      background: $brand-black;
      color: $brand-white;

      &:not(:last-of-type) {
        margin-bottom: 16px;
      }
      
      @include media(">=uol-media-s") {
        width: inherit;
        margin-right: 16px;

        &:not(:last-of-type) {
          margin-bottom: 0;
        }
      }
    }
  }
  
  
  
  // To ensure vertically centered remove margins from top and bottom elements
  & :first-child {margin-top: 0;}
  & :last-child {margin-bottom: 0;}

}

// TODO: to put in some other component - can probably do with a mixin
.bgbrand-vivid-green {background: $brand-vivid-green;}
.bgbrand-teal {background: $brand-teal;}
.bgbrand-dark-blue {background: $brand-dark-blue;}
.bgbrand-pink {background: $brand-pink;}
.bgbrand-white {background: $brand-white;}

.fgbrand-black {color: $brand-black;}
.fgbrand-white {color: $brand-white;}