:root {
  /* Padding / gutter */
  --gutter: 10px;
  @media only screen and (min-width: 480px) {
    --gutter: 20px;
  }

  /* Colours */
  --clr-primary: #ff6600;
  --clr-bright: #fff;
  --blue: #1e90ff;
  --white: #ffffff;

  /* Breakpoints */
  /* These don't work for Media queries
  --bp-tablet-portrait: 480px;
  --bp-tablet-landscape: 768px;
  --bp-desktop-small: 1024px;
  --bp-desktop-large: 1400px;
  */
}