h1 {
    font-size: 36px;
    letter-spacing: -1px;
    font-weight: 700;
    line-height: normal;
    color: #333;
}

@media only screen and (max-width: 700px) {
    h1 {
        font-size: 28px;
    }
}

.highlight {
    border-radius: 1em 0 1em 0;
    background-image: linear-gradient(-100deg, rgba(255, 224, 0, 0.3), rgba(255, 224, 0, 0.7) 95%, rgba(255, 224, 0, 0.1));
}

#footer p {
    color: #abb0ba;
    font-size: 14px;
}

.entry-author_name:hover {
    color: #49545e;
}

.stateText {
    fill: #FFFFFF;
    pointer-events: none;
}

.provinceText {
    font-size: 11px;
    fill: #464646;
}

.stateImage {
    fill: #F8991D;
}

.stateButton {
    fill: #000;
}

.stateImage,
.stateButton {
    cursor: pointer;
    transition: 0.4s;
}

.stateImage:hover,
.stateButton:hover {
    fill: #cc0000;
}
span.check-discount{
    font-size: 19px; 
}
@media only screen and (max-width: 600px) {
    span.check-discount{
        font-size: 17px; 
    }
  }