/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* --------------
   Text Adjusters
   -------------- */
.smallh1 {
  font-size: 0.6em;           /* 60% of H1 size */
  margin-bottom: -0.15em;      /* lifts it closer to main headline */
  line-height: 1;             /* tighter spacing */
  letter-spacing: 0.02em;     /* subtle polish */
  transform: translateY(-0.1em); /* optional “float” effect */
}

.percent75 {
  font-size: 0.75em;          /* 75% of original font size (determined in the theme settings) */
  line-height: 0.9;
}

.percent50 {
  font-size: 0.5em;
  line-height: 0.9;
}

.percent130 {
  font-size: 1.3em;
}

.percent150 {
  font-size: 1.5em;
}

.text-bold {
  font-weight: bold;
}

/* -----------------------------------
   Responsive tweaks to text adjusters
   ----------------------------------- */
@media (max-width: 600px) {
  .smallh1 {
    font-size: 0.65em;       /* slightly bigger on mobile for readability */
  }
  .percent75 {
    font-size: 0.8em;
  }
  .percent130 {
    font-size: 1.4em;
  }
  .percent150 {
    font-size: 1.6em;
  }