h1 {

   /* color: var(--blacktext);*/
  color: inherit;
    font-size: max(2.4vw, 40px) !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    margin-bottom: 25px !important;
    letter-spacing: 0.05em !important;

}


h2 {
    /* color: var(--blacktext);*/
  color: inherit;
    font-size: max(1.5vw, 25px) !important;
    font-weight: 400 !important;
    line-height: 150% !important;
  margin-bottom: 25px !important;
  letter-spacing: 0.05em !important;
  
}

h3 {
      /* color: var(--blacktext);*/
  color: inherit;
    font-size: max(1.2em, 18px) !important;
    font-weight: 400 !important;
    line-height: 160% !important;
  margin-bottom: 15px !important;
  letter-spacing: 0em;
}

h4 {
    color: var(--greytext);
  /* color: inherit;*/
    line-height: 150% !important;
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 3px;
    margin-bottom: 15px !important;
}



h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    line-height: 1;
    text-rendering: optimizelegibility;
}

/*** SIZES *****/

.bigbigtext {
    font-size: max(6vw, 50px) !important;
    line-height: 100% !important;
}

.bigtext {
    font-size: max(3.8vw, 40px) !important;
  letter-spacing: 0.05em;
  line-height: 110% !important;
}
.smalltext {
  font-size: 12px !important;
  line-height: 150%;
}

/***** colors *******/

.whitetext {
  color: #fff !important;
}

.greytext {
  color: var(--greytext) !important;
}

.blacktext {
  color: var(--blacktext) !important;
}
.creamtext {
  color: var(--creamtext) !important;
}

.greentext {
  color: var(--greentext) !important;
}




/** serif font ***/

.serif {
font-family: 'Abril Fatface', cursive !important;
}


/*** alignment ***/
.centertext {
  text-align:center !important;
}
.centered {
    margin-left: auto !important;
    margin-right: auto !important;
}

/**** thickness ****/
.light {
  font-weight:100 !important;
}

.extrathin {
  font-weight:200 !important;
}
.thin {
   font-weight:300 !important;
}

.medium {
  font-weight:400 !important;
}
.bold {
  font-weight:600 !important;
}

.extrabold {
  font-weight:800 !important;
}

/*** transform ***/

.uppercase {
  text-transform: uppercase !important;
  
}

.opacity {
  opacity:0.7 !important;
}


.oblique {
  font-style: oblique;
}