a {
    color: #0D6940;
    text-decoration: underline;
}

p, span, div {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 19px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 16px;
}

h1 {
    color: #0D6940;
    font-size: 64px;
    line-height: 75px;
    margin-bottom: 2px;
}

h2, h2 span {
    font-size: 32px;
}

    h2.header {
        color: #0D6940;
        text-transform: uppercase;
    }

h3 {
    font-size: 28px;
    line-height: 33px;
}

span.green {
    color: #4FAC50;
}

.page-heading-section {
    box-shadow: 0px 3px 6px #00000029;
}

.breadcrumb {
    display: flex;
    padding: 0;
    background-color: #ffffff;
    margin: 24px 0 56px 0;
}

    .breadcrumb span {
        margin: 0 4px;
    }

.industry-codes {
    font-size: 24px;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
}
    .industry-codes label {
        padding-right: 8px;
    }
    .industry-codes label,
    .industry-codes span {
        font-weight: bold;
        margin: 0;
        font-size: 24px;
    }

        .industry-codes span.spacer {
            margin-inline: 24px;
            color: #707070;
            font-weight: normal;
        }

.page-content {
    padding-block: 32px;
}

.card {
    border-top: 8px solid #0D6940;
    padding: 32px;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 32px;
}

.comparison-data-label {
    color: #4FAC50;
}

    .comparison-data-label.lower {
        color: #C30F1D;
    }

.comparison-symbol {
    display: inline-block;
    height: 32px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

    .comparison-symbol.lower {
        background-image: url('/images/comparisondown.svg');
    }

    .comparison-symbol.higher {
        background-image: url('/images/comparisonup.svg');
    }

    .comparison-symbol.equal {
        background-image: url('/images/comparisonequal.svg');
    }

.sub-industry-block {
    padding: 32px 0;
    border-bottom: 1px solid #707070;
}

    .sub-industry-block h5 {
        margin-right: 16px;
    }

.sub-industry-footer {
    text-align: center;
}

    .sub-industry-footer button {
        text-align: center;
        margin-top: 32px;
    }

        .sub-industry-footer button:focus,
        .sub-industry-footer button:hover {
            color: #ffffff;
        }

.related-job-list {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -16px;
}

.related-job {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
    flex-grow: 1;
    width: 100%;
}

    .related-job label {
        font-size: 16px;
        font-weight: bold !important;
    }

    .related-job label {
        margin: 0;
    }

    .related-job a {
        white-space: nowrap;
    }

.industry-cta {
    background: url('/images/industry-cta-bg.png') no-repeat center;
    background-size: cover;
    padding: 80px 64px;
}

    .industry-cta .cta {
        max-width: 52%;
    }

        .industry-cta .cta h3 {
            color: #006940;
        }

        .industry-cta .cta p {
            font-weight: bold;
            font-size: 18px;
            padding-right: 16px;
            margin-bottom: 16px;
        }

@media (max-width: 768px) {
    .sub-industry-block h5 {
        max-width: 488px;
    }

    .related-job {
        width: 50%;
    }

    .industry-cta {
        background-position-x: 70%;
        padding: 48px 42px;
    }
}

@media (max-width: 576px) {

    .breadcrumb {
       margin-bottom: 10px;
    }

    .page-heading-section h1 {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .page-heading-section .industry-codes {
        margin-bottom: 8px;
        flex-direction: column;
        align-items: flex-start;
    }

        .page-heading-section .industry-codes p {
            font-size: 12px;
        }

        .page-heading-section .industry-codes .spacer {
            display: none;
        }

        .page-heading-section .industry-codes div:not(:last-of-type) {
            margin-bottom: 16px;
        }

    h2 .header {
        font-size: 24px;
    }

    h3 {
        font-size: 32px;
    }

    #overview-description {
        font-size: 24px;
        line-height: 1.2;
    }

    .card {
        padding: 32px 24px;
    }

    .sub-industry-block {
        padding-block: 24px;
    }

        .sub-industry-block h5 {
            max-width: 344px;
            margin-bottom: 8px;
        }

    .sub-industry-footer button {
        margin-top: 24px;
    }

    .related-job {
        width: 100%;
    }

    .industry-cta {
        background: url('/images/industry-cta-bg2.png') no-repeat center;
        background-size: cover;
        padding: 48px 24px;
        height: 752px;
        background-position: center 100%;
    }

        .industry-cta .cta {
            max-width: 100%;
        }

            .industry-cta .cta h3 {
                font-size: 24px;
            }

            .industry-cta .cta p {
                font-size: 16px;
            }

            .industry-cta .cta a {
                width: 100%;
            }
}