h1 {
  color: inherit !important;
  font-size: max(3vw, 40px) !important;
  font-weight: inherit !important;
  line-height: 120% !important;
 margin-bottom: 30px !important;
  letter-spacing: 0em;
}

h1.uppercase {
   letter-spacing: 0.2em !important;
}

h2 {
  color: inherit !important;
  font-size: max(2.2vw, 27px) !important;
  font-weight: inherit !important;
  line-height: 120% !important;
  margin-bottom: 30px !important;
  letter-spacing: 0em !important;
}
h2.uppercase {
   letter-spacing: 0.1em !important;
}

h3 {
  color: inherit !important;
  font-size: max(1.2vw, 18px) !important;
  font-weight: inherit !important;
  line-height: 140% !important;
   margin-bottom: 20px !important;
  letter-spacing: 0.02em;
}

h3.uppercase {
   letter-spacing: 0.1em !important;
}


h4 {
  font-size: 11px !important;
  font-weight: inherit !important;
  line-height: 160% !important;
  font-weight: 300 !important;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  margin-bottom: 30px !important;
  color: var(--greytext) !important;
}

h4::after {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #111;
  display: flex;
  margin-top: 10px;
  
  display:none;
}
.centertext h4::after {
  margin-left: auto;
  margin-right: auto;
}
h4.centertext::after {
  margin-left: auto;
  margin-right: auto;
}


h5 {
  font-size: 13px !important;
   font-weight: inherit !important;
   line-height: 160% !important;


}




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


/**** SIZES ***/
.bigtext {
  font-size:7vw !important;
}
.smalltext {
  font-size:11px !important;
}


/*** letter spacing ***/

.letterspacing {
  letter-spacing: 0.4em !important;
}


/*** separator ***/
.lineseparator {
  height: 1px;
  width: 30px;
  background-color: var(--blackbg);
  margin-top: 15px;
  margin-bottom: 25px;
}

.centertext .lineseparator {
  margin-left: auto;
   margin-right: auto;
}



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

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





/******* weight ******/

.thin {
  font-weight: 100 !important;
}
.extralight {
  font-weight: 200 !important;
}

.light {
  font-weight: 300 !important;
}

.regular {
  font-weight: 400 !important;
}

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



/***** position ***/

.centertext {
  text-align:center !important;
}

.righttext {
  text-align:right !important;
}


.oblique {
  font-style: italic;
}

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



/**** underline text *****/

.underlinetext {
    position: relative;
    display: inline-block;
}

.underlinetext span {
    background-image: linear-gradient(to right, rgb(62, 57, 55) 0%, rgb(62, 57, 55) 100%);
background-repeat: repeat-x;
background-position: 0px 100%;
background-size: 100% 1px;
padding-bottom: 7px;
line-height: 200%;
}

.underlinetext.whitetext span {
    background-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
background-repeat: repeat-x;
background-position: 0px 100%;
background-size: 100% 1px;
padding-bottom: 7px;
line-height: 200%;
}