.bronte .title-box {
    text-align:center;
    border-bottom: 5px solid #d4b748;
    background: #000;
    padding: 1rem
}

.bronte .title-box h2 {
    text-transform: uppercase;
    margin: 20px 0;
}

.bronte .title-box h2 span {
    color: #d4b748;
}

.bronte h3 {
    text-align:center;
    margin: 20px 0;
    text-transform: uppercase;
}

.bronte h4 {
    color: #fff;
    -webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d4b748;
}

@media only screen and (max-width: 767px) {
    .bronte h2 {
        font-size: 24px;
    }
    .bronte h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1024px) {
    .bronte h2 {
        font-size: 26px;
    }
    .bronte h3 {
        font-size: 20px;
    }
}


@supports (-webkit-text-stroke: 1px #d4b748) {
    .bronte h4 {
      -webkit-text-stroke: 1px #d4b748;
      -webkit-text-fill-color: white;
    }
  }

.bronte p span {
    font-weight: 600;
    color: #d4b748;
}


@media only screen and (min-width: 1200px) {
    .spacer {
        min-height:50px
    }
}