/* Titles */
:root {
  --titleFont:'Alfabet', Arial, Helvetica, sans-serif;
  --titleWeight:500;
  --textFont:'Open Sans', Arial, Helvetica, sans-serif;

  --h1Size: clamp(2rem, 80px, 8rem);
  --h2Size: clamp(2rem, 64px, 8rem);
  --h3Size: clamp(2rem, 48px, 8rem);
  --h4Size: clamp(2rem, 32px, 8rem);
  --h5Size: clamp(2rem, 24px, 8rem);
  --h6Size: clamp(2rem, 16px, 8rem);

  --titleMarginBottom:32px;
} 

html {font-family:var(--textFont); font-size:16px; line-height:1.5;}

h1 {font-family:var(--titleFont); font-weight:var(--titleWeight); font-size:var(--h1Size); line-height:1.2; margin-bottom:var(--titleMarginBottom);}
h2 {font-family:var(--titleFont); font-weight:var(--titleWeight); font-size:var(--h2Size); line-height:1.2; margin-bottom:var(--titleMarginBottom);}
h3 {font-family:var(--titleFont); font-weight:var(--titleWeight); font-size:var(--h3Size); line-height:1.2; margin-bottom:var(--titleMarginBottom);}
h4 {font-family:var(--titleFont); font-weight:var(--titleWeight); font-size:var(--h4Size); line-height:1.2; margin-bottom:var(--titleMarginBottom);}
h5 {font-family:var(--titleFont); font-weight:var(--titleWeight); font-size:var(--h5Size); line-height:1.2; margin-bottom:var(--titleMarginBottom);}
h6 {font-family:var(--titleFont); font-weight:var(--titleWeight); font-size:var(--h6Size); line-height:1.2; margin-bottom:var(--titleMarginBottom);}

.text-align-center {text-align: center;}

p {margin-bottom:var(--space-m)}
p:last-child {margin-bottom:0;}