.campaign-title {
    font-size: clamp(32px, 8vw, 50px);
    line-height: 1.2;
    font-weight: 300;
    color: #f34d2a;
}
.campaign-subtitle {
    font-size: clamp(24px, 5vw, 30px);
    font-weight: 300;
    color: #808080;
}

.campaign-intro {
    font-size: clamp(16px, 5vw, 20px);
    font-weight: 300;
    color: #808080;
    margin-top: 20px;
}

.focus-content {
    font-size: clamp(24px, 5vw, 32px);
    font-weight: 300;
    max-width: 800px;
    margin: 10px auto;
}


.budget-table {
    width: 100%;
}

.budget-table > tbody > tr {
    border-bottom: 1px solid #f34d2a;
}

.budget-table > tbody > tr > td {
    font-size: clamp(14px, 3vw, 18px);
    padding: 7px;
}

    .budget-table > tbody > tr:last-child > td {
        padding-top: 20px;
        font-weight: 600;
    }

    .budget-table > tbody > tr > td:first-child {
        width: 75%;
    }
    .budget-table > tbody > tr > td:last-child {
        text-align: right;
        width: 25%;
    }

.budget-title {
    font-weight: 500;
    font-size: clamp(16px, 3vw, 22px);
}

.budget-point {
    font-weight: 300;
    font-size: clamp(16px, 3vw, 20px);
}

    .list-unstyled.custom-icon {
    margin-left: 24px;
}

    .list-unstyled.custom-icon > li i {
        margin-left: -24px;
        margin-right: 8px;
    }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .list-unstyled.custom-icon {
        margin-left: 30px;
    }

        .list-unstyled.custom-icon > li i {
            margin-left: -30px;
            margin-right: 8px;
        }
}