@import url('mobile-nav.css');
@import url('sidebar.css');
@import url('content.css');
@import url('slick-carousel.css');
@import url('footer.css');

/* Colors */
:root{
  --primary-red: #DB2F04;
  --primary-dark-red: #c62800;
  --black: #000;
  --link-text-black: #383838;
  --header-text-black: #000000;
  --body-text-black: #717171;
  --footer-text-grey: #AEAEAE;
  --footer-bg: #F7F7F7;
  --icon-grey:#D5D5D5;
  --hr-grey: #EAEAEA;
  --white: #ffffff;
}

/* Font Sizes */

  /* Mobile */
  @media (max-width: 576px){
    :root {
      --xs: 0.75rem; /* figma 12px */
      --sm: 0.85rem; /* figma 14px */
      --md: calc(1rem * 0.85); /* figma 16px x0,85*/
      --lg: calc(1.118rem * 0.75); /* figma 18px x0,87 x0,75 */
      --xl: calc(2.113rem * 0.75); /* figma 34px x0,87 x0,75 */
      --xxl: calc(3.293rem * 0.75); /* figma 53px x0,87 x0,75 */
    }
  }

  /* Tablet */
  @media (min-width: 576px) and (max-width: 992px){
    :root {
      --xs: 0.75rem; /* figma 12px */
      --sm: 0.85rem; /* figma 14px */
      --md: calc(1rem * 0.95); /* figma 16px x0,95*/
      --lg: calc(1.118rem * 0.85); /* figma 18px x0,87 x0,85 */
      --xl: calc(2.113rem * 0.85); /* figma 34px x0,87 x0,85 */
      --xxl: calc(3.293rem * 0.85); /* figma 53px x0,87 x0,85 */
    }
  }
  
  /* Desktop */
  @media (min-width: 992px){
    :root {
      --xs: 0.75rem; /* figma 12px */
      --sm: 0.85rem; /* figma 14px */
      --md: 1rem; /* figma 16px */
      --lg: 1.054rem; /* figma 18px x0,82 */
      --xl: 2.113rem; /* figma 34px x0,87 */
      --xxl: 3.293rem /* figma 53px x0,87 */
    }
  }

body{
  background: #fff;
  font-family: 'Roboto', sans-serif;
}