/* @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    */
/*****************************************/

@media (max-width: 768px) { 
  h1{
    font-size: 6.4rem; !important
    line-height: 6.4rem; !important
  }
}

.top-huge {
    padding-top: calc(var(--gutter-v) * 10);
}

.header {
  background: #ffffff;
}

h1{
  /*line-height: 9.6rem;*/
}
h2{
  line-height: 4.8rem;
}
h3{
  line-height: 3.8rem;
}
h4{
  line-height: 2.8rem;
}
h5{
  line-height: 2.8rem;
}
h6{
  line-height: 2.4rem;
}

.hero .content__header h1{
  font-size: 4.8rem;
  line-height: 100%;
}

.Playfair{
  font-family: Playfair Display, cursive;
  font-weight: 400;
  font-style: italic;
}

p{
  line-height: 150%;
}

/* Make accordion titles that have h2 class look like h3 */
.accordion-header .accordion-title.h2 {
    font-size: 1.85rem; /* typical h3 size, adjust if needed */
    line-height: 1.55;   /* adjust to match your theme h3 */
}


.footer {
    margin-top: 2em;
}