:root {
  /*--fontSize-base: 1.0625rem;*/
  --panelGrid-gap: 6px;
  --color-accent: #a1224b;
  --color-accentHover: #8e1e42;
  --color-shade: #f2f2f2;
  --section-padding: 84px;

  --countdown-svg-measure: 47px;
  --countdown-stroke-offset: calc(2 * 20.5px * 3.14159265359);
  --slideshow-timeout-setting: 4s;  
}

@media (max-width: 1367px) {
  :root {
    --section-padding: 60px;
  }
}

@media (max-width: 700px) {
  :root {
    --section-padding: 20px; 
  }
}


/*
Breakpoints:
=============
Large:
Over 1367px

Desktop: 
@media(max-width: 1367px) {}

Tablet: 
@media(max-width: 1150px) {}

Mobile:
@media(max-width: 700px) {}

*/