/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
@font-face {
  font-family: 'ValeriaMedium';
  src: url("fonts/valeria-webfonts/Valeria-Medium.woff2") format("woff2"), url("fonts/valeria-webfonts/Valeria-Medium.woff") format("woff"), url("fonts/valeria-webfonts/Valeria-Medium.ttf") format("truetype"); }

/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* 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  :)  */