text: export const TINY_BREAKPOINT = 350
  export const TINY_SCREEN = `@media (max-width: ${TINY_BREAKPOINT - 1}px)`
  
  export const SMALL_BREAKPOINT = 768
  export const SMALL_SCREEN = `@media (max-width: ${SMALL_BREAKPOINT - 1}px)`
  
  export const MEDIUM_SCREEN = `@media (min-width: ${SMALL_BREAKPOINT}px)`
  export const MEDIUM_BREAKPOINT = 900
  
  export const INBETWEEN_SCREEN =
      '@media (min-width: 450px) and (max-width: 766px)'
  
  export const LARGE_SCREEN = `@media (min-width: ${MEDIUM_BREAKPOINT}px)`
  
  export const LARGER_BREAKPOINT = 1000
  export const LARGER_SCREEN = `@media (min-width: ${LARGER_BREAKPOINT}px)`
  
  export const LARGE_BREAKPOINT = 1200
  export const WIDE_SCREEN = `@media (min-width: ${LARGE_BREAKPOINT}px)`
  
  export const LARGEST_BREAKPOINT = 1440
  export const LARGEST_SCREEN = `@media (min-width: ${LARGEST_BREAKPOINT}px)`
  
  export const HEADER_BREAKPOINT = 930
  