/* Box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Reset a */
a {
  text-decoration: none;
  outline: none;
}

/* Reset margins */
body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
picture {
  margin: 0;
}

/* Colors & Fonts */
:root {
  --shapya-base: rgba(196, 60, 66, 1); /* ShapYa primary color: Header<a> active & <button> */
  --shapya-base-hover: rgba(196, 60, 66, 0.7); /*); /* ShapYa primary color hover: Header<a> & <button> hover */
  --primary: rgba(223, 110, 49,1); /* Merchant primary color: component 01, component 05 & footer BG's */
  --secondary: rgba(99, 72, 64, 1); /* Merchant primary color: topnav actve, textspan, sharebtn, bg component 03, h2 cards component 04 */
  --secondary-hover: rgba(99, 72, 64, 0.7); /* Merchant primary color hover */
  --background1: rgba(248, 248, 248, 1); /* Merchant BG1 color components 02 & 04 */
  --background2: rgba(237, 237, 237, 1); /* Merchant BG2 color components 03 & 05 */
  --textDark: rgba(31, 31, 31, 1); /* Color for 'p' texts */
  --black: rgba(0, 0, 0, 1); /* BG Header */
  --white: rgba(255, 255, 255, 1); /* Texts Header, btns, components 01, 03, 05 & footer*/
  --font42: 2.625rem;
  --font32: 2rem;
  --font28: 1.75rem;
  --font25: 1.5625rem;
  --font24: 1.5rem;
  --font22: 1.375rem;
  --font20: 1.25rem;
  --font18: 1.125rem;
  --font16: 1rem;
  --font14: 0.875rem;
  --font12: 0.75rem;
  --font10: 0.625rem;
}

.main-body {
  width: auto;
  margin: auto;
}