.town_cards {
    height: 100%;
    border-radius: 12px;
    border: 1px solid var(--Gold-1, #AE8625);
    background: #141311;
    padding: 60px;

    .content {
        display: flex;
        flex-direction: column;
        gap: 24px 0;
    }

    hr {
        margin: 40px 0;
    }

    .location {
        span.location {
            margin-left: 16px;
            color: #FFF;
            font-family: "Roboto Condensed", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 800;
            line-height: 36px;
            text-transform: uppercase;
        }

        p {
            margin-top: 8px;
            font-weight: 600;
            color: #FFF;
        }
    }

    @media (max-width: 40px) {}

    @media (max-width: 767px) {
        padding: 30px;
    }

    @media (max-width: 575px) {
        padding: 20px;
    }
}