text: // Breakpoint values inspired by:
  // https://ricostacruz.com/til/css-media-query-breakpoints
  // TODO: is there a way to get postcss @custom-media to play nice with
  // styled-components?
  
  export default {
    // Mobile-landscape+
    viewport4: '480px',
  
    // Table-portrait+
    viewport7: '768px',
  
    // Table-landscape+
    viewport9: '992px',
  
    // Laptops+
    viewport12: '1200px',
  }
  